/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{color:#FFF;}
footer{position:absolute;bottom: 0; padding-bottom:0px; width:100%; text-align:center; color:#000000; font-family: 'Lato', sans-serif; font-weight:300; font-size: 9px;}
.contacto{position:absolute;top: 20px; width:322px; margin-left:-161px; text-align:center; left:50%; padding-bottom:40px; color:#000000; font-family: 'Lato', sans-serif; font-weight:300; font-size: 12px; padding-left:80px; padding-top:20px;}
.contacto a{ margin-right:45px;color:#000000;}

.logo{position:absolute; top:35%; left:50%; margin-left:-103px; margin-top:-103px; width:206px;}
.logo2{position:absolute; top:50%; left:75%; margin-left:-143px; width:287px;}

.palabra{position:absolute; top:85%; left:50%; width:300px;  margin-left:-150px;color:#000000; font-family: 'Lato', sans-serif; font-weight:300; font-size: 16px; text-align:center;letter-spacing: 0px; opacity:0;}

.frase{position:absolute; top:50%; left:50%; width:600px; text-align:center;  margin-left:-300px;color:#000000; font-family: 'Lato', sans-serif; font-weight:100;line-height: 42px; font-size: 34px; text-align:center; opacity:0;}

.sol{

  font-size: 5px;
}



footer li {
    float: left;
    font-size: 12px;
    margin-right: 20px;
}
#copyright{clear:both; padding-top:0px;letter-spacing: 5px; }

#copyright span{font-weight:400;}

@media (max-width: 767px) {footer{position:absolute;bottom: 0; width:95%;padding-bottom:0px; }
.contacto a{ color:#000000; margin-right:30px;}
.contacto{position:absolute;top:10px; width:400px; margin-left:-260px; text-align:center; left:50%; padding-bottom:40px; color:#000000; font-family: 'Lato', sans-serif; font-weight:300; font-size: 12px; padding-left:80px; padding-top:0px;}
.logo{position:absolute; top:30%; left:50%; margin-left:-80px; margin-top:-80px; width:160px;}

.palabra{position:absolute; top:60%; display:none; left:50%; width:200px;  margin-left:-100px; color:#000000; font-family: 'Lato', sans-serif; font-weight:300; font-size: 14px; text-align:center;letter-spacing: 0px;}
#copyright{clear:none; padding-top:0px;letter-spacing: 5px; }
.frase{position:absolute; top:48%; left:50%; width:200px;  margin-left:-100px;color:#000; font-family: 'Lato', sans-serif; font-weight:200;line-height: 30px; font-size: 35px; text-align:center;}

}