@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

*{

    padding   : 0;
    margin    : 0;
    transition: all .25s linear;
}

:root{

    --corRoxo             : #3B1A6A;
    --corVerde            : #00aca1;
    --corDourado          : #A39161;
    --corDouradoSecundario: #807551;
    --corBranco           : #FFFFFF;
    --corBrancoSecundario : #fefefe;
    --corPreto            : #000000;
}

html{

    width          : 100%;
    height         : 100%;
    scroll-behavior: smooth;
    font-size      : 10px;
}

body{

    font-family: 'Montserrat', sans-serif;
    font-size  : 1.6rem;
}

body *{

    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 25%) transparent;
}

body *::-webkit-scrollbar{

    width           : 7px;
    height          : 7px;
    background-color: transparent;
}

body *::-webkit-scrollbar-thumb{

    border-radius   : 4px;
    background-color: rgba(0, 0, 0, 25%);
}


p{

    margin: 2em 0;
}

p:first-of-type{

    margin-top: 0;
}

p:last-of-type{

    margin-bottom: 0;
}

.iconePsicologia{

    background-image: linear-gradient(270deg, hsla(176, 100%, 34%, 1) 10%, hsla(265, 61%, 26%, 1) 100%);
    display         : none;
    flex-direction  : row;
    align-items     : center;
    position        : fixed;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 6em;
    z-index         : 98;
}

.iconePsicologiaAtiva{

    display: flex;
}

.iconePsicologia a img{

    width       : 3em;
    padding-left: 1em;
    filter      : brightness(0) invert(1);
}


#menuControle{

    display: none;
}

#menuBotao{

    width   : 3em;
    position: fixed;
    height  : 3em;
    top     : 1.5em;
    right   : 1.5em;
    z-index : 98;
    cursor  : pointer;
}


#menuBotao img{

    height: 3em;
    width : 3em;
}

input#menuControle:checked + #menuBotao + ul + .efeito  {

    display         : block;
    width           : 100vw;
    height          : 100vh;
    background-color:rgba(255, 255, 255, 0.5);
    backdrop-filter : blur(2px);
    position        : fixed;
    top             : 0;
    left            : 0;
    z-index         : 98;
    transition      : all .50s ease-in-out;
}


.bandeirinhas{

    display       : flex;
    flex-direction: row-reverse;
    position      : fixed;
    top           : 1.3em;
    right         : 6em;
    z-index       : 98;
}

.bandeirinhas img{

    width: 2em;
}

nav .bandeirinhas a{

    border-style: none;
    padding-left: .75em;
}

nav .bandeirinhas a:hover{

    background: none;
}


.bandeirinhaOculta{

    display: none;
}


nav ul{

    position        : fixed;
    right           : -100vw;
    top             : 0;
    list-style      : none;
    background-color: var(--corRoxo);
    width           : 100vw;
    max-width       : 350px;
    height          : 100vh;
    z-index         : 99;
    transition      : all .52s ease-in-out;
}

#menuControle:checked + #menuBotao + ul{

    right: 0;
}

.menuBotaoFechar{

    color      : #fefefe;
    font-size  : 4em;
    line-height: .8em;
    text-align : right;
    display    : block;
    margin     : 0 0.2em .5em auto;
    cursor     : pointer;
}

nav li{

    margin: 1.5em 2em;
}

nav a{

    display        : block;
    text-decoration: none;
    padding        : 1em 0;
    color          : var(--corBranco);
    border         : 1px solid #fefefefe;
    transition     : all .4s ease;
    text-align     : center;
}

nav a:hover{

    background-color: rgba(255, 255, 255, 0.2);
}


header{

    display              : flex;
    width                : 100%;
    height               : 100vh;
    background-image     : url('../imagens/bg/background1.png'), radial-gradient(at left top, #FFFFFF 55%, #E3C2BF);
    background-repeat    : no-repeat;
    background-size      : cover;
    background-attachment: fixed;
}

.__cmmgCssIos header{

    background-attachment: scroll;
}


#header{

    margin: auto;
    width : 55vw;
}


