@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap');

.header-principal{
    background-size: cover;
    background-position: center 45%;
    height: 350px;}
    @media(max-width: 768px){
        .header-principal{
            height: 250px;}}
            @media(max-width: 576px){
                .header-principal{
                    height: 180px;}}
                    @media(max-width: 375px){
                        .header-principal{
                            height: 150px;}}
                            @media(max-width: 320px){
                                .header-principal{
                                    height: 130px;}}
.header-principal.vivencia{
    background-image: url(../images/colimp_ap_13.04.19_1531-min.jpg);}
.header-principal.exposicao{
        background-image: url(../images/COLIMP_WL_13.04.19_4950_1110.jpg);}
        @media(max-width:576px){
            .header-principal.exposicao{
                background-image: url(../images/COLIMP_WL_13.04.19_4950_546.jpg);}
        }
    .header-principal .header-conteudo{
        width: 45%;}
        @media(max-width: 768px){
            .header-principal .header-conteudo{
                width: 85%;
                margin-top: 180px;}}
.title{
    color: #011F52;
    font-size: 29px;
    font-family: 'effrabold';}
.subtitle{
    color: #011F52;
    font-family: 'effraregular';
    font-size: 21px;
    line-height: 25px;}
    @media(max-width: 992px){
        .title{
            font-size: 26px;}
        .subtitle{
            font-size: 19px;}}
        @media(max-width: 768px){
            .title{
                font-size: 24px;}
            .subtitle{
                font-size: 18px;}}
            @media(max-width: 576px){
                .title{
                    font-size: 21px;}
                .subtitle{
                    font-size: 17px;}}
                    @media(max-width: 375px){
                        .title{
                            font-size: 19px;}
                        .subtitle{
                            font-size: 16px;}}

.header-principal-mobile{
    margin-top: -15%;}
    .header-principal-mobile .header-conteudo{
        width: 85%;}
    
.conteudo{
    font-family: 'effraregular';
    font-size: 1.0rem;}
    .conteudo svg{
        font-size: 1.5rem;}
        @media(max-width: 768px){
            .conteudo svg{
                font-size: 2rem;}}