html { 
  background: url(img/numa-relax-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.img-box {
 width: 40%;
 margin: 0 auto;
}
.img-logo {
    width: 15%;
}
.img-box img {
    width: 100%;
}
.redes-soc {
    width: 100%;
     margin: 0 auto;
     text-align: center;
}
.redes-soc a  {
    display: block;
    color: rgba(250,250,250,0.8);
    text-decoration: none;
    font-size: 18px;
}
.redes-soc a i {
    margin-right: 10px;
}
@media only screen and (max-width: 360px) {
    .img-box {
     width: 90%;
     margin-top: 50px;

    }
    .img-logo {
        width: 50%;
        margin-top: 50px;
    }
}
@media only screen and (max-width: 770px) {
    .img-box {
     width: 70%;

    }
    .img-logo {
        width: 30%;
    }
}