html {
    width: 100%;
    height: 100%;
}
body {
    margin: 0;
    font-family: 'Open Sans';
    background: url(../img/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
p {
    font-weight: 600;
}
a {
    color: #000000;
}
.wrapper {
    width: 500px;
    margin-left: calc(50% - 250px);
    margin-top: 200px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px 25px 5px 25px;
}
@media(max-width: 550px) {
    /*body {
        background-position: -400px 0;
    }*/
    .wrapper {
        width: calc(100% - 50px);
        margin-left: 0;
        margin-top: 20%;
    }
    .wrapper p span {
        display: block;
    }
}
/*@media (max-width: 500px) {
    body {
        background-position: -450px 0;
    }
}
@media (max-width: 400px) {
    body {
        background-position: -550px 0;
    }
}*/