.imagem{

    display   : block;
    width     : 10em;
    float     : left;
    filter    : drop-shadow(-30px 15px 2px #DDDDDD);
    margin-top: 1em;
}

div.headerPrincipal{

    display        : flex;
    flex-direction : row;
    justify-content: center;
    align-items    : flex-start;
    width          : fit-content;
}

.headerSecundario{

    display       : flex;
    flex-direction: column;
}

h1{

    line-height   : 1.25em;
    color         : var(--corDourado);
    font-size     : 2.2em;
    padding-left  : 0.75em;
    text-transform: uppercase;
    align-content : center;
}

h1 span{

    color         : var(--corDouradoSecundario);
    font-size     : 1em;
    text-transform: uppercase;
}

.headerSecundario h3{

    color           : var(--corBranco);
    background-color: var(--corVerde);
    font-size       : 1.5em;
    font-weight     : 300;
    text-align      : center;
    padding         : .5em 0em;
    margin          : 1em 0em 1em 1em;
    background      : linear-gradient(65deg, rgba(74, 127, 142, 1), rgba(74, 155, 142, 1));
}

.headerSecundario h4 a{

    text-decoration: none;
    color          : var(--corVerde);
}

h4 img{

    width       : 1.2em;
    margin-right: .25em;
}

h4{

    font-size      : 1.5em;
    font-weight    : 400;
    text-align     : center;
    display        : flex;
    justify-content: center;
    margin         : .5em;

}

h4 a{

    position: relative;
    text-decoration: none;
    color          : var(--corBranco);

}

h4 a::after{

    content         : "";
    position        : absolute;
    height          : 2px;
    width           : 0;
    bottom          : 0;
    left            : 0;
    background-color: var(--corRoxo);
    transition      : all 0.3s ease;

}

h4 a:hover::after{

    width: 100%;

}


h5{

    color           : var(--corBranco);
    background-color: #3B1A6A;
    font-size       : 1.5em;
    font-weight     : 300;
    text-align      : center;
    position        : absolute;
    left            : 0;
    top             : 0;
    rotate          : -90deg;
    translate       : -100% 0;
    transform-origin: top right;
    padding         : .75em 1.75em;

}

.logoCMMG{

    width     : 15em;
    margin    : 1em 0em;
    align-self: center;

}

main{

    line-height: 1.5em;

}

/*Parte da Introdução*/

#sobre{

    color                : var(--corBranco);
    background-image     : url(../imagens/bg/background_sobre.png);
    background-repeat    : no-repeat;
    background-attachment: fixed;
    background-size      : cover;
    display              : flex;
    align-items          : center;
    justify-content      : space-evenly;
    text-align           : left;
    padding              : 13em;

}

.texto_sobre{

    background-color: rgba(255, 255, 255, 0.2);
    padding         : 3em 3em 4em 3em;
    border-radius   : 25px;
    max-width       : 80%;

}


.texto_sobre h2{

    margin     : 1em 0 1.75em 0;
    font-size  : 2em;
    text-align : center;
    font-weight: 600;

}

.texto_sobre h3{

    padding-left: .75em;

}

.texto_sobre a{
    color: var(--corBranco);
}

.texto_sobre b{

    padding-left: 1.75em;

}

.accordionMenu{

    width : 100%;
    margin: 0 auto;

}

.accordionMenu input[type=checkbox]{

    display: none;

}

.accordionMenu label{

    display : block;
    height  : auto;
    position: relative;
    cursor  : pointer;

}

.accordionMenu label::after{

    display           : block;
    content           : "";
    width             : 0;
    height            : 0;
    border-style      : solid;
    border-width      : 5px 0 5px 10px;
    border-color      : transparent #fff;
    position          : absolute;
    right             : 0;
    top               : 8px;
    z-index           : 10;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition   : all 0.3s ease-in-out;
    -ms-transition    : all 0.3s ease-in-out;
    -o-transition     : all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;

}

.accordionMenu .content{

    max-height        : 0;
    height            : 0;
    overflow          : hidden;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition   : all 2s ease-in-out;
    -o-transition     : all 2s ease-in-out;
    transition        : all 2s ease-in-out;

}

.accordionMenu .content .inner{

    padding: 1.5em 0;

}

.accordionMenu input[type=checkbox]:checked + label::after{

    -webkit-transform: rotate(90deg);
    -moz-transform   : rotate(90deg);
    -ms-transform    : rotate(90deg);
    -o-transform     : rotate(90deg);
    transform        : rotate(90deg);

}

.accordionMenu input[type=checkbox]:checked + label + .content{

    max-height: 2000px;
    height    : auto;

}

.accordionMenu input[type=checkbox] + label{

    padding-right: 1em;

}

#sobre h3{

    padding: 1.5em 0;

}



#submissao{

    color                : var(--corBrancoSecundario);
    background-image     : url(../imagens/bg/background_links.png);
    background-attachment: fixed;
    background-repeat    : no-repeat;
    background-size      : cover;
    display              : flex;
    min-height           : 100vh;
    align-items          : center;
    justify-content      : center;
    text-align           : center;
    width                : 100%;

}

.container_divisao {

    display         : flex;
    flex-direction  : row;
    justify-content : center;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius   : 55px 0;
    padding         : 2em;
    margin          : 3em;

}

.container_links {

    display        : flex;
    flex-direction : row;
    justify-content: center;

}


.container_links h2{

    text-transform: uppercase;
    padding       : 1em 0 1.5em 0;
    font-size     : 2em;

}


.container_links img{

    max-height: 15em;

}

.submissao {

    margin: 4em;

}

