@import url("https://use.typekit.net/msk0daq.css");


/* font-family: "alverata", serif;
font-weight: 400;
font-size:small;
font-style: normal;

font-family: "alverata", serif;
font-weight: 700;
font-style: normal;

font-family: "alverata", serif;
font-weight: 900;
font-style: normal; */


.wrap{
    
    display: flex;
    align-items: center;
}


.contentIberoForm{
    padding: 2.5em 1.5em !important;
    background-color: #fff;
}

.contentImage{
    border-left: 13px solid #eb1d33;
}

.contentImage h1{
    font-family: "alverata", serif !important;
    font-weight: 900;
    margin: 0;
    color: #fff;
    padding-top: .5em;
    padding-bottom: .5em;
    text-transform: inherit !important;
}

.contentImage p{
    font-family: "alverata", serif !important;
    color: #fff;
    font-weight: 200;
}



.contentImage .header{
    background-color: #212121;
    padding: 1em;
    -webkit-clip-path: polygon(100% 0, 0 0, 0% 100%, 91% 100%, 100% 80%);
    clip-path: polygon(100% 0, 0 0, 0% 100%, 91% 100%, 100% 80%);
}

.contentImage .image{
    min-height: 50vh;
    background-image: url("https://image.contactoibero.mx/lib/fe3211727364047c731174/m/1/c00ec2ef-ea9c-476e-a2b8-7b8e646c5e52.jpg");
    background-position: top;
    background-size: cover;
}

.footer{
    color: #7E7670;
    margin-top: 1em;
}

.footer h4, h2,  h5, span{
    font-family: "alverata", serif !important;
    font-size:1.2em;
    text-transform: inherit !important;
}

.footer h4{
    font-weight: 600 ;
}

.footer h5 span{
    font-weight: 200;
}

.bootstrap-select>.dropdown-toggle{
    border: 1px solid #DFDFDF !important;
}

p{
    font-size: 1em;
}

h2{
    font-size: 2.5em;
}


/*typage*/

.gracias .contentImage .header{
    clip-path: none !important;
}

.gracias .logoIbero{
    max-width: 130px;
    margin-bottom: 1.5em;
}

.gracias .contentImage h1{
    text-align: center;
}

@media only screen and (max-width: 991px){
    .container-fluid{
        padding: 0;
    }


    h1,h2{
        font-size: 1.8em;
        text-align: left;
    }

    h2{
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .contentImage .image{
        background-position: top center;
        min-height: 30vh;
    }

    .logoIbero{
        max-width: 150px;
    }

    .input,.bootstrap-select>.dropdown-toggle{
        padding: 1em !important;
    }
}

@media only screen and (max-width: 480px){
    h1,h2{
        font-size: 1.5em;
        text-align: left;
    }

    h4,h5{
        font-size: 1.2em;
    }

}