body { margin:0; padding:0; background: #04132a;}
#suenodeoro { font-family: "Lato", sans-serif; color: #fff; font-weight: 400; margin:0 auto; padding:0; width: 100%; height: auto;} 
#suenodeoro .content { width: 100%; height: auto; text-align: center; margin: 0 auto; padding: 0; }
#suenodeoro .content .content-box { background: #04132a; width: 90%; height: auto; margin: 0 auto 10px; padding: 100px 0;  }
#suenodeoro .content .content-box .logo { max-width: 320px; height: auto; padding: 0; margin: 0 auto; }
#suenodeoro .content .content-box .logo img { width: 80%; margin: 0 auto; }
#suenodeoro .content .content-box .social-icons { width: 100%; max-width: 320px; height: auto; padding: 60px 0 0; margin: 0 auto; display: flex; }
#suenodeoro .content .content-box .social-icons .icon { width: 100%; max-width: 60px; height: auto; padding: 10px; margin: 0 auto; }
#suenodeoro .content .content-box .social-icons .icon img { width: 100%; margin: 0 auto; }
#suenodeoro .content .content-box .terms { width: 94%; max-width: 1000px; height: auto; margin: 0 auto; padding: 10px 3%;  }
#suenodeoro .content .content-box .terms p { font-family: "Lato", sans-serif; font-size: 12px; line-height: 150%; font-weight: 400; color: #a7a7a7; padding: 5px 0; margin: 0 auto; text-align: center; }
@media screen and (max-width: 600px){
#suenodeoro .content .content-box { background: #04132a; width: 60%; max-width: 800px; height: auto; margin: 50px auto 10px; padding: 10% 0; }
#suenodeoro .content .content-box .social-icons .icon img { width: 90%; }
}