@font-face { 
    font-family:"Cocogoose"; 
    src: url("../fonts/Cocogoose.ttf") format("truetype");
    font-style:normal; 
    font-weight:100; 
}

@font-face {
    font-family:"FontAwesome";
    font-style:normal;
    font-weight:100;
    src:local("FontAwesome"),local("FontAwesome"),url("../fonts/FontAwesome.otf") format("opentype");
}
@font-face {
    font-family:"Roboto Light";
    font-style:normal;
    font-weight:100;
    src:local("Roboto Light"),local("Roboto Light"),url("../fonts/Roboto-Light.ttf") format("truetype");
}

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin: 0;
    padding: 0;
    background: url(../img/background.jpg) top center fixed;
    background-size: cover;
    color:#fff;
}

img {
    width: 100%;
    height: auto;
}

h1 {
    font-family:"Cocogoose"; 
    color:#10267c;
    margin-top:50px;
}

header {
    display: flex;
    justify-content: center;  /* alinha ao centro do eixo principal */
    flex-wrap: wrap;  /* faz a quebra dos itens filhos dentro do container */
    margin-top: 50px;
}
.logo {
    padding: 0 25px
}
 .topo p {
    font-family:"Cocogoose", sans-serif; 
     font-size: .7em;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    letter-spacing: 3px;
}

.banner {
    font-family:"Roboto Light", sans-serif;
    display: flex;
    flex-wrap: wrap;  /* faz a quebra dos itens filhos dentro do container */
    flex-direction: row;
    justify-content: center;  /* alinha ao centro do eixo principal */
    align-content: center;  /* todos os itens ficam do mesmo tamanho alinhados ao centro */
    /*background: url(../img/fundo.png) no-repeat center top;
    background-size: cover; */
    background: transparent;
    height: auto;
    padding: 0 25px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.banner img {
    width:239px;
    height: 400px;
}
.banner h1 {
    text-transform: uppercase;
    font-size: 2em;
    color:#fff;
    padding: 0 0 20px 0;
    text-align: left;
}
.itens-banner {
    padding: 0 0 50px 20px;
}
.banner p {
    color:#fff;
    text-transform: uppercase;
}
.banner a {
    color:#fff;
    text-decoration: none;
    text-transform: uppercase;
    border:1px solid rgba(255, 255, 255, .5);
    padding: 15px 20px;
    border-radius: 6px;
}
.banner a:hover {
    background: #fff;
    color: #344084;
}
.banner .inscricao {
    margin-top:25px
}

@media screen and (max-width:900px) {
    .banner {
        padding-top: 0;
        padding-bottom: 25px;
    }
    .banner h1, .itens-banner {
        padding:10px 0;
    }
    .banner img {
        display: none;
    }
}

.entenda {
    margin: 50px 0;
}
.entenda h1 {
    text-align: center;
    color:#fff;
}
.entenda p {
text-align: center;
text-transform: uppercase;
font-size: .9em;
}
.itens {
    display: flex;
    flex-wrap: wrap;  /* faz a quebra dos itens filhos dentro do container */
    flex-direction: row;
    justify-content: center;  /* alinha ao centro do eixo principal */
    align-content: center;  /* todos os itens ficam do mesmo tamanho alinhados ao centro */
}
.ent {
    background: transparent;
    width: 245px;
    height: 200px;
    margin:10px;
    padding: 0 20px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 6px;
}
.ent h1 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 2em;
    color:#fff;
}
.ent p {
font-size: .9em;
color:#fff;
}

.container {
    display: flex;
    flex-wrap: wrap;  /* faz a quebra dos itens filhos dentro do container */
    flex-direction: row;
    justify-content: center;  /* alinha ao centro do eixo principal */
    align-content: center;  /* todos os itens ficam do mesmo tamanho alinhados ao centro */
    margin-bottom: 25px;
}
.imagem {
    width: 33vw;
}
.texto {
    font-family:"Roboto Light", sans-serif;
    width: 50vw;
    height: auto;
    text-align: center;
    background: rgba(27, 61, 150, .2);
    color:#fff;
    padding-bottom: 10px;
}
.texto h1 {
    color: #fff;
}
.texto p {
    text-align: justify;
    padding: 0 25px;
    letter-spacing: 1px;
    font-size: 1em;
    line-height: 1.3em;
}

@media screen and (max-width:850px) {
    .imagem, .texto {
        width: 100vw;
        margin:0 25px
    }
}

.faca-inscricao {
    width: 40vw;
    text-align: right;
    margin-right: 30px;
    margin-top:50px;
    padding-right: 45px;
    padding-bottom: 40px;
    border-right: 1px solid rgba(255, 255, 255, .5);
}
.edital {
    width: 40vw;
    text-align: left;
    margin-left: 15px;
    margin-top:50px;
}
@media screen and (max-width:500px) {
    .faca-inscricao {
        margin-right: 10px;
        padding-right: 25px;
    }
    .edital {
        margin-left: 15px;
        margin-top:50px;
    }
}
.faca-inscricao h1, .edital h1 {
    text-transform: uppercase;
    color: #fff;
}
a.links  {
    font-family:"Roboto Light", sans-serif;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 15px 30px;
    line-height: 2em;
}
a.links:hover {
    background: #fff;
    color: #344084;
}

#txt-final {
    font-family:"Roboto Light", sans-serif;
    padding: 0 25px;
    background: rgba(27, 61, 150, .2);
    color: #fff;
    margin:25px;
    letter-spacing: 1px;
    line-height: 1.5em;
}

#rodape {
    margin-top:-20px;
}
.copy {
    width: 40vw;
    font-size: 10px;
    text-align: left;
    padding-top:25px;
}
.daconex {
    width: 50vw;
    text-align: right;
    padding-top:20px;
}
.daconex a {
    color:#ededed;
    text-decoration: none;
    font-size: 10px;
}
.daconex img {
    width: 12px;
    height: 20px;
}