/************* GENERAL CSS ************/

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	text-align: justify; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 65%;
	color: #333333
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
 
                          -moz-box-sizing: border-box;
    
                           box-sizing: border-box;

}


h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	color: #000000;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.0em;
	color: #1E90FF;
}

a {
	font-weight: bold;	
	text-decoration: none;
	color: #BEBEBE;
} 

a:hover {
	font-weight: bold;
	text-decoration:none; 
}
.closeImg {
    position: relative;
    left: -7.6em;
    top: 6.8em; 
}
/************* HEADER STUFF ************/
.BoxGeral {
	max-width: 100%; 
	margin: 0px auto; 
        background: url('../img/fundobackground.png');
} 
#BoxTopo {  
	width: 100%;
        position:relative;
	margin-top: 0px;
	height: 14em; /*
	height: 8.6em;  */
	border-bottom: 0.4em solid #930409; 
	text-align: center;
        font-zise: 0.75em; 
        color: #1FA153;
        background: url('../img/fundoazulescuro.jpg');
} 
.Element_topo  {  
	width: 100%;
	height: 3.4em; /*
	border-bottom: 0.1em solid #fff; */
	margin-top: -0.5em;
        padding: -0.3em 0;
	text-align: right;
        font-zise: 0.5em; 
        color: #C10808;
} 
.componente { position:relative; width: 100%; margin-top: 1.2em; text-align: center; }
.BoxTudo {
	max-width: 1024px; 
	margin: 0px auto;
} 
.BoxCabecalho {
	width: 100%;
	margin-top: 0;
	height: 180px;    
	text-align: left; 
        background: url('../img/fundocabecalho.png'); 
}
.circulologo { 
    float: left;  
    border-radius: 50%;
    margin-top:-8.4em;
    margin-bottom:-15em;
    display: inline-block;
    padding: 3em 2.5em;
    height: 27em;
    width: 27em;
    background: #ffffff;
    text-align: center; color: #fff;
    border:5px solid #930409; 
}
.circulologo h1 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.3em;
	color: #775439;
        margin-top: -0.8em; 
}
.circulologo h2 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.44444444444445em;
	color: #C10808;
        margin-top: -17px; 
}
.Chamada { float: left;
	   width: 59%;
	   margin: 3em 0 0 5em;
	   text-align: center; 
} 
.BoxDestaque { 
	width: 100%;
	height: 500px;
        margin-top: 0;
        margin-bottom: -1em;
	text-align: left;
        background: url('../img/Conferencia.jpg') no-repeat center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
 }
.DestaqueBanner {
        float: left;
	width: 100%;
	height: 500px;
        margin-top: 0px; 
        margin-right: -5%;
	text-align: left;
 }
.Banner {
        float: right;
	width: 47%;
        margin-top: 5em; 
        margin-right: 10%;
	text-align: center; 
 }
.Banner_element1 {
	width: 96.4%;
	height: 344px;
        margin-left: 2.5%; 
        background:#cfcfcf;
 }
.Banner_element2 {
	width: 80%;
	height: 60px;
        margin-top: 2.5em;
        margin-left: 10%;
        padding:0.3em;
   /*     border-radius: 10%; */
        background: url('../img/botao-azul.png') no-repeat center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
 }
.Destaque_element2 {
        float: right;
	width: 30%;
        margin-top: 18em; 
        margin-right: 2.4%;
	text-align: center;
 }
