html, body { height: 100%; font-family:'Montserrat', 'Open Sans', sans-serif; }


body { background:url(../images/bg.jpg) no-repeat #000; background-size: cover;}
#header { height:100vh;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center; }

a, button { transition: all .2s linear; }

p.logo { margin-bottom: 145px; }

div.unidades { }

div.unidades { margin-bottom: 145px; }


#header p.title { color:#FFF; font-size:25px; font-weight:bold; margin-bottom: 24px; }
#header div.unidades select { background:none;  border:solid 1px #FFF; height:50px;  width:100%; margin-bottom:20px; border-radius:5px; padding:0 10px; font-size:14px; appearance:none; cursor:pointer; font-weight:500; font-style:italic; letter-spacing: .3px; background:url(../images/bg-select.png) no-repeat top right; color:#FFF; }
#header div.unidades select * { color:#000; }
#header div.unidades button.btn-submit { width:100%; background:#0E0E37; color:#FFF; border:none; font-size:15px; font-weight:bold; text-transform:uppercase; max-width: 155px; line-height: 56px; border-radius: 5px; padding:0; }
#header div.unidades button.btn-submit:hover {background: #0e3e52;}

#header {}
#header div.menu {}
#header div.menu a { color:#FFF; font-size:18px; text-align:center; text-transform:uppercase; font-weight:bold; line-height:35px; background:#E9580C; display:block; text-decoration:none; max-width: 290px; line-height:56px; border-radius: 5px; }
#header div.menu a:hover { background:orange; }

@media screen and (min-width: 300px) and (max-width: 768px) { 

body {background-position: -1010px center;background-size: auto;}

p.logo { margin-bottom:80px;}
#header div.unidades { margin-bottom:80px;}
 
}