body {font-family: 'Lato', sans-serif!important;} a, span {color:#20448e;}
.caja-img-banner img {width: 100%;}
.caja-slogan h1 {color:#789dc9; font-size: 1rem;} .caja-slogan strong {color:#20448e;}
.sec-fomrmulario {background-color: #20448e; padding: 20px 0; border-radius: 1rem;} .sec-fomrmulario h2 {width: 100%;}
.sec-fomrmulario2 {background-color: #f1f1f1; padding: 20px 0; border-radius: 1rem;} .sec-fomrmulario h2 {width: 100%;}
.caja-sec-video {border: 3px solid #20448e; background-color: #20448e}
.caja-sec-video h2 {background-color:#20448e; color:#ffffff; font-size: 1.5rem;padding: 8px 0;}
.titulo-formulario {background-color: #789dc9; color:#fff;}
.titulo-formulario p {padding: 0;margin: 0;}
.caja-sec-2 h2 {background-color:#20448e; color:#ffffff; font-size: 1.5rem;padding: 8px 0;}
.media img {width: 60px;}
.titulo-convenios {color:#789dc9; font-size: 1.5rem;}
.caja-pie  {color:#789dc9;} .caja-pie strong {color:#20448e;}
.sec-footer {background-color: #ececec;}
.sec-footer p {padding: 0; margin: 0}
.formulario1 {background-color:#20448e; color: #ffffff;}
.form-group1 { margin-bottom: 0.2rem!important;}
label { display: inline-block; margin-bottom: .1rem!important; font-size: .9rem;}
.caja {text-align: right; color: #ffffff; } .caja h1 {font-size: 1.5rem;}
.jumbotron {background-image: url(../img/bg-stem-landing.jpg);
background-repeat: no-repeat; background-position: top center; background-size: cover;}
.btn-whatsapp {
        display:block;
        width:70px;
        height:70px;
        color#fff;
        position: fixed;
        right:30px;
        bottom:20px;
        border-radius:50%;
        line-height:80px;
        text-align:center;
        z-index:999;
}
.btn-whatsapp img{
        width:70px;
        height:70px;
}
.botonweb {margin: 3rem 0;}
.btn-primary {
    color: #fff;
    background-color: #21d0da;
    border-color: #21d0da;font-family: 'Lato', sans-serif!important;
    font-size: 1.5rem;
}
.btn-web {padding: 1rem;
    border-radius: 2rem;}
    .btn-web-1 { padding: 0.5rem 1rem; border-radius: 2rem;font-size: 1rem;}



// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { .caja-slogan h1 {font-size: 2rem;} }
@media (min-width: 576px) { .caja-slogan h1 {font-size: 2rem;} }

@media (max-width: 575.98px) { .caja-slogan h1 {font-size: 1.6rem;} }