*{
    margin:0;
    padding:0;
    border:none;
    text-decoration:none;
    color:#000;
    font-family:'Poppins',sans-serif;
    font-size:20px;
    font-weight:normal;
    box-sizing:border-box;
}
body{
    position:relative;
    max-width:1920px;
    margin:auto;
}
header a {
    margin: 0px;
    padding: 0px;
    border: none;
    display: flex;
    justify-content: center;
}
#BotaoWhatsapp
{
    z-index:999;
    position:fixed;
    bottom:30px;
    right:30px;
}
#BotaoWhatsapp a img{
    width:88px;
    height:auto;
}
header{
    background-color:#fff;
    display:flex;
    justify-content: center;
    padding:20px;
}
.logoMater{
    height:60px;
    width:auto;
}
section.chamada{
    background-color:#326eaf;
    padding:30px 20px 40px 20px;
    display:grid;
    min-height:600px;
    background-image:url(../images/background.jpg);
    background-size: 100% auto;
}
.divisaoAmarela{
    position:relative;
    height:10px;
    width:100%;
    background-color:#ffca00;
}
.boxImgDesafio {
    display: grid;
    grid-template:
        "imagem1";
    justify-content: center;
    align-content: center;
}
img.imgDesafio{
    height:auto;
    width:90%;
}
.boxTexto h1.titulo {
    font-size: 27px;
    font-weight: bold;
    color: #ffca00;
}

.boxTexto p.texto {
    color: #fff;
    font-size: 15px;
}

.boxCaixa {
    border: solid 1px #fff;
    padding: 10px;
    border-radius: 5px;
    margin-top: 15px;
    width: 446px;
    text-align: center;
}

.boxCaixa p {
    font-size: 15px;
    color: #fff;
}
.espacoEmBaixo{
    margin-bottom:7px;
}
.boxCaixa p.destaque{
    font-weight:bold;
}
.boxChamada {
    display: grid;
    grid-template:
        "boxTextoCaixa boxBotao" auto / 70% 30%;
}
.boxTextoCaixa{
    grid-area:boxTextoCaixa;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.boxBotao{
    grid-area:boxBotao;
    display:grid;
    justify-content: center;
    align-content:flex-end;
    background-image:url(../images/dna-globo.png);
    background-repeat:no-repeat;
    background-size:100%;
    background-position-x: center;
    background-position-y: center;
}
.boxBotao .botaoInscricao{
    justify-self:center;
}
.botaoInscricao{
    width: 200px;
    text-align: center;
    background-color:#ffca00;
    padding:7px 13px;
    border-radius:5px;
    cursor:pointer;
}
.linkManual{
    text-align: center;
}
.botaoInscricao p{
    color:#0e4887;
    font-weight:bold;
    text-align: center;
}
.botaoInscricao p a{
    color:inherit;
    font-weight:inherit;
}
section.explicacao {
    padding: 0px 40px 20px 40px;
    display: grid;
    grid-template:
        "boxExplicacao boxImgExplicacao" auto / 60% 40%;
    background-image: url(../images/fundo-elementos.jpg);
    background-repeat: repeat;
    background-size: 800px;
}
.boxExplicacao{
    grid-area:boxExplicacao;
}
.boxImgExplicacao{
    grid-area:boxImgExplicacao;
        background-image: url(../images/backimage2.png);
    background-size: 55%;
    background-repeat: no-repeat;
    background-position-x:center;
    background-position-y:bottom;
}
img.imgAlunos {
    width: 100%;
}
#FormConhecer{
    position:relative;
    top:-230px;
    min-height:auto; 
    min-width: 350px;
    max-width: 450px;
    justify-self: center;
    background-color:#433f93;
    padding:20px;
    display:flex;
    flex-direction: column;
    justify-content:space-evenly;
    border-radius:5px;
    box-shadow:4px 4px 4px 2px rgba(0,0,0,0.13); 
}
.boxExplicacaoTexto {
    display: flex;
    flex-direction: column;
}
.imagemTitulo{
        max-height: 108px;
    margin-top: 20px;
    margin-bottom: 20px;
    align-self: flex-start;
}
.linhaForm {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.linhaForm label {
    font-size: 15px;
    font-weight: bold;
    color: #efefef;
    margin-right: 10px;
}
.linhaForm input{
    border-radius:3px;
    padding:4px;
    font-weight:bold;
    color:#575757;
}
.linhaForm input.campoText{
    font-size:12px;
    font-weight: normal;
    padding:8px;
}
#FormConhecer h3 {
    font-size: 23px;
    font-weight: bold;
    text-align: left;
    margin: 0px;
    color: #fff;
}
#FormConhecer div p.dados{
    font-size:15px;
    color:#fff;
}
#DadosDoEvento{
    margin:20px 0px;
}
#BotaoInscrevase{
    background-color:#ffca00;
    color:#0e4887;
    padding:5px;
    font-size:15px;
    font-weight: bold;
    margin-top:20px;
}
.boxExplicacaoTexto h2.titulo {
    margin: 20px 0px;
    font-size: 22px;
    font-weight: bold;
    color: #326eaf;
}

