* {
	font-family: 'Averta', sans-serif;
	padding: 0; margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
    background-color: #edebeb; font-size: 1rem;
}

h1, h2, h3 { margin: auto; text-align: center; padding: 1px 5px; font-weight: normal; }
h1 { font-size: 20px; color: var(--corPrincipal); }
h2 { font-size: 18px; color: var(--corPrincipal); }

p { text-align: justify; margin-top: 4px; margin-bottom: 4px; line-height: 1.3; }

a { text-decoration: none; color: var(--corPrincipal); list-style: none; }

label {width: auto; display: inline-block;}

.col-1 {width: 96%; vertical-align: top;}
.col-2 {width: 47%; vertical-align: top;}
.col-3 {width: 30%; vertical-align: top;}
.col-80 {width: 80%; vertical-align: top;}

.fontePequena {font-size: 0.7rem;}
.fonte1rem {font-size: 1rem;}
.fonte1-5rem {font-size: 1.5rem;}
.fonte2-5rem {font-size: 2.5rem;}


/*Responsividade*/
@media (max-width: 1000px) {
	.col-2 {width: 80%;}
	.col-3 {width: 45%;}
}
@media (max-width: 800px) {
    .col-2, .col-80 {width: 97%; flex-direction: column;}
	.col-4 {width: 94%;}
}
@media (max-width: 700px) {
	.col-3 {width: 94%;}
}
@media (max-width: 600px) {
    .col-4 {width: 94%;}
	.dadosAluno, .divDadosEscola, .divTelaMovelColuna {display: flex; flex-direction: column;}
}