.qrcode{

    margin: 4em;

}


.linkBotao {

    display        : block;
    margin         : 2.5em 2em 2em 2em;
    padding        : 1em 2em;
    border         : 1px solid #fff;
    border-radius  : 20px;
    text-decoration: none;
    color          : var(--corBrancoSecundario);
    transition     : all .6s ease;

}

.linkBotao:hover{

    background-color: var(--corRoxo);

}


.submissao img{

    background-color: var(--corBranco);

}

.qrcode img{

    background-color: var(--corBranco);

}


/*Parte da Programação*/

.parte_programacao{

    background-image     : url(../imagens/bg/background_programacao.png);
    background-color     : var(--corRoxo);
    background-blend-mode: hard-light;
    background-size      : cover;
    background-attachment: fixed;
    color                : var(--corPreto);
    display              : flex;
    min-height           : 100vh;
    align-items          : center;
    justify-content      : center;
    width                : 100%;

}

.conteudo_programacao{

    background-color: rgba(255, 255, 255, 0.5);
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    border-radius   : 55px;
    padding         : 6em;
    margin          : 6em;
    align-items     : center;

}

.conteudo_programacao h2{

    font-size       : 2em;
    text-align      : center;
    padding         : 1em 5em;
    margin-bottom   : 2em;
    border-radius   : 30px;
    text-transform  : uppercase;
    color           : var(--corRoxo);
    background-color: thistle;

}

.conteudo_programacao h3{

    font-size     : 1.2em;
    color         : var(--corRoxo);
    text-transform: uppercase;
}

.conteudo_programacao li {

    display      : flex;
    gap          : 3em;
    padding      : 2em 0;
    width        : 50em;
    border-bottom: 1px solid;

}

.conteudo_programacao li p{

    min-width: 8em;
    font-size: 1.2em;

}

.programacao_data{

    font-size        : 1.4em;
    margin-inline-end: auto;
    color            : var(--corRoxo);
    font-weight      : 500;
    text-decoration  : underline;
    text-transform   : uppercase;

}

.conteudo_programacao h4 {

    font-size: 1.2em;
    min-width: 12em;
    margin   : 0;
    color    : var(--corRoxo);

}

.conteudo_programacao strong{

    color: var(--corRoxo);

}

.conteudo_programacao li:last-of-type{

    border-bottom: none;
}


/*Parte dos Palestrantes*/

#palestrantes {

    min-height           : 100vh;
    color                : var(--corBranco);
    background-color     : var(--corRoxo);
    background-image     : url(../imagens/bg/background_sobre.png);
    background-attachment: fixed;
    background-repeat    : no-repeat;
    display              : flex;
    justify-content      : center;
    position             : relative;
    padding              : 10em 1em;

}

.programacao_palestrantes {

    list-style-type : none;
    padding         : 3em 3em 3em 3em;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius   : 1em;

}

.programacao_palestrantes li {

    display      : flex;
    gap          : 2em;
    padding      : 2em;
    line-height  : 1.5em;
    max-width    : 100vh;
    border-bottom: solid #fefefe;

}

.programacao_palestrantes img {

    width          : 10em;
    height         : 13em;
    object-fit     : cover;
    object-position: top center;
    box-shadow     : -8px -8px 3px 0px rgba(255, 255, 255, 0.2);

}

#palestrantes h2 {

    text-align : center;
    font-weight: 700;
    font-size  : 2em;
    padding    : 0.5em 0 3em 0;

}

.programacao_palestrantes li:last-of-type{

    border-bottom: none;
}



/*Parte do Apoio*/

#apoio {

    min-height           : 50vh;
    background-image     : url(../imagens/bg/background_programacao.png);
    background-size      : cover;
    background-attachment: fixed;
    background-repeat    : no-repeat;
    display              : flex;
    justify-content      : space-evenly;
    align-items          : center;
    flex-direction       : column;
    position             : relative;
    padding              : 8em 1em 10em 1em;
}


#apoio h2 {

    font-size       : 2em;
    color           : var(--corRoxo);
    margin          : 0 0 2em 0;
    padding         : 1em 5em;
    background-color: thistle;
    border-radius   : 30px;

}

.apoiadores {

    display        : flex;
    flex-wrap      : nowrap;
    justify-content: center;
    gap            : 2.5em;

}

.apoiadores img {

    max-width : 17em;
    max-height: 6em;
    margin    : auto;
    padding   : 2em 3em;


}

/*Parte Footer*/

footer{

    background-color: var(--corRoxo);

}

div.footer{

    display        : flex;
    margin         : auto;
    padding        : 4em 2em;
    justify-content: space-evenly;

}

.footer_primario{

    line-height   : 1.25em;
    font-size     : 1.5em;
    color         : var(--corBranco);
    text-transform: uppercase;
    font-weight   : 700;
    padding-top   : .75em;

}