.boxExplicacaoTexto p.texto {
    font-size: 15px;
    margin: 0px 20px 20px 0px;
    color: #7d7d7d;
}
strong{
    font-size:inherit;
    color:inherit;
    font-weight: bold;
}
.boxExplicacao .botaoInscricao {
    margin: 20px;
}
.boxLink p a {
    font-size: 12px;
    color: #fff;
    cursor: pointer;
}
footer.footer{
    background-color:#326eaf;
    display:grid;
    grid-template:"menuFooter informacoes" auto / 30% 70%;
}
.menuFooter{
    padding:20px 20px 20px 40px;
    display:flex;
    flex-direction: column;
    justify-content:space-between;
    grid-area:menuFooter;
}
.logoMaterBranco{
    width:250px;
    height:auto;
    margin-bottom:20px;
}
.informacoes {
    margin:20px 0px;
    padding: 0px 20px;
    grid-area: informacoes;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-left:solid 1px #fff;
}

li.itemLista {
    list-style: none;
    font-size: 16px;
    color: #fff;
    display:flex;
    align-items: center;
    padding:5px 0px;
}

.itemLista p {
    color: inherit;
    font-size: inherit;
}
.itemLista p a{
    color:inherit;
    font-size:inherit;
}
a.linkLista {
    color: inherit;
    font-size: inherit;
    cursor:pointer;
}
.icone{
    width:20px;
    height:auto;
        margin-right:10px;
}

@media (max-width:1176px)
{
    .boxChamada {
    display: grid;
    grid-template: "boxTextoCaixa"auto
        "boxBotao" auto / 100%;
    }
    
    .boxBotao {
        margin-top:20px;
        background-image:none;
    }
    .boxImgDesafio {
        align-content:flex-start;
        background-image:url(../images/dna-globo.png);
        background-repeat:no-repeat;
        background-size:100%;
        background-position:bottom;
    }
    .boxImgExplicacao{
        background:none;
    }
}
@media (max-width:920px)
{
    .imagemTitulo{
        align-self: center;
        max-width:90%;
    }
      section.chamada {
    background-color: #326eaf;
    background-size:auto 100%;
    background-repeat: no-repeat;
    background-position-x: -110px;
    padding: 30px 20px 40px 20px;
    display: grid;
    grid-template: "imgDesafio" auto
        "boxChamada" auto / 100%;
    }
    .logoMater{
        height: auto;
        width: 90%;
    }
    .boxImgDesafio {
        background-image: none;
        margin-bottom:20px;
    }
    img.imgDesafio {
        height: auto;
        width: 300px;
    }
    section.explicacao {
        padding: 20px;
        display: grid;
        grid-template: "boxImgExplicacao" 156px
                        "boxExplicacao" auto / 100%;
        justify-content:center;
    }
    .boxExplicacaoBotao{
        display:flex;
        justify-content:center;
    }
    .boxExplicacaoTexto p.texto {    
    margin: 10px 0px;
    }
    footer.footer {
    background-color: #326eaf;
    display: grid;
    grid-template: "menuFooter" auto
                    "informacoes" auto / 100%;
    }
    .menuFooter{
        padding:20px;
    }
    .informacoes {
    padding:20px;
    border-left: none;
        border-top:solid 1px #fff;
    }
    .logoMaterBranco{
        align-self:center;
    }
    .boxCaixa {
    width:100%;
    }
}