style

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

.main{
	font-family: sans-serif;
	width: 100%;
	max-width: 980px;
	margin: auto;
}
.cabecalho-1{
	width: 100%;
	max-width: 980px;
	margin: auto;
	background-color: #e68a00;
	font-size: 14px;
}
.cabecalho{
	width: 65%;
	margin: auto;
	font-size: 3.0em;
	padding: 20px;
	font-weight: bolder;
	color: #000;
}
.links-container{
	background-color: #595959;
	width: 100%;
	max-width: 980px;
	height: auto;
	display: flex;
	text-align: center;
	
}
.link{
	text-decoration: none;
	color: #fff;
	max-width: auto;
	padding: 5px 10px;
	font-size: 1.5em;
	font-weight: bold;
	font-style: arial;
}
.link:hover{
	background-color: #000;		
}
.texto{
	width: 100%;
	max-width: 980px;
	margin: auto;
	height: auto;
	font-size: 14px;
}
.artigo{
 column-count: 3;
 margin-top: 25px;
 padding: 0 10px 0 10px;
 text-align: justify;
}
.tit-2{
 font-size: 1.9em;
 margin-left: 8px;
}
.prg{
	font-size: 1.3em;
 padding: 10px;
}
@media only screen and (max-width: 767px){
	.main{
		font-size: 50%;
	}
	.cabecalho-1{
		background-color: #39ac73;
		font-size: 70%;
		text-align: center;
	}
	.artigo{
		column-count: 2;
	}
}
@media only screen and (max-width: 289px){
	
	.artigo{
		column-count: 1;
	}
	.links-container{
	display: grid;
	
	}
}