.footer_primario span{

    color      : var(--corVerde);
    line-height: 1.25em;

}

.footer_secundario{

    color: var(--corBranco);

}

.footer_secundario p{

    font-weight: 600;

}

.footer_localizacao{

    line-height: 1.75em;

}

.footer_localizacao a{

    position       : relative;
    text-decoration: none;
    color          : var(--corBranco);

}

.footer_localizacao a::after{

    content         : "";
    position        : absolute;
    height          : 2px;
    width           : 0;
    bottom          : 0;
    left            : 0;
    background-color: var(--corBrancoSecundario);
    transition      : all 0.3s ease;

}

.footer_localizacao a:hover::after{

    width: 100%;

}

.footer_localizacao strong{

    font-weight: 600;
}

.footer_secundario img{

    width         : 16em;
    padding-bottom: .75em;
}



/***************************************************************************************************
    Loader
***************************************************************************************************/

div#CongressoLoaderContainer{

    width           : 100vw;
    height          : 100vh;
    display         : flex;
    z-index         : 9999;
    position        : fixed;
    top             : 0;
    left            : 0;
    overflow        : hidden;
    font-size       : 2em;
    background-color: var(--corRoxo);
}

div#CongressoLoaderContainer > div{

    margin: auto;
}

div#CongressoLoaderContainer > div img{

    height   : 5em;
    max-width: 40vw;
    display  : block;
    margin   : 0 0 2em 0;
    filter   : brightness(0)
               invert(1);
    animation: CongressoLoaderLogo 3s infinite;

}

div#CongressoLoaderContainer > div > div{

    display        : flex;
    flex-flow      : row nowrap;
    align-items    : center;
    justify-content: space-between;
    width          : 2em;
    margin         : 0 auto;
}

div#CongressoLoaderContainer > div > div span{

    width           : 0.3em;
    height          : 1em;
    background-color: #fefefe;
}

div#CongressoLoaderContainer > div > div span:nth-of-type(1){

    animation: CongressoLoaderGrow 1s -0.45s ease-in-out infinite;
}

div#CongressoLoaderContainer > div > div span:nth-of-type(2){

    animation: CongressoLoaderGrow 1s -0.3s ease-in-out infinite;
}

div#CongressoLoaderContainer > div > div span:nth-of-type(3){

    animation: CongressoLoaderGrow 1s -0.15s ease-in-out infinite;
}

div#CongressoLoaderContainer > div > div span:nth-of-type(4){

    animation: CongressoLoaderGrow 1s ease-in-out infinite;
}

@keyframes CongressoLoaderLogo{

    0%,
    100%{

        transform: scale(1.0);
    }

    50%{

        transform: scale(1.1);
    }
}

@keyframes CongressoLoaderGrow {

    0%,
    100%{

        transform: scaleY(1);
    }

    50%{

        transform: scaleY(2);
    }
}



/* Medias Screens*/

@media only screen and (max-width: 1350px) and (min-width: 1251px) {

        /*Parte Header*/

        .headerSecundario h1 {

            font-size: 1.8em;
        }

        .headerSecundario h3{

            font-size: 1.4em;
        }

        .headerSecundario h5{

            font-size: 1.3em;
        }

        .imagem {

            width: 9em;
        }

        .logoCMMG {

            width: 14em;
        }

        /*Parte Apresentação*/

        #sobre{

            padding: 6em;
        }

        .texto_sobre {

            max-width: 74%;
        }


     /*Parte Apoio*/

     #apoio h2 {

        font-size: 2em;
        color: var(--corRoxo);
        margin: 0 0 2em 0;
        padding: .8em 5em;
    }

    .apoiadores {

        flex-direction: row;
        flex-wrap     : wrap
    }

    .apoiadores img {

        max-width: 15em;
        max-height: 5em;
    }



}

@media only screen and (max-width: 1250px) and (min-width: 1151px) {

    /*Parte Header*/

    #inicio{

        background-size    : contain;
        background-position: bottom;
    }

    .headerSecundario h1 {

        font-size: 1.7em;
    }

    .imagem {

        width: 9em;
    }

    .headerSecundario h3{

        font-size: 1.4em;
    }

    .headerSecundario h5{

        font-size: 1.3em;
    }

    .logoCMMG {

        width: 14em;
    }

    /*Parte Header*/

    #sobre{

        padding: 4em;
    }

    /*Parte Palestrantes*/

    .programacao_palestrantes{

        width: 60em;
    }


     /*Parte Apoio*/

     #apoio h2 {

        font-size: 2em;
        color: var(--corRoxo);
        margin: 0 0 2em 0;
        padding: .8em 5em;
    }

    .apoiadores {

        flex-direction: row;
        flex-wrap     : wrap
    }

    .apoiadores img {

        max-width: 15em;
        max-height: 5em;
    }



}

