html, body {
    height:100%;
    margin:0;
    padding:0;
}
body {
    background:url('../img/bg.jpg') no-repeat bottom center;
    background-size:cover;
}
.page {
    padding:20px;
    font-family:'PT Serif', serif;
}
.logo {
    text-align:center;
    padding-top:70px;
}
.logo img {
    max-width:90%;
}
.contacto {
    max-width:1000px;
    padding-left:15px;
    padding-right:15px;
    margin:70px auto 30px auto;
}
.content {
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:50px;
}
.content h2 {
    color:#7dbefa;
}
.content hr {
    width:50%;
}
.content span, .content span a {
    color:#fff;
}
.content span {
    display:block;
}
.content span a {
    text-decoration:none;
}
@media screen and (max-width:767px) {
    .contacto {
        margin-top:30px;
        margin-bottom:0;
    }
    .content {
        width:100%;
        margin-bottom:30px;
    }
    .content span {
        font-size:12px;
    }
}