body{font-family:'Arial',sans-serif;font-size: 12pt;text-align:left;color:#222;padding:0; margin:0}
    
.container{background-image:url(../img/back-desk.jpg);background-attachment:fixed;background-repeat:no-repeat;background-position:center,center;background-size:cover; width:95%;height:100%;padding:0px;margin:0 auto}

a{color:white;text-decoration:none;cursor:pointer;}

img{width:100%;max-width:400px;}

h2{font-size: 1.2em;}

#contacto ul{list-style: none;padding: 10px 0 0;width: 100%;height:100%;}
#contacto input, #contacto textarea{border:none;border-radius:3px;padding: 5px; -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.25);box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.25);}
#contacto li{margin: 6px 0 3px; width: 100%;}
#contacto input{width: 49%;height: 100%;}
#contacto li:nth-child(2){height: 120px;}
#contacto textarea{width: 100%;height:100%;}
#contacto .btn-default{background-color:#323683;color:white;float:right}

#redes .redes{text-align: left}
#redes img{width: 70px;height: auto}
hr{border-top: 1px solid black;}
.lineav{margin: 0 0 0 0.5%; height: 300px; border-left: 1px solid black;}

footer{font-size:0.8em;}

@media (max-width:768px){
    body{background-image:url(../img/back-mobile.jpg);font-size:13pt;}
    #redes .redes{text-align: center}
    .lineav{display: none}
}