@media screen {
	/* MAIN */
	main { 
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100vw; 
		height: fit-content;
	}
	.noticias-index h1{
		color: #2B4B8A;
		font-weight: inherit;
	}
	section p { color: #4a4e57; }
	ul{ list-style-type: none; }
             
   
	#associa-se{
		backgorund-color: blue;
	}

	#associa-se h1 { color: #B4903C; }
    #associa-se span { color: #2B4B8A; }
    #associa-se-btn{ background-color: #B4903C; }
    .icons-content i{
		color: white;
		background-color: #2B4B8A;
		border-radius: 100%;
	    display: flex;
		justify-content: center;
		align-self: center;
		align-items: cente;
	}

	
	#fale-conosco{ width: 100%; }
	#fale-conosco-form {
		display: flex;
		flex-direction: column;
		gap: 25px;
	}

	#fale-conosco-form div { 
		display: flex;
		flex-direction: column;
		gap: 4px; 
		width: 100%;
	}

	#fale-conosco-form input { padding: 10px; }
	label { color: #B4903C; }
	label, span { 
		font-weight: 700;
		font-family: inherit;
		letter-spacing: 1px;
	}
	.erro { 
		color: #E04562;
		padding: 2px 10px;
		font-weight: 0;
		display: none;
	}

	#fale-conosco h1{
		color: #B4903C;
	}
	#fale-conosco h1 span{
		color: #2B4B8A;
	}
	#fale-conosco-form .numeroCaracteres{
	 	color: #B4903C; 
	 	text-align: right; 
	}
	#fale-conosco-form textarea, #fale-conosco-form input{
		background-color: white;
		outline: none;
		border: 1.5px solid #B4903C; 
		border-radius: 10px;
	}
	textarea { 
		resize: vertical;
		min-height: 140px; 
	}
	#fale-conosco-form button {
		text-transform: uppercase;
		color: white;
		background-color: #B4903C;
		transition: background-color 0.25s;
		padding: 12px;
		border-radius: 5px;
		border: none;
	}


}

@media screen and (min-width: 1025px){
	main{ 
		gap: 200px;
		padding-bottom: 200px; 
	}
	#noticias-top{
		display: flex;
		gap: 47px;
		width: 90vw;
	}

	#noticias-top h1{
		transition: color .5s;
	}
	#noticias-top h1:hover{ color: #B4903C; }
	#noticias-top img{
		border-radius: 1.5%;
	}


	#atual{
		display: flex;
		flex-direction: column;
		gap: 15px;
		width: 45vw;
	}
	#atual h1{
		font-size: 2em;
		text-align: left;
	}
	.noticias-ao-lado{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.noticias-ao-lado article{
		display: flex;
		gap: 15px;
	}
	.noticias-ao-lado img{
		width: 13vw;
	}
	.noticias-ao-lado h1{
		text-align: left;
		font-size: 1.5em;
	}

	.noticias-bottom{
		display: flex;
		gap: 30px;
	}
	/* MAIN */
	#associa-se h1, #fale-conosco h1{
		font-size: 3.5em;
	}
/*	.titlspan { font-size: 19.5ssocia-sepx; }*/
	/*ASSOCIA-SE*/
		#associa-se {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 80px;
		}	
		#icons { 
			display: flex;
			flex-direction: row; 
			align-items: baseline;
			gap: 70px; 
			justify-content: center;
		}
		.icons-content {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 15px;
		}
		.icons-content .icons-content-icon{
			display: flex;
			justify-content: center;
			align-items: center;
			height: 105px;
			width: 105px;
			font-size: 2.5em;
			color: white;
			background-color: #2B4B8A;
			border-radius: 100%;
		}
		.icons-content p { 
			font-size: 1.15em;
			color: #666666;
			width: 10vw; 
			text-align: center;
		}
	    #associa-se-btn{
			text-align: center;
			width: 13vw;
			align-self: center;
			text-transform: uppercase;
			color: white;
			background-color: #B4903C;
			border: none;
			font-size: 1em;
			padding: 12px;
			border-radius: 5px;
			transition: background-color 0.3s;
		}

	/* FALE-CONOSCO */
	    #fale-conosco-endereco{
			display: flex;
			justify-content: center;
			gap: 20px;
		}
		#fale-conosco-form {width: 35vw;}
		iframe{
			width: 35vw;
			height: 70vh;
		}
   		#fale-conosco-form .erro{ font-size: .82em; }
   		

	/* TODOS */
		button:hover{ background-color: #2B4B8A; }
}
@media screen and (max-width: 1024px){

	/* MAIN */
	main{
		gap: 100px;
        margin-bottom: 100px;
	}
	main section div { 
		display: flex; 
		flex-direction: column; 
		align-items: center;
	}
	main h1 { font-size: 3em; }

	#noticias-top{
		display: flex;
		flex-direction: column;
		gap: 50px;
	}
	.noticias-ao-lado article{
		justify-content: center;
	} 
	.noticias-index{
		width: 91vw; 
		display: flex;
	} 
	.noticias-index img{
		border-radius: 5%;
	}
/*	#atual{ 
		display: flex;
		flex-direction: column;
		align-items: center; 
	}*/
	#atual img, #atual h1, #noticias-ao-lado{ width: 91vw; }
	#atual h1{ 
		font-size: 1.5em;
		text-align: left; 
	}
	/*.noticias-ao-lado{
		display: flex;
		flex-direction: column;
		gap: 50px;
		
	}
	.noticias-ao-lado article{
		display: flex;
		gap: 20px;
	}
	.noticias-ao-lado img{
		width: 45vw;
		height: 150px;
	}
	.noticias-ao-lado h1{
		font-size: 1.25em;
		text-align: left;
	}*/
	.noticias-ao-lado{
		display: flex;
		gap: 50px;
	}
	.noticias-ao-lado article{
		display: flex;
		gap: 10px;
	}
	.noticias-ao-lado article img{
		width: 40vw;
	}
	.noticias-ao-lado article h1{
		font-size: 1em;
		text-align: left;
		display: inline;
	}
	
	/* ASSOCIA-SE */
	
	#associa-se {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}
/*	#associa-se{ gap: 50px; }*/
	#associa-se p, #associa-se span{ font-size: 1.3em; }
	#associa-se button {
		text-align: center;
		align-self: center;
		text-transform: uppercase;
		color: white;
		background-color: #00489c;
		font-weight: bold;
		font-size: 1em;
		border: none;
		padding: 15px 60px;
		border-radius: 5px;
	}
	#icons{
		gap: 20px;
	}

	.icons-content{
		gap: 5px;
	}
	.icons-content i{
		font-size: 3em;
		color: white;
		background-color: #2B4B8A;
		border-radius: 100%;
		height: 100px;
		width: 100px;
	    display: flex;
		justify-content: center;
		align-self: center;
		align-items: center;
	}
	#associa-se span{
		text-align: center;
		font-size: 1.2em;
	}
	
	textarea, input, iframe{ width: 92vw; }
    #fale-conosco-endereco {
      gap: 100px;
    }
	#fale-conosco-endereco iframe{
/*		width: 85vw;*/
		height: 50vh;
		border: 1px solid red;
	}
	#fale-conosco-form button{ font-size: 1.3em; }
	#fale-conosco-form label{ font-size: 1.5em; }
   	input, textarea{ font-size: 25px; }
}