@import url('https://fonts.googleapis.com/css?family=Montserrat:600,700');
@font-face {
    font-family: 'ds_marker_feltregular';
    src: url('https://projetomedicina.com.br/wp-content/themes/webscientia-amp-2.0/fonts/mapa-enem/dsmarkerfelt-webfont.eot');
    src: url('https://projetomedicina.com.br/wp-content/themes/webscientia-amp-2.0/fonts/mapa-enem/dsmarkerfelt-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://projetomedicina.com.br/wp-content/themes/webscientia-amp-2.0/fonts/mapa-enem/dsmarkerfelt-webfont.woff2') format('woff2'),
        url('https://projetomedicina.com.br/wp-content/themes/webscientia-amp-2.0/fonts/mapa-enem/dsmarkerfelt-webfont.woff') format('woff'),
        url('https://projetomedicina.com.br/wp-content/themes/webscientia-amp-2.0/fonts/mapa-enem/dsmarkerfelt-webfont.ttf') format('truetype'),
        url('https://projetomedicina.com.br/wp-content/themes/webscientia-amp-2.0/fonts/mapa-enem/dsmarkerfelt-webfont.svg#ds_marker_feltregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (min-width: 992px) {
    #modalbody{
        background-image: url("https://projetomedicina.com.br/wp-content/themes/webscientia-amp-2.0/img/mapa-enem/caminho.svg");
        background-position-x: right;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .banner_fixed {position:fixed; top:0;z-index: 10000;}
}

#modal-mapa-enem .main-text {
    font-family: 'ds_marker_feltregular', sans-serif;
    font-size: 5rem;
}

#modalbody {
    padding: 15px !important;
}

#modal-mapa-enem h3 {
    font-size: 24px !important;
    font-family: 'Montserrat', sans-serif !important;
}

#modal-mapa-enem {
    font-family: 'Montserrat', sans-serif;
}

#modal-mapa-enem .modal-dialog {
    width: auto;
    max-width: 1200px;
}

#modal-mapa-enem .main-color {
    color: rgb(30,81,80);
}

#modal-mapa-enem .highlight-amarelo {
    background-color: rgb(241,175,97);
    padding: 0 1rem;
    border-radius: 30px;
}

#modal-mapa-enem .botao-azul {
    background-color: rgb(0, 196, 255);
    border-color: rgb(0, 196, 255);
    border-radius: 60px;
    padding: 2rem;
    width: 350px;
    margin: 0 1rem;
    font-size: 2.4rem;
    color: white; 
}

#modal-mapa-enem .form-control {
    all: initial;
    display: block;
    width: 100%;
    font-family: inherit;
    color: rgb(64,49,48); 
    border-bottom: 1px solid rgb(126,126,126);
    padding: 1rem 0;
}

#modal-mapa-enem .form-group label {
    color: rgb(34,149,151);
    font-size: 2rem;
}

#modal-mapa-enem .modal-header {
    background: none;
    border-radius: 30px;
    border: none;
}

@media (max-width: 992px) {
    .text-center-small {
        text-align: center !important;
    } 
    .center-block-small {
        display: block;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}
.imagem-rotacionada {
    -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);
}
@media screen and (max-width: 768px) {
    .imagem-rotacionada {
        max-height: 200px;
    }
}