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

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

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

#logo{width: 100%; max-width: 320px; margin: 0 auto; padding-top: 40px;}

#deptos{width:90%; max-width:1000px; margin:70px auto; justify-content: space-between; flex-wrap: wrap; display: flex; text-align: center;}
.deptos {width: 45%; text-align: center; }
.deptos img {max-width: 320px; border-radius: 10px; margin: 25px 0;}
.deptos button{width:200px; background:#a71d20; 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:#4a7db3;}
#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; }
}