@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900&display=swap');
    body {
        font-family: 'Montserrat', sans-serif !important;
    }
    
    .centrador {
        vertical-align: middle;
        margin: auto;
        display: inline-block;
        float: none;
    }
    /* Cabeza */
    
    .cabecera {
        height: 10vh;
        text-align: center;
        vertical-align: middle;
    }
    
    .cabecera p {
        color: #4A88C7;
        font-size: 1rem;
    }
    
    .cabecera .logo {
        max-height: 10vh;
        width: 90%;
    }
    
    .phone {
        border: 2px solid #C4C5C5;
        margin: auto;
        position: relative;
        width: fit-content;
    }
    
    .phone p {
        text-align: center;
        margin-left: 8px;
    }
    
    .phone-iconos {
        width: 30px;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-left: 3px solid #C4C5C5;
        border-radius: 50rem;
    }
    
    .cabecera p {
        margin-bottom: unset;
    }
    
    .iconos {
        width: 30px;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .socialicons .list-group-item {
        border: unset !important;
        padding: .75rem .10rem;
    }
    /* cuerpo */
    
    .cuerpo {
        height: 90vh;
        vertical-align: middle;
    }
    /* menu */
    
    .menu {
        padding-top: 2%;
        padding-left: 3em;
        background: rgba(74, 137, 199, 1);
        background: -moz-linear-gradient(-45deg, rgba(74, 137, 199, 1) 0%, rgba(74, 137, 199, 1) 45%, rgba(86, 147, 208, 1) 45%, rgba(86, 147, 208, 1) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(74, 137, 199, 1)), color-stop(45%, rgba(74, 137, 199, 1)), color-stop(45%, rgba(86, 147, 208, 1)), color-stop(100%, rgba(86, 147, 208, 1)));
        background: -webkit-linear-gradient(-45deg, rgba(74, 137, 199, 1) 0%, rgba(74, 137, 199, 1) 45%, rgba(86, 147, 208, 1) 45%, rgba(86, 147, 208, 1) 100%);
        background: -o-linear-gradient(-45deg, rgba(74, 137, 199, 1) 0%, rgba(74, 137, 199, 1) 45%, rgba(86, 147, 208, 1) 45%, rgba(86, 147, 208, 1) 100%);
        background: -ms-linear-gradient(-45deg, rgba(74, 137, 199, 1) 0%, rgba(74, 137, 199, 1) 45%, rgba(86, 147, 208, 1) 45%, rgba(86, 147, 208, 1) 100%);
        background: linear-gradient(135deg, rgba(74, 137, 199, 1) 0%, rgba(74, 137, 199, 1) 45%, rgba(86, 147, 208, 1) 45%, rgba(86, 147, 208, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4a89c7', endColorstr='#5693d0', GradientType=1);
    }
    
    .menu a {
        color: white;
        text-transform: uppercase;
    }
    
    .menu a:hover {
        text-decoration: underline #E8511D;
        color: white;
    }
    
    .subitem a {
        text-transform: none;
    }
    
    .activo {
        text-transform: uppercase;
        text-decoration: underline #E8511D;
        font-weight: bold;
        border-radius: 3%;
        word-spacing: 2em !important;
        border-radius: 3px;
        border-spacing: 2px;
        font-size: 1.2rem;
    }
    
    .pie {
        position: absolute;
        bottom: 0;
        width: 80%;
        border-top: 2px solid white;
    }
    
    .pie p {
        text-align: center;
        font-size: small;
        color: white;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .nav-item {
        margin: 10px 0px 10px 0px;
    }
    /* contenido */
    
    .organizador {
        border-top: 5px solid #E8511D;
    }
    
    .home .textoportada {
        right: 1.5rem !important;
    }
    
    .textoinicio {
        background-color: #E8511D50;
        top: 35% !important;
        bottom: 35% !important;
        right: 0 !important;
        left: 57% !important;
        padding: 2% !important;
        font-size: 4rem !important;
    }
    
    .textoinicio h1 {
        font-weight: bolder;
        vertical-align: middle;
    }
    
    .portadahome {
        height: 90vh;
        background-image: url('../img/home.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .portadaconocenos {
        height: 40vh;
        background-image: url('../img/conocenos.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 0px;
        border-bottom: 15px solid #4A88C7;
    }
    
    .preportada {
        padding-left: 0px !important;
    }
    
    .portada {
        height: 40vh;
        background-image: url('../img/resultados.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 0px;
        border-bottom: 15px solid #C4C5C5;
    }
    
    .textoportada {
        background-color: #E8511D50;
        width: 50%;
        top: 30%;
        right: 0 !important;
        text-align: right;
        position: absolute;
    }
    
    .textoportada h1 {
        color: white;
        font-size: 4rem !important;
        padding-left: 1rem;
        padding: .5rem;
        font-weight: bolder;
    }
    
    .servicios h1 {
        padding-top: unset !important;
        padding-bottom: unset !important;
    }
    
    .servicios .portada {
        background-image: url('../img/servicios.jpg');
    }
    
    .pagos .portada {
        background-image: url('../img/pagos1.jpg');
    }
    
    .pagos .titulo {
        border: solid 1px #E8511D;
        width: 80%;
        margin-left: 10%;
        border-radius: 5px;
    }
    
    .pagos .shadow {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }
    
    .servicios .titulo {
        margin-bottom: 1.5rem;
    }
    
    .informacion {
        height: 60%;
    }
    
    .h-80 {
        height: 80%;
    }
    
    .h-10 {
        height: 10%;
    }
    
    .divisor {
        border-left: solid 5px #EBEBEB;
    }
    
    .titulo {
        border: solid 5px #E8511D;
        border-radius: 5px;
    }
    
    .linea1 {
        border: solid 2px #E8511D;
        margin-bottom: 3em;
    }
    
    .linea2 {
        border: solid 2px #d8d9d9;
    }
    
    .subtitulo::before {
        content: '‣';
        padding-right: 3px;
        font-size: x-large;
        color: #E8511D;
    }
    
    .form-control {
        border: 1px solid #e9ecef !important;
    }
    
    .material-icons {
        color: #E8511D !important;
        padding: .375rem .1rem !important;
    }
    
    .seccion {
        border: 1px solid #5693d040;
        padding: .3em;
        border-radius: 10px;
        margin-bottom: .3rem;
    }
    
    .icono {
        padding-left: 0.2rem !important;
        padding-right: 0.2rem !important;
    }
    
    label {
        font-weight: 500;
    }
    
    .aviso {
        border: 5px solid #d8d9d9 !important;
        border-radius: 2rem !important;
    }
    
    .contacto .portada {
        height: 89vh;
        background-image: url('../img/contacto1.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 0px;
        border-bottom: unset !important;
    }
    
    .contacto .textoportada {
        background-color: #E8511D50;
        width: 100%;
        margin-top: 70%;
        text-align: center;
        position: unset;
    }
    
    .contacto .textoportada h1 {
        color: white;
        font-size: 4rem !important;
        padding: 2rem;
        font-weight: bolder;
    }
    
    .formularios .portada {
        height: 89vh;
        background-image: url('../img/formulario.jpg');
        background-repeat: no-repeat;
        background-position-x: right;
        background-size: cover;
        padding-left: 0px;
        border-bottom: unset !important;
    }
    
    .formularios .textoportada {
        background-color: #E8511D50;
        width: 100%;
        margin-top: 70%;
        text-align: center;
        position: unset;
    }
    
    .formularios .textoportada h1 {
        color: white;
        font-size: 4rem !important;
        padding: 1rem;
        font-weight: bolder;
    }
    
    @media (max-width: 767.98px) {
        .cabecera {
            height: unset;
        }
        .cuerpo {
            height: unset;
        }
        .portada {
            height: 25vh;
        }
        .textoportada h1 {
            color: white;
            font-weight: bolder;
            padding: unset !important;
            font-size: 3rem !important;
        }
        .textoportada {
            width: 80% !important;
        }
        .preportada {
            padding-left: 15px !important;
        }
        .portadahome {
            height: 75vh;
        }
        .servicios .textoportada {
            top: 15% !important;
        }
    }
    
    .toast-body {
        padding: .3rem !important;
    }
    
    .btn-outline-warning {
        color: #E8511D !important;
        border-color: #E8511D !important;
    }
    
    .btn-outline-warning:hover {
        color: white !important;
        background-color: #4a89c8 !important;
        border-color: #4a89c8 !important;
    }