@media only screen and (max-width: 1150px) and (min-width: 901px) {

    /*Parte Header*/

    #inicio{

        background-size    : contain;
        background-position: bottom;
    }


    div.headerPrincipal{

        flex-direction: column;
    }

    .headerSecundario h1 {

        font-size: 1.8em;
        padding  : .75em 0 0 0;
    }

    .headerSecundario h3 {

        margin   : 1em 0em 1em 0em;
        font-size: 1.3em;
    }

    .headerSecundario h4 {

        font-size: 1.3em;
    }

    .imagem {

        width: 8em;
    }

    .logoCMMG {

        width: 13em;
    }


/*Parte Apresentação*/

    #sobre{

        padding: 4em;
    }

    .texto_sobre h2 {

        font-size: 1.7em;
    }


/*Parte Submissão e Inscreva-se*/

    .container_links img {

        max-height: 12em;
    }

    .linkBotao {

        font-size: .9em;
    }

    /*Parte Programação*/

    .conteudo_programacao {

        padding: 3em;
    }

    .conteudo_programacao li {

        width: 48em;
    }

    .programacao_data {
        font-size: 1.2em;
    }

    .programacao_palestrantes ul {

        width: 42em;
    }


     /*Parte Apoio*/

     #apoio h2 {

        font-size: 2em;
        color: var(--corRoxo);
        margin: 0 0 2em 0;
        padding: .8em 5em;
    }

    .apoiadores {

        flex-direction: row;
        flex-wrap     : wrap
    }

    .apoiadores img {

        max-width: 15em;
        max-height: 5em;
    }



    /*Parte Footer*/

    div.footer {

        justify-content: space-around;
    }

    .footer_primario {

        font-size: 1.3em;
    }

    .footer_secundario img {

        width: 15em;
    }

}

@media only screen and (max-width: 900px) and (min-width: 751px) {

    #inicio{

        background-size    : contain;
        background-position: bottom;
    }

    div.headerPrincipal {

        display       : flex;
        flex-direction: column;
    }

    .headerSecundario h1 {

        font-size  : 1.4em;
        padding-top: 1.4em;
    }

    .imagem {

        width: 7em;
    }

    .headerSecundario h3 {

        font-size: 1.1em;
    }

    .headerSecundario h4 {

        font-size: 1.2em;
    }

    header h5 {

        font-size: 1.2em;
    }

    .logoCMMG {

        width: 13em;
    }

/*Parte Submissão e Inscreva-se*/

    #sobre{

        padding: 3em;
    }

    .texto_sobre h2 {

        line-height: 1.1em;
    }

    .submissao {

        margin: 1em 3em 0em 3em;
    }

    .submissao p {

        font-size: .9em;
    }

    .qrcode {

        margin: 1em 3em;
    }

    .container_links {

        flex-direction: column;
    }

    .container_links h2 {

        font-size: 1.8em;
    }

    .container_links img {

        max-height: 11em;
    }

    .linkBotao {

        font-size: .9em;
    }

    /*Parte Programação*/

    .conteudo_programacao {

        padding: 2em;
        margin : 1em;
    }

    .conteudo_programacao li {

        width: 34em;
    }

    .conteudo_programacao h2 {

        font-size: 1.6em;
    }

    .conteudo_programacao h4 {

        min-width: 8em;
    }

    .programacao_data {

        font-size: 1.2em;
    }

    /*Parte Palestrantes*/

    #palestrantes{

        padding: 6em 0em;
    }

    .programacao_palestrantes {

        padding: 0 2em 3em 2em;
    }


    .programacao_palestrantes li {

        flex-direction: column;
    }

    .programacao_palestrantes ul {

        width: 39em;
    }

    /*Parte Apoio*/

    #apoio h2 {

        font-size: 1.8em;
        color: var(--corRoxo);
        margin: 0 0 2em 0;
        padding: .8em 5em;
    }

    .apoiadores {

        flex-direction: row;
        flex-wrap     : wrap
    }

    .apoiadores img {

        max-width: 15em;
        max-height: 5em;
    }




    /*Parte Footer*/

    div.footer {

        flex-direction: column;
        align-items   : center;
        text-align    : center;
    }

    .footer_secundario img {

        width  : 16em;
        padding: .75em 0;
    }

}


