body{background-color:#fff}.main-formulario{height:100%;width:100%;position:relative;display:flex;justify-content:center;align-items:center}.main-formulario .form{width:40vw;height:55vh;background:#f3f3f3;border-radius:8px;box-shadow:0 0 20px 0 rgba(50,50,50,.3);padding:20px 30px;max-width:calc(100vw - 40px);box-sizing:border-box;font-family:Montserrat,sans-serif;position:relative;z-index:2}.main-formulario h2{margin:10px 0;padding-bottom:10px;width:310px;color:#78788c;border-bottom:3px solid #78788c}.main-formulario input[type=text],.main-formulario textarea{width:100%;padding:10px;box-sizing:border-box;background:none;outline:none;resize:none;border:0;font-family:Montserrat,sans-serif;transition:all .3s;border-bottom:2px solid #bebed2}.main-formulario input:focus{border-bottom:2px solid #78788c}.main-formulario p:before{content:attr(type);display:block;margin:28px 0 0;font-size:14px;color:#5a5a5a}.main-formulario button{float:right;padding:8px 12px;margin:8px 0 0;font-family:Montserrat,sans-serif;border:2px solid #78788c;background:0;color:#5a5a6e;cursor:pointer;transition:all .3s}.main-formulario button:hover{background:#78788c;color:#fff}.main-formulario .data-contact{content:"Hi";position:absolute;bottom:-15px;right:-20px;background:#50505a;color:#fff;width:260px;padding:16px 4px 16px 0;border-radius:6px;font-size:13px;box-shadow:10px 10px 40px -14px #000}.main-formulario span{margin:0 5px 0 15px}#formularioContacto{height:100%;margin-top:2em}#formularioContacto .checkbox{margin:0 0 1em 1em}#formularioContacto .vs-checkbox{border-width:1px!important}#formularioContacto .vs-icon{margin-right:-1px}#formularioContacto .vs-checkbox--check{background-color:#20b1aa!important}#formularioContacto .vs-checkbox{border-color:#20b1aa!important}#formularioContacto .form-check-input{transform:scale(1.2)}#formularioContacto .form-check-label{color:#626262!important}.terminos-link{text-decoration:none!important;color:#0053b0}.terminos-link:hover{text-decoration:underline!important;color:#0053b0}@media only screen and (min-width:600px) and (max-width:823px) and (max-height:500px){.main-formulario #formularioContacto{height:140vh!important}.main-formulario .data-contact{right:0!important}.main-formulario .form{width:95vw!important;max-width:100vw!important}.main-formulario h2{font-size:20px!important;width:auto!important}}@media only screen and (min-width:280px) and (max-width:599px) and (max-height:500px){.main-formulario #formularioContacto{height:160vh!important}.main-formulario .data-contact{right:0!important}.main-formulario .form{width:95vw!important;max-width:100vw!important}.main-formulario h2{font-size:20px!important;width:auto!important}}@media only screen and (min-width:280px) and (max-width:823px) and (min-height:500px){.main-formulario #formularioContacto{height:112vh!important}.main-formulario .data-contact{right:0!important}.main-formulario .form{width:95vw!important;max-width:100vw!important}.main-formulario h2{font-size:20px!important;width:auto!important}}@media only screen and (min-width:280px) and (max-width:799px) and (min-height:600px) and (max-height:650px){.main-formulario #formularioContacto{height:95vh!important}}@media only screen and (min-width:280px) and (max-width:799px) and (min-height:651px) and (max-height:720px){.main-formulario #formularioContacto{height:85vh!important}}@media only screen and (min-width:280px) and (max-width:799px) and (min-height:721px) and (max-height:780px){.main-formulario #formularioContacto{height:82vh!important}}@media only screen and (min-width:280px) and (max-width:799px) and (min-height:781px) and (max-height:850px){.main-formulario #formularioContacto{height:75vh!important}}@media only screen and (min-width:280px) and (max-width:799px) and (min-height:851px) and (max-height:1024px){.main-formulario{margin-top:4em}.main-formulario #formularioContacto{height:60vh!important}}@media only screen and (min-width:800px) and (max-width:1229px) and (min-height:599px) and (max-height:1024px){.main-formulario{margin-top:1em}.main-formulario #formularioContacto{height:80vh!important}.main-formulario .data-contact{right:0!important}.main-formulario .form{width:70vw!important;max-width:100vw!important}.main-formulario h2{font-size:20px!important;width:auto!important}}@media only screen and (min-width:800px) and (max-width:1229px) and (min-height:1024px) and (max-height:1400px){.main-formulario{margin-top:2em}.main-formulario #formularioContacto{height:45vh!important}}@media only screen and (min-width:1230px) and (max-width:1599px){.main-formulario{margin-top:1em}.main-formulario #formularioContacto{height:80vh!important}.main-formulario .data-contact{right:0!important}.main-formulario .form{width:50vw!important;max-width:100vw!important}.main-formulario h2{font-size:20px!important;width:auto!important}}@media only screen and (min-width:1230px) and (max-width:1599px) and (min-height:400px) and (max-height:700px){.main-formulario{margin-top:2em}.main-formulario #formularioContacto{height:107vh!important}}@media only screen and (min-width:1230px) and (max-width:1599px) and (min-height:1024px) and (max-height:1200px){.main-formulario{margin-top:2em}.main-formulario #formularioContacto{height:60vh!important}}@media only screen and (min-width:1600px) and (min-height:900px){.main-formulario{margin-top:2em}.main-formulario #formularioContacto{height:65vh!important}}@media only screen and (min-width:550px) and (max-width:1600px) and (max-height:700px){.main-formulario{margin-top:10em!important}#course-header,.main-formulario #formularioContacto{height:150vh!important}}