@charset "utf-8";
/* CSS Document */

*{border:none; resize:none; box-sizing:border-box; outline:none;}
a{text-decoration:none;}
body{margin:0; padding:0; font-family: sans-serif;}
button, a{transition: all 300ms;}

#faixa{width:100%; background: #CA3843;}
.faixa{width:98%; max-width:1000px; margin:0 auto; padding: 30px 0; align-self: center; display: flex; justify-content: space-between; flex-wrap: wrap;}
#data{width: 100%; text-align: center; font:300 18px 'Oswald', sans-serif; color:#FFFFFF; }

#deptos{width:90%; max-width:1000px; margin:120px auto; justify-content: space-between; flex-wrap: wrap; display: flex; text-align: center;}
.deptos {width: 45%; text-align: center; }
.deptos .logos {width: 320px; height: 100px; object-fit: scale-down; border-radius: 10px; margin-bottom: 20px;}
.deptos p {font-size: .8em;}
.deptos .button{width:200px; background:#de6d00; color:#FFFFFF; cursor:pointer; border-radius:3px; font: 300 18px 'Oswald', sans-serif; text-transform:uppercase; padding:10px; margin: 0 auto; display: block;}
.deptos .button:hover{background: #333333;}

#rodape{width:100%; background:#333333; padding:40px 0; text-align:center;}
#rodape p{font:300 16px 'Oswald', sans-serif; color:#FFFFFF; display: block;}
#rodape a{font:300 16px 'Oswald', sans-serif; color:#de6d00;}
#rodape a:hover{color:#ffffff;}


@media screen and (max-width:600px){
	.deptos {width: 100%; margin: 0 auto; }
	.faixa p{width: 100%; text-align: center;}
	#data{width: 100%; text-align: center; margin-bottom: 15px; }
}