@media only screen and (max-width: 750px) and (min-width: 641px) {

    #inicio{

        background-size    : contain;
        background-position: bottom;
    }

    div.headerPrincipal {

        display       : flex;
        flex-direction: column;
    }

    .headerSecundario h1 {

        font-size  : 1.2em;
        padding-top: 1.4em;
    }

    .imagem {

        width: 7em;
    }

    .headerSecundario h3 {

        font-size: 1.1em;
    }

    .headerSecundario h4 {

        font-size: 1.2em;
    }

    header h5 {

        font-size: 1.2em;
    }

    .logoCMMG {

        width: 13em;
    }



    #sobre{

        padding: 2em;
    }

    .texto_sobre h2 {

        font-size: 1.6em;
    }





    /*Parte Submissão e Inscreva-se*/

        .container_links {

            flex-direction : column;
            justify-content: center;
        }

        .container_links h2 {

            font-size: 1.8em;
        }

        .container_links img {

            max-width: 9em;
        }

        .submissao {

            margin: 1em 3em 0em 3em;
        }


        .submissao p {

            font-size: .8em;
        }


        .qrcode {

            margin: 1em 3em;
        }

        .linkBotao {


            font-size: .8em;
        }


        /*Parte Programação*/

        .conteudo_programacao {

            padding: 2em;
            margin : 2em;
        }

        .conteudo_programacao li {

            width  : 31em;
            padding: 2em;
            margin : 2em;
            flex-direction: column;
        }

        .conteudo_programacao h2 {

            font-size: 1.5em;
        }

        .programacao_data {

            font-size: 1.2em;
        }

        .conteudo_programacao h4 {

            min-width: 7em;
            font-size: 1.1em;
        }

        .conteudo_programacao li p {

            font-size: 1.1em;
        }

        /*Parte Palestrantes*/

        .programacao_palestrantes p{

            font-size: 1em;
        }

        .programacao_palestrantes li {

            flex-direction: column;
            width         : 28em;
        }

        .programacao_palestrantes img {

            width: 10em;
            height: 12em;
        }

        .programacao_palestrantes {

            list-style-type: none;
            padding: 0 3em 3em 3em;

        }


        /*Parte Apoio*/

        #apoio h2 {

            font-size: 1.8em;
            color: var(--corRoxo);
            margin: 0 0 2em 0;
            padding: .8em 5em;
        }

        .apoiadores {

            flex-direction: column;
        }

        .apoiadores img {

            max-width: 17em;
            max-height: 7em;
        }



        /*Parte Footer*/

        div.footer {

            flex-direction: column;
            padding       : 3em 2em;
            text-align    : center;
        }

        .footer_primario {

            padding  : .75em;
            font-size: 1.2em;
        }

        .footer_secundario img {

            width: 14em;
        }


}

@media only screen and (max-width: 640px) and (min-width: 551px) {

/*Parte Header*/

    #inicio{

        background-size    : contain;
        background-position: bottom;
    }

    div.headerPrincipal {

        flex-direction: column;
    }

    .imagem{

        width: 6em;
    }

    .headerSecundario h1 {

        font-size: 1.05em;
        padding  : 1.75em 0 0 0;
    }

    .headerSecundario h3 {

        font-size: 1em;
        margin   : 1em 0em 1em 0em;
    }

    .headerSecundario h4 {

        font-size: 1.1em;
    }

    header h5 {

        font-size: 1.1em;
    }

    .logoCMMG {

        width: 12em;
    }






    #sobre{

        padding: 3em;
    }

    .texto_sobre h2 {

        font-size  : 1.5em;
        line-height: 1.1em;
    }

    .texto_sobre p{

        font-size: 1em;
    }

    /*Parte Submissão e Inscreva-se*/

    .container_links {

        flex-direction : column;
        justify-content: center;
    }

    .container_links h2 {

        font-size: 1.8em;
    }

    .container_links img {

        max-width: 9em;
    }

    .submissao {

        margin: 1em 3em 0em 3em;
    }


    .submissao p {

        font-size: .8em;
    }


    .qrcode {

        margin: 1em 3em;
    }

    .linkBotao {

        font-size: .8em;
    }

    /*Parte Programação*/

    .conteudo_programacao{

        padding: 2em;
        margin : 2em;
    }

    .conteudo_programacao h2 {

        font-size: 1.5em;
    }

    .conteudo_programacao h4 {

        font-size: 1em;
        min-width: 7em;
    }

    .conteudo_programacao li p {

        font-size: 1em;
    }

    .conteudo_programacao li {

        width         : 28em;
        flex-direction: column;
    }

    .programacao_data {

        font-size: 1.2em;
    }



    /*Parte Palestrantes*/


    #palestrantes {

        padding: 5em 1em;
    }

    .programacao_palestrantes {

        list-style-type: none;
        padding        : 0 3em 3em 3em;
    }

    .programacao_palestrantes li {

        flex-direction: column;
    }

    .programacao_palestrantes img {

        width : 9em;
        height: 11em;
    }


    /*Parte Apoio*/

    #apoio h2 {

        font-size: 1.6em;
        color: var(--corRoxo);
        margin: 0 0 2em 0;
        padding: .8em 5em;
    }

    .apoiadores {

        flex-direction: column;
    }

    .apoiadores img {

        max-width: 16em;
        max-height: 6em;
    }



    /*Parte Footer*/

    div.footer {

        flex-direction: column;
        padding       : 3em 2em;
        text-align    : center;
    }

    .footer_primario {

        padding  : .75em;
        font-size: 1.2em;
    }

    .footer_secundario img {

        width: 14em;
    }


}


