@font-face {
    font-family: 'Interstate Regular';
    src: url('../fonts/interstate-regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Interstate Bold';
    src: url('../fonts/interstate-bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

body{font-family:'Interstate Regular',Helvetica,Arial, sans-serif; font-size:16px;margin: 0px; font-size: 18px;}
b { font-family: 'Interstate Bold';}
main{ background-image: url("../images/fondo.jpg"); color: #fff;
 background-repeat: no-repeat;background-size: cover;position: relative;}
.pareja{position: absolute; bottom: 0; z-index: 999;left: -10%}
.septiembre { position: relative; margin-top: 150px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: inline-block;font-size: .8em;padding: 10px 0;}
.septiembre h2{ font-family: 'Interstate Bold'; font-size: 2.2em;
    line-height: 1em;}
.septiembre::before {
     content: '+';
    font-size: 2.4em;
    top: 35%;
    left: -30px;
    position: absolute;
}
.separator-top{margin-top: 150px;}
.separator-top h2 {font-size: 2em; margin-bottom: 0;}
.sonrie{height: 200px;}
.sonrie img{position: absolute;left: -40%;top:15%}
.tira{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;background-image: url("../images/tira.png"); 
 background-repeat: no-repeat;background-size: cover;background-position: bottom;}
.mobile,.versionm{display: none} 
.nomobile{display: block}  
.versiond{display: inline-block}     
.maintitle img{width: 100%;}
.maincontent h3{ font-weight: bold; font-size: 1.3em; font-family: 'Interstate Bold';}
.maincontent{font-size: 1.5em;}
form.mainform{margin-bottom: 80px;margin-top: 30px;}
.maincolor{ color:#019CDA;}
.form-control-rounded {
    border-radius: 40px;
    background: #fff; 
    padding: 10px 30px; 
    width: 100%;
    font-size: .7em;
}
.radios{font-size: .6em;}
.oculto{display: none;}
.no-endround{border-top-right-radius: 0; border-bottom-right-radius: 0}
button.roundedpill{background:#8BAB1F; padding: 5px 20px;  border-radius: 40px; color:#fff; float: right; font-size: 1em; width: 100%;}
.no-startround{border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;padding: 22px 22px !important}
.big-checkbox {width: 1.8rem; height: 1.8rem;top:0.5rem}
.form-check a{color: #fff;}
.form-check-label{color: #ccc;     padding-left: 20px;
    font-size: .6em;
    padding-top: 10px;
    line-height: 1em;}
footer{background: #fff;color: #000;padding: 50px 0; font-size: .9em; line-height: 1em;}
footer a{text-decoration: underline; color: #000; font-weight: bold;}
.mb30{margin-bottom: 30px;}

@media only screen and (max-width: 1200px) {
    .sonrie img{width: 500px;    left: -25%;
    top: 17%;}
     .sonrie {height: 150px;}
    .pareja img{width: 550px; }
    .tira{ bottom: 15%;}
}

@media only screen and (max-width: 992px) {
    .sonrie img{    left: -40%; top: 19%;
    }
    .pareja {left: -40%}
    .pareja img{width: 550px; }
}

@media only screen and (max-width: 768px) {
.mobile{display: block}   
.nomobile,.versiond{display: none}  
.versionm{display: inline-block} 
.separator-top {
    margin-top: 50px;
}
.sonrie {
        height: auto;
}
.septiembre {
    margin-top: 50px;
}
/* .form-check{min-height: 70px;}
.form-check-label{line-height: 1.8em;} */
form.mainform {
    margin-bottom: 0;
}
.tira2{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;background-image: url("../images/tira2.png"); 
 background-repeat: no-repeat;background-position: top;}
.sonrie img {
    position: relative; left: auto; top: auto;
}
.no-endround {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}
.no-startround {
    border-top-left-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
    margin-top: 20px;
}
.endpics img{width: 100%}
}

@media only screen and (max-width: 576px) {
  .sonrie img { max-width: 100%; }
  .versionm{ margin: 50px auto; display: block; width: 250px}
}