.Botao_amarelo { position:relative; width: 33%; padding:0.7em; margin-top: 2.3em; text-align: center; font-size: 1.9em; color: #fff; background: #FFFF00; }
.Botao_azul { width: 80%; padding:0.7em; margin-top: 2.3em; text-align: center; font-size: 1.9em; color: #fff; background: url('../img/botao-azul.png') no-repeat center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; }

.SocialBox {
        float: right;
        position:relative;
	width: 5%;
        margin-top: 12em; 
	text-align: left;
 }
.Colunaleft { 
        float: left;
	width: 37%; 
	margin: 0 3% 2% 0;
        padding: 10px 0;
	text-align: justify; /*
        background: url('../img/Fundodiv.png'); */
 } 
.Colunaleft li { font-size: 1.7em; }

.Colunaright {        
        float: left;
	width: 60%; 
	margin-top: 0; 
	padding:10px 0 10px 20px;
	text-align: justify;
}

/************* Boxs Meio e Centro ************/
 
.BoxCentral { 
	width: 100%; 
        height: 545px; 
        background: #930409 url('../img/fundobackground.png');        
 }
.Central-transparent { 
	width: 100%; 
        height: 340px;
        padding-top:2em;
        background: #fff;    
 }
.BoxMeio {
	   width: 100%; 
           height: 350px;
           margin-top:0;
           padding-top:2.6em;
           text-align: left;
           background: #930409 url('../img/fundoazulclaro.jpg');
} 
.Boxperformance {
	   width: 100%; 
           margin-top:0;
           text-align: left;
           background: #930409 url('../img/fundoazulclaro.jpg');
} 
.Hiding {
           float: left;
	   width: 100%; 
           margin-top:2em;
           margin-bottom:1.7em;
           text-align: center;
           background: #930409; 
} 
.Sessaocursos { 
        float: left;
	width: 32.1%;
    /*    height: 310px; */
	margin-top:1.5em;
	margin-right:1.2em;
        padding: 1.2em 0.7em; 
	text-align: center;
        background: #930409 url('../img/fundobackground.png'); 
 }
.SessaoNoticias { 
        float: left;
	width: 48%;
        height: 310px;
	margin-right:1.2em; /*
	margin-bottom:2.5em; */
        padding: 0.7em; 
	text-align: left;
 }
.SessaoNoticias:last-child, .Sessaocursos:last-child { margin-right: 0; }

.SessaoDepoimento {
	width: 100%; 
        height: 180px; 
	text-align: justify;	
}
.topodatacursos {  
	width: 100%;
	height: 7em;
        position:relative;
	margin: 3em auto; 
	margin-bottom: 1em; 
	border-left:10px solid #1F243C;   
	text-align: center;
        font-zise: 0.75em; 
        color: #1FA153;
} 
.retangulodatacursos {  
	width: 100%;
	height: 8em;
        position:relative;
	margin: 0px auto; 
	margin-bottom: 0.4em;  
	border-bottom: 0.4em solid #930409; 
	text-align: left;
        font-zise: 0.75em; 
        color: #1FA153;
        background: #930409 url('../img/fundodescrit.png');
} 
.datacursos {  
        float: left;
	width: 23%;
	height: 100%;
	margin: 1px auto; 
	text-align: center;
        color: #FFF;
        background: #930409;
} 
.textcursos {  
        float: right;
	width: 75%;
	height: 49%;
	margin: 0px auto; 
	text-align: center;
        font-zise: 0.75em; 
        color: #1FA153;
}
.descritcursos {  
        float: right;
	width: 76.2%;
	height: 49%;
	margin: 0px auto; 
	text-align: center;
        font-zise: 0.75em; 
        color: #1FA153;
        background: #930409 url('../img/fundoazulclaro.jpg');
}

/************* Rodaper ************/
.rodape {
        clear: both;
        width: 100%;
        height: 340px;  
	margin-top: 2em; 
        background: #ffffff url('../img/fundoazulescuro.jpg');
        text-align: center;
        color: #fff;
        padding-top: 0px;  
        border-top: 2px solid #A31414;
}
.rodape-element1, .rodape-element2 { 
        float: left;
    /*    height: 310px; border:1px solid; */
	margin-right:1.2em;
	margin-bottom:1.5em; 
	text-align: left;
 }
.rodape-element1 { width: 38%; }
.rodape-element2 { width: 20%; }
.rodape-element3 { width: 100%; margin-top:2em; margin-bottom:-1.5em; } 
.rodapeSecao2 {
        clear: both;
        width: 100%;
        height: 65px;       
	margin: 0px auto;
        bottom:10px;   
        background: #121830; 
        text-align: center;
        color: #fff; /* url('../img/fundo-rodape.png'); 
        border-top: 3px solid #A31414; */
        padding-top: 16px;
}  
.colunacentro { 
           position: relative;
           padding-bottom:1.6em;
           height: 100px; 
	   max-width: 1024px;   
	   margin: 0px auto;
           padding-top:30px; 
           text-align: center;   /*
           background: #ffffff url('../img/fundoazulclaro.jpg'); */
}

span{  font-size: 0.9em; font-weight: 300; letter-spacing: -2px; line-height: 20px;  }
h1 span{ font-size: 1.1em; font-weight: 300; letter-spacing: -1px; line-height: 5px;  }
h2 span{  font-size: 1.2em; font-weight: 300; letter-spacing: -1px; line-height: 0px;  }

img, picture, video, embed { max-width: 100%; }
.Marcador {float: left; width:6em; margin: 0.25em 0.5em -0.4375em 0.43125em; padding-bottom:-0.7em; }
.Marcadorb {float: left; width:1.2em; height:1.2em; margin: 0.7em 0.8em -0.4375em 0.43125em; }
.Marcadorc {float: left; width:1.7em; height:1.2em; margin: 0.25em 0.3125em -0.4375em 0.43125em; }
.ico-text { float: left; width:2em; height:2.5em; margin: -0.2em 0.75em 0.3em 0.43125em; }

.Imagemlogo { width:90%; height:85%;} 
.Imagembanner { width:100%; height:100%; }
.Imagem {float: left; margin: 0px; }
.ImgSocial {  width:100%; height: 50px; }
.IcoTopo { width:1.6em; height:1.6em; margin: 0.5em 0.15em -0.4375em 0.4375em; }
.Ico2Topo { width:1.6em; height:1em; margin: -0.5em 0.15em 0 0.4375em; }
.IconTel { margin: 0.5em 0.15em -0.4375em 0.4375em; }
.Ator { width:70%; margin-top: -4em; }
.performance { width:24.6%; margin: 0 0.3em 0 0;; }
.performance_art { float: left; width:45%; margin: 10px 17px; } 
.performance_art2 { float: right; width:45%; margin: 10px 17px; }
.performance:last-child { margin-right: 0; }
.Depoimento {float: left;  width:30%; height: 110px; float: left; margin: 15px; }
.Noticias {float: left;  width:100%; height: 140px; float: left; margin: 15px; }
.imgdown { width:70%; height:1.2em; float: right; margin-top:0; margin-right:0; }
.Linha {color: #fff; background-color: #000; width: 100%; height: 1px; }
.Linhab {color: #fff; background-color: #fff; width: 100%; height: 1px; float: left; }

.Fontechamada {font-family: verdana, "Times New Roman", sans-serif; margin-top:0; font-size: 1.32em; color: #CCC; }
.chamada_acao { background:#0973C5; font-family: verdana, "Times New Roman", sans-serif; padding:0.3em; font-size: 1.9em; color: #fff; }
.chamada_acaop { float: right; font-family: verdana, "Times New Roman", sans-serif; margin-top:-1.2em; margin-right:2.2em; font-size: 1.97em; color: #fff; }
.chamada_acao_titulo {float: left; font-family: verdana, "Times New Roman", sans-serif; margin-top:-1em; font-size: 5.2em; color: #fff; }
.chamada_acao_subtitulo {font-family: verdana, "Times New Roman", sans-serif; margin-top:0; font-size: 3.9em; color: #0973C5; }
.FontSubtitulo {font-family: "Times New Roman", Sans-Serif; font-size: 4.2em; color: #FFF; margin-top: 0.3em; margin-bottom: 0.2em; }
.FonteForm {font-family: verdana, "Times New Roman", sans-serif;  margin-left: 0.5em;font-size: 1.4em; color: #375581; }
.FonteEscuroP {font-family: verdana, "Times New Roman", sans-serif; margin:-0.7em 0.375em 0 0.625; font-size: 1em; color: #375581; }
.FonteEscuro {font-family: "Times New Roman", Sans-Serif; font-size: 2.05em; color: #424649; margin-top: 0.3em; margin-bottom: 0.2em; }
.FonteEscuroNormal {font-family: verdana, "Times New Roman", sans-serif; margin: 1em 0 0.625em 0; font-size: 1.15em; color: #424649; }
.FonteEscuroMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 2.5em 0 0.625em 0; font-size: 1.7em; color: #999; }
.FonteBrancoP {font-family: verdana, "Times New Roman", sans-serif; margin:-0.7em 0.375em 0 0.625; font-size: 1.3em; color: #fff; }
.FonteBranco {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.2em; color: #FFF; }
.FonteBrancoMedio {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.8em; color: #FFF; }
.TituloCategorias {font-family: "Times New Roman", Sans-Serif; font-size: 2.5em; color: #930409; margin-top: 0;}
.TituloCategorias2 {font-family: "Times New Roman", Sans-Serif; font-size:3.4em; color: #FFF; margin-top: 0.3em; margin-bottom: 0.5em; }
.FonteCategorias {font-family: "Times New Roman", Sans-Serif; font-size: 2.4em; color: #FFF; margin-top: 0.3em; margin-bottom: 0.2em; }
.Fontetopodatacursos {font-family: "Times New Roman", Sans-Serif; font-size: 3.8em; color: #930409; margin:0.1em; }
.Fontedatacursos {font-family: "Times New Roman", Sans-Serif; font-size: 3.2em; color: #FFF; margin-top: 0.5em;}
.Titulodatacursos {font-family: "Times New Roman", Sans-Serif; font-size: 3em; color: #FFF; margin-top: 0;}
.Funtedescritcursos {font-family: "Times New Roman", Sans-Serif; font-size: 1.8em; color: #FFF; margin-top: 0;}
.tituloverde { font-family: "Times New Roman", Sans-Serif; font-size: 2.5em; color: #2D6428; margin-top: 0;}
.Fonteverde { font-family: "Times New Roman", Sans-Serif; font-size: 2em; color: #2D6428; margin-top: 0;}
.sucesso {font-family: "Times New Roman", Sans-Serif; font-size: 3.4em; color: #FFF; margin: 0.4em 0 0.4em 1.7em; }
.FooterSubtitulo {font-family: "Times New Roman", Sans-Serif; font-size: 1.8em; color: #FFF; margin-top: 0.3em; margin-bottom: 0.2em; }
.Footertitulo {font-family: "Times New Roman", Sans-Serif; font-size: 2em; color: #FFF; margin-top: 0.3em; margin-bottom: 0.2em; }

a.linkSetorServicos {font-family: Georgia, "Times New Roman", sans-serif; font-size: 2.5em; color: #0973C5; }
a.linkSetorServicosM {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.4em; color: #BEBEBE; }
a.linkEscuroGrande {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #BEBEBE; }
a:hover.linkEscuroGrande {background: #FA6908; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #ffffff;}
a.linkEscuroPequeno {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.1em; color: #3A3838; margin: left; 0.615em; }
a:hover.linkEscuroPequeno {font-family: verdana, "Times New Roman", sans-serif; font-size: 0.75em; color: #1E90FF; }
a.linkEsbrancoPequeno {font-family: verdana, "Times New Roman", sans-serif; margin-top:16px; font-size: 1.3em; color: #fff; line-height: 1.6em; }
a.linkEsbrancoMedio {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.4; color: #fff; }
a:hover.linkEsbrancoPequeno {font-family: verdana, "Times New Roman", sans-serif; margin-top:16px; font-size: 1.3em; color: #1B3381; }
a.linkEscuroMedio {font-family: "Times New Roman", sans-serif; margin: 0.625em 0 0.5em 0; font-size: 1.125em; color: #747373; }
a.LinkVerde { text-decoration:none; font-size: 3em; padding: 1.625em dashed; color: #2D6428; }


/* =========================================== Media Queries  =========================== */

@media screen and (max-width: 1340px) { 
.performance { width:24.5%; margin: 0 0.3em 0 0; }
.chamada_acao_subtitulo { font-size: 3.6em; }}

@media screen and (max-width: 1315px) {
.Banner_element1 { width: 100%; }
.chamada_acaop { margin-right:2em; font-size: 1.9em;}}

@media screen and (max-width: 1312px) {   
.colunacentro { padding: 0 1.4em 0 1.4em; }}

@media screen and (max-width: 1300px) {
.chamada_acao { font-size: 1.7em;  }
.Banner_element1 { height: 335px; margin-left: 2%;}}

@media screen and (max-width: 1275px) {
.performance { margin: 0 0.3em 0 0; }
.chamada_acaop { margin-right:1.5em; }}

@media screen and (max-width: 1255px) {
.chamada_acao_titulo { margin-top:-0.7em; font-size: 4.8em; }
.chamada_acaop { margin-right:1.8em; font-size: 1.8em; margin-top:-0.4em;}
.Banner_element1 { height: 325px; }
.chamada_acao_subtitulo { font-size: 3.2em; }}

@media screen and (max-width: 1190px) {
.rodapeSecao2 {  height: 80px; }
.chamada_acaop { margin-right:0.5em; }}

@media screen and (max-width: 1130px) {
.Banner_element1 { height: 300px; }
.chamada_acao_titulo { margin-top:-0.7em; font-size: 4.6em; }
.chamada_acao { font-size: 1.4em;  }}

@media screen and (max-width: 1115px) {
.Ator { width:57%; margin-top: -6em; }
.Banner_element1 { height: 280px; }
.chamada_acao_titulo { font-size: 3.4em; }
.chamada_acao_subtitulo { font-size: 3em; }}

@media screen and (max-width: 1070px) {
.performance { width:24.4%; }}

@media screen and (max-width: 1040px) {
.chamada_acao_subtitulo { font-size: 2.7em; }}

@media screen and (max-width: 1030px) {
.Sessaocursos {  width: 32%; }
.Fontetopodatacursos {  font-size: 3.3em; }}

@media screen and (max-width: 1005px) {
.Botao_azul { width: 67%;  margin-left:15%; }
.Banner_element1 { height: 246px;}}

@media screen and (max-width: 990px) {
.Botao_amarelo { margin-top: 0.9em;  }
/* .Sessaocursos {  height: 350px; } */
.Chamada {  width: 50%; }}

@media screen and (max-width: 948px) {
.rodape { height: 348px;}
.rodape-element1 { width: 36%; }
.rodape-element2 { width: 18%; }
.chamada_acao_titulo { font-size: 2.8em; }
.chamada_acao_subtitulo { font-size: 2.2em; }
.Chamada {  width: 45%; }}

@media screen and (max-width: 900px) {
.rodape { height: 375px;}
.chamada_acaop { font-size: 1.5em;}
.Banner_element1 { height: 220px;}}

@media screen and ( max-width: 880px) {
.performance { width:24.3%; }
.Botao_amarelo { width: 36%; }
.Fontechamada  {  font-size: 1.3em; }}

@media screen and ( max-width: 840px) {
.Chamada {  width: 40%; }}

@media screen and ( max-width: 800px) {
.Botao_amarelo { width: 37%; padding:0.5em; font-size: 1.7em; }}


@media screen and (max-width: 773px) {
.circulologo { margin-top:-5em; }
.btn-toggle{display: block;}
.Element_topo, .Chamada {display: none; }}

@media screen and (min-width: 772px) {
.btn-toggle{display: block;}
.Navdown {display: none; }}

@media screen and (max-width: 770px) {
.BoxCentral { height: 565px; }
.performance { width:24.1%; }
.Marcador {  width:4.5em; }
.Titulodatacursos { font-size: 2.7em; }
.Ator { width:75%; margin-top: -6em; }
.SessaoNoticias {  width: 90%; }}


@media screen and (max-width: 750px) {
.circulologo { height: 20em; width: 20em; margin-bottom:-10em; }
.circulologo h1 { font-size: 1.5em; } 
.circulologo h2 { font-size: 1em; margin-top: -6px;}
.chamada_acao_titulo { font-size: 2.8em;  float: left; margin-top: 0; }
.chamada_acao_subtitulo { font-size: 2.2em; float: left; }
.chamada_acao { margin-top: -2em; }
.chamada_acaop { font-size: 2.5em; float: left; margin-top: 0; margin-bottom: -2em;}
.Banner_element1 { height: 300px;}
.Banner { width: 76%; }
.Destaque_element2 {  width: 80%; margin-top: 1em; margin-right: 8.6%; }}

@media screen and (max-width: 730px) {
.performance { width:49%;  }}

@media screen and (max-width: 710px) {
.rodape { height: 910px;}
.rodape-element1 { width: 95%; }
.rodape-element2 { width: 95%; }}

@media screen and (max-width: 670px) {
.BoxMeio { width: 100%; height: 380px; }
.Botao_azul { width: 75%; padding:0.3em; }
.Fontetopodatacursos {  font-size: 3em; }}

@media screen and (max-width: 660px) {
.BoxCentral { height: 600px; }
.Titulodatacursos { font-size: 2.5em; }
.chamada_acaop { font-size: 2em; margin-top: 0.3em;}
.Banner_element1 { height: 260px;}}

@media screen and (max-width: 625px) {
.Sessaocursos {  width: 31.5%; }}

@media screen and (max-width: 620px) {
.chamada_acao_titulo { font-size: 2.4em; margin-bottom: 0; }
.chamada_acaop { font-size: 1.8em; }}

@media screen and (max-width: 610px) {
.BoxMeio { width: 100%; height: 430px; }
.rodapeSecao2 {  height: 100px; }}


@media screen and (max-width: 590px) {
.BoxCentral { height: 860px; }
.Central-transparent { background: #930409 url('../img/fundobackground.png'); }
.ImgSocial {  height: 35px; }
.Colunaleft, .Colunaright {  width: 100%; }
.Sessaocursos {  width: 100%; height: 200px; }}


@media screen and (max-width: 570px) {
.chamada_acao_titulo { font-size: 2.5em;  }
.chamada_acao_subtitulo { font-size: 2em; }
.Banner_element1 { height: 220px;}}

@media screen and (max-width: 560px) {
.chamada_acao_titulo { margin-top:-1em; font-size: 4.2em;  }
.chamada_acaop { margin-top:-1.4em; font-size: 2.4em; }
.chamada_acao_subtitulo { font-size: 3.4em; }
.chamada_acao { margin-top: 2em; }
.Destaque_element2 {  width: 70%;  }
.Banner_element1 { height: 220px;}}

@media screen and (max-width: 550px) {
.Titulodatacursos { font-size: 2.4em; }}

@media screen and (max-width: 510px) {
.performance { width:48.8%;  }}

@media screen and (max-width: 505px) {
.chamada_acao_titulo { font-size: 3.8em;  }
.chamada_acaop { font-size: 2.2em; }
.chamada_acao_subtitulo { font-size: 3em; }}

@media screen and (max-width: 460px) {
.Titulodatacursos { font-size: 2.2em; }
.chamada_acao_titulo { font-size: 2.4em;  }
.chamada_acaop { font-size: 1.8em; }
.chamada_acao_subtitulo { font-size: 2.3em; }
.Destaque_element2 {  width: 60%; margin-right: 17%;  }
.Banner_element1 { height: 190px;}}

@media screen and (max-width: 459px) {
.Sessaocursos {  height: 240px; }}

@media screen and (max-width: 425px) {
.performance { width:48.6%;  }}

@media screen and (max-width: 400px) {
.chamada_acao_titulo { font-size: 2em; }
.chamada_acao_subtitulo { font-size: 2em; }
.chamada_acao { margin-top: -1em; }
.FontSubtitulo {   font-size: 3em; }
.Banner_element1 { height: 160px;}}

@media screen and (max-width: 365px) {
.performance { width:48.4%;  }}

@media screen and (max-width: 360px) {
.chamada_acao_titulo { font-size: 1.8em; }
.chamada_acaop { font-size: 1.5em; }
.TituloCategorias { font-size:3em; }
.FonteCategorias { font-size: 2.1em; }
.topodatacursos {  margin-bottom: 3em; }}

@media screen and (max-width: 325px) {
.FonteCategorias { font-size: 2em; }}

@media screen and {max-width: 320px) {
.performance { width:48%;  }}

@media screen and (max-width: 305px) {
.Titulodatacursos { font-size: 2.05em; }}

@media screen and (max-width: 280px) {
.TituloCategorias { font-size:2.7em; }
.FonteCategorias  {  font-size: 1.8em; }}

@media screen and (max-width: 250px) {
.Sessaocursos {  height: 430px; }}