@media only screen and (max-width: 550px) and (min-width: 481px) {

/*Parte Header*/

    #inicio{

        background-size    : contain;
        background-position: bottom;
    }

    div.headerPrincipal {

        flex-direction: column;
    }

    .imagem{

        width     : 6em;
        align-self: center;
    }

    .headerSecundario h1 {

        font-size: .95em;
        padding  : 1.75em 0 0 0;
    }

    .headerSecundario h3 {

        font-size: 1em;
        margin   : 1em 0em 1em 0em;
    }

    .headerSecundario h4 {

        font-size: 1.1em;
    }

    header h5 {

        font-size: 1em;
    }

    .logoCMMG {

        width: 11em;
    }






    #sobre{

        padding: 3em;
    }

    .texto_sobre h2 {

        font-size  : 1.6em;
        line-height: 1.1em;
    }

    /*Parte Submissão e Inscreva-se*/

    .container_links {

        flex-direction : column;
        justify-content: center;

    }

    .container_links h2 {

        font-size: 1.8em;
    }

    .container_links img {

        max-width: 9em;
    }

    .submissao {

        margin: 1em 3em 0em 3em;
    }

    .submissao p {

        font-size: .8em;
    }

    .qrcode {

        margin: 1em 3em;
    }

    .linkBotao {

        font-size: .8em;
    }

/*Parte Programação*/

    .conteudo_programacao {

        padding : 2em;
        margin  : 2em;
    }

    .conteudo_programacao h2 {

        font-size: 1.4em;
    }

    .conteudo_programacao li {

        width: 25em;
        flex-direction: column;
    }

    .conteudo_programacao li p {

        min-width: 8em;
        font-size: 1em;
    }

    .conteudo_programacao h4 {

        font-size: 1em;
        min-width: 7em;
    }

    .programacao_data {

        font-size: 1.2em;
    }

     /*Parte Palestrantes*/

     #palestrantes {

        padding: 4em 1em;
    }

    .programacao_palestrantes {

        padding: 0 3em 3em 3em;
    }

    .programacao_palestrantes li {

        flex-direction: column;
    }

    .programacao_palestrantes img {
            width: 8em;
            height: 9em;
    }

    .programacao_palestrantes p{

            font-size: 1em;
    }

    .programacao_palestrantes strong{

            font-size: 1.1em;
    }


    /*Parte Apoio*/

    #apoio h2 {

        font-size: 1.6em;
        color: var(--corRoxo);
        margin: 0 0 2em 0;
        padding: .8em 5em;
    }

    .apoiadores {

        flex-direction: column;
    }

    .apoiadores img {

        max-width: 16em;
        max-height: 6em;
    }



    /*Parte Footer*/

    div.footer {

        flex-direction: column;
        padding       : 3em 2em;
        text-align    : center;
    }

    .footer_primario {

        padding  : .75em;
        font-size: 1.2em;
    }

    .footer_secundario img {

        width: 14em;
    }


}


@media only screen and (max-width: 480px) and (min-width: 431px) {



/*Parte Header*/

    #inicio{

        background-size    : contain;
        background-position: bottom;
    }

    div.headerPrincipal{

        flex-direction: column;
    }

    .imagem {

        width     : 6em;
        align-self: center;
    }

    .headerSecundario h1 {

        font-size: .85em;
        padding  : 1.75em 0 0 0;
    }

    .headerSecundario h3 {

        font-size: .94em;
        margin   : 1em 0em 1em 0em;
    }

    .headerSecundario h4 {

        font-size: 1.1em;
    }

    header h5 {

        font-size: 1em;
    }

    .logoCMMG {

        width: 11em;
    }

    /*Parte Apresentação*/

    #sobre {

        padding: 2em;
    }

    .texto_sobre h2 {

        font-size  : 1.7em;
        line-height: 1.1em;
    }


    /*Parte Submissão e Inscreva-se*/

    .container_links {

        flex-direction : column;
        justify-content: center;
    }

    .container_links h2 {

        font-size: 1.8em;
    }

    .container_links img {

        max-width: 9em;
    }

    .submissao {

        margin: 1em 3em 0em 3em;
    }

    .submissao p {

        font-size: .8em;
    }


    .qrcode {

        margin: 1em 3em;
    }

    .linkBotao {

        font-size: .8em;
    }


    /*Parte Programação*/


    .conteudo_programacao {

        padding: 2em;
        margin : 2em;
    }

    .conteudo_programacao li {

        width: 23em;
        gap  : 1em;
        flex-direction: column;
    }

    .conteudo_programacao li p {

        font-size: .9em;
    }

    .conteudo_programacao h2 {

        font-size: 1.2em;
    }

    .conteudo_programacao h4 {

        font-size: 1em;
        min-width: 7em;
    }

    .programacao_data {

        font-size: 1em;
    }


     /*Parte Palestrantes*/

     #palestrantes {

        padding: 4em 1em;
    }

    .programacao_palestrantes {

        padding: 0 3em 3em 3em;
    }

    .programacao_palestrantes li {

        flex-direction: column;
    }

    .programacao_palestrantes img {
            width: 8em;
            height: 9em;
    }

    .programacao_palestrantes p{

            font-size: 1em;
    }

    .programacao_palestrantes strong{

            font-size: 1.1em;
    }


    /*Parte Apoio*/

    #apoio h2 {

        font-size: 1.6em;
        color    : var(--corRoxo);
        margin   : 0 0 2em 0;
        padding  : .8em 5em;
    }

    .apoiadores {

        flex-direction: column;
    }

    .apoiadores img {

        max-width : 15em;
        max-height: 5em;
    }



    /*Parte Footer*/

    div.footer {

        flex-direction: column;
        padding       : 3em 2em;
        text-align    : center;
    }

    .footer_primario {

        padding  : .75em;
        font-size: 1.2em;
    }

    .footer_secundario img {

        width: 14em;
    }

    .footer_localizacao a {

        font-size: .9em;
    }


}




