*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img {border:0em;max-width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust: none;}
body {font-family:'Montserrat',Arial, Helvetica, sans-serif;font-size:16px;background-color:#000000;}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;}
article{position:relative;}
#home{width:100vw;height:90dvh;background:url(../img/fondo.jpg) no-repeat center center;background-size:cover;}
#home div{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:rgba(0,0,0,0.6);}
img.mgid{position:absolute;top:3vw;width:10vw;right:2vw;z-index:2;}
img.adgage{position:absolute;top:2vw;width:17vw;left:2vw;z-index:2;}
h1{color:#ffffff;font-size:6vw;font-weight:800;text-align:center;text-shadow:0px 0px 0px #ffffff;z-index:2;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);animation:glow 1s alternate-reverse 1s infinite}
@keyframes glow{
    0%{text-shadow:0px 0px 0px #ffffff;}
    100%{text-shadow:0px 0px 10px #ffffff;}
}
h2{color:#ffffff;text-align:center;font-weight:800;margin:20px 0;font-size:2vw;}
h3,h4{color:#ffffff;margin:0 auto 20px;font-size:1.5vw;text-align:center;}
form{max-width:800px;margin:0 auto;}
form ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
form ul li{width:45%;margin:0 auto}
form ul + small{display:block;margin:0 0 20px;color:white;font-size:.75em;width:100%;font-style:italic;text-align:center;}
form ul li a{background-color:#ff0000;color:white;display:block;border-radius:3px;padding:10px;text-align:center;font-size:1.35em;font-family:'Montserrat',Arial;text-decoration:none;width:90%;margin:1em auto;cursor:pointer;}
form > div{position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.9);width:60%;height:100%;right:0;margin:0 auto;}
form > div > small{font-size:1em;border-radius:50%;border:1px solid white;width:30px;height:30px;line-height:30px;text-align:center;float:right;color:#ffffff}
label{display:block;margin:1em auto .5em;color:white;font-size:1vw;}
p{color:white;font-size:1em;margin:.5em;text-align:left;line-height:1.5;}
p.error{color:red;font-size:1em;margin:1em;}
input[type="email"],input[type="text"]{padding:10px;display:block;width:100%;margin:0 auto;font-family:'Montserrat',Arial;font-size:1em;}
.oculto{display:none;}

@media only screen and (max-width:767px) {
    #home{height:60dvh;}
    img.adgage{width:30vw;top:5vw;left:5vw}
    img.mgid{width:18vw;top:6vw;right:5vw;}
    h1{font-size:5.25vh;line-height:1.5;}
    h2{font-size:2.5vh;}
    h3,h4{font-size:2vh;margin:0 20px 20px;}
    form ul{margin:0 20px}
    form ul li{width:100%} 
    label{font-size:.75em;}
    a, p.email{font-size:1.1em;width:80%}
    small{font-size:.65em;width:auto;margin:0 20px 20px}
}