@media only screen and (max-width: 430px){


    /*Parte Header*/

    #inicio{

        background-size    : contain;
        background-position: bottom;
    }


    #header {

        margin: auto;
        width : 67vw;
    }

    .imagem {

        width       : 5em;
        padding-left: 1.6em;
    }

    .headerSecundario h1 {

        font-size: .99em;
        padding  : 1.4em 0 0 0;
    }

    .headerSecundario h3 {

        font-size: 1em;
        margin   : 1em 0em 1em 0em;
    }

    .headerSecundario h4 {

        font-size: 1.1em;
    }

    div.headerPrincipal{

        flex-direction: column;
        align-items   : center;
    }

    header h5{

        font-size: 1.2em;
    }

    .logoCMMG {

        width: 13em;
    }

    /*Parte Apresentação*/

    #sobre {

        padding: 2em;
    }

    .texto_sobre h2 {

        font-size  : 1.3em;
        line-height: 1.1em;
    }

    .texto_sobre p {

        font-size: 1em;
    }

    /*Parte Links de Submissão e Inscreva-se*/

    .submissao {

        margin: 1em 3em 0em 3em;
    }


    .qrcode {

        margin: 1em 3em;
    }


    .linkBotao {

        margin   : 2.2em 0em 2em 0em;
        font-size: .8em;
    }

    .container_links {

        flex-direction : column;
        justify-content: center;
    }

    .container_links h2 {

        font-size: 1.6em;
    }

    .container_links img {

        max-width: 9em;
    }

    /*Parte Programação*/

    .conteudo_programacao h2 {

        font-size: 1em;
    }

    .conteudo_programacao {

        padding: 2em;
        margin : 2em;
    }

    .conteudo_programacao li {

        width: 20em;
        gap: 1em;
        flex-direction: column;
    }

    .conteudo_programacao li p {

        font-size: .9em;
    }

    .conteudo_programacao h4 {

        font-size: 1em;
        min-width: 7em;
    }

    .programacao_data {
        font-size: 1.2em;
    }

    /*Parte Palestrantes*/

    #palestrantes {

        padding: 4em 1em;
    }

    .programacao_palestrantes {

        padding: 0 3em 3em 3em;
    }

    .programacao_palestrantes li {

        flex-direction: column;
        padding       : 2em 0em;
    }

    .programacao_palestrantes img {
            width : 8em;
            height: 9em;
    }

    .programacao_palestrantes p{

            font-size: 1em;
    }

    .programacao_palestrantes strong{

            font-size: 1.1em;
    }


    /*Parte Apoio*/

    #apoio h2 {

        font-size: 1.6em;
        color    : var(--corRoxo);
        margin   : 0 0 2em 0;
        padding  : .8em 5em;
    }

    .apoiadores {

        flex-direction: column;
    }

    .apoiadores img {

        max-width : 15em;
        max-height: 5em;
    }

    /*Parte Footer*/

    div.footer {

        flex-direction: column;
        padding       : 3em 2em;
        text-align    : center;
    }

    .footer_primario {

        line-height: 1.25em;
        font-size  : 1.1em;
    }


    .footer_secundario {

        padding-top: 2em;
        font-size  : .9em;
    }

    .footer_secundario img {

        width: 13em;
    }

    .footer_secundario p {

        font-size: .95em;
    }


    .footer_localizacao a {

        font-size: .9em;
    }

    .footer_localizacao strong {

        font-size: .9em;
    }

}