.header { height: 176px; background: url(../../../data/midias/bg-contato.jpg)no-repeat center bottom; position: fixed; z-index: 1111; }
.topo { height: auto; position: relative; z-index: 11; margin-top: 176px; background: #5d8e1d; padding: 10px 0 20px 0; }
.topo h1 { font-size: 60px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 100; }
.quem-somos { padding: 40px 0 30px 0; }
.quem-somos figure { width: 422px; height: 418px; background-color: #fff; margin-top: -130px; position: relative; z-index: 222; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; flex-wrap: wrap; padding-top: 10px }
.quem-somos figure img { width: 402px; height: auto; float: left; }
.quem-somos .box { width: 380px; height: 80px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; align-content: center; flex-wrap: wrap; padding-left: 70px; }
.quem-somos .email { background: url(../../../data/midias/email.png)no-repeat left center; }
.quem-somos .endereco { background: url(../../../data/midias/endereco.png)no-repeat left center; }
.quem-somos .telefone { background: url(../../../data/midias/telefone-c.png)no-repeat left center; }
.quem-somos .box a, .quem-somos .box span { width: 100%; float: left; }
h2 { font-size: 36px; color: #212223; font-family: 'Montserrat', sans-serif; font-weight: 300; text-transform: uppercase; }
a { font-size: 18px; color: #212223; font-family: 'Montserrat', sans-serif; font-weight: 300; }
.entre-contato { padding-bottom: 40px; }
.entre-contato h2 { margin-bottom: 30px; }
.entre-contato form { width: 100%; height: 400px; float: left; background-color: #eeefef; padding: 20px; position: relative; }
.entre-contato form:after { content: ''; width: 1000px; height: 400px; background-color: #eeefef; position: absolute; right: -1000px; top: 0; }
.entre-contato form:before { content: ''; width: 1000px; height: 10px; background-color: #4d9128; position: absolute; left: 50%; top: -10px; }
.entre-contato input, .entre-contato select, .entre-contato textarea { width: 95%; height: 50px; margin: 20px 0; border: 2px solid #212223; border-radius: 10px; background-color: transparent; padding-left: 20px; outline: none; font-size: 16px; color: #212223; font-family: 'Montserrat', sans-serif; font-weight: 300; }
.entre-contato textarea { padding-top: 15px; height: 230px; }
.entre-contato button { width: 200px; height: 50px; float: left; background-color: #212223; border: none; border-radius: 10px; font-size: 18px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; }
.entre-contato button:hover { background-color: #666 }
.mapa { height: 600px; background: url(../../../data/midias/mapa.jpg)no-repeat left center; border-top: 10px solid #666; }
.entre-contato button, .entre-contato button:hover { -webkit-transition: .2s ease; -moz-transition: .2s ease; -ms-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; }
@media screen and (max-width:1200px) {
	.topo h1 { font-size: 40px; margin-top: 0px; position: relative; z-index: 22; }
	.quem-somos figure { margin-top: 10px; }
	.quem-somos figcaption { font-size: 20px; }
	.nossos-jogos figure { height: 320px; margin-top: 30px; }
	.nossos-jogos figure, .nossos-jogos figure img { width: 100%; }
	.nossos-jogos { padding: 0 0 30px 0; }
	.header { height: 178px; }
	.topo { padding: 10px 0 0px 0; }

}
@media screen and (max-width:992px) {
	.mapa { height: 440px; }
	.quem-somos { padding: 10px 0 30px 0; }
	.quem-somos figure { width: 100%; height: auto; padding-top: 0; display: block; margin-top: 20px; }
	.quem-somos figure img { float: left; margin-right: 20px; width: 100%; }
	.quem-somos figure figcaption { text-align: left; }
	.nossos-jogos figure { width: 100%; height: auto; background-color: transparent; display: none; }
	.entre-contato form, .entre-contato form:after { height: 740px; }
	.entre-contato form:before { left: 70%; }
	.entre-contato input, .entre-contato select, .entre-contato textarea { width: 100%; }
}
@media screen and (max-width:767px) {
	.topo h1 { font-size: 28px; text-align: center; margin-top: 20px; color: #222223; font-weight: 700; border-bottom: 1px solid #222223; padding-bottom: 15px; }
	h2 { font-size: 22px; margin-top: 10px; }
	p { font-size: 14px; }
	.entre-contato .container, .nossos-jogos .container, .quem-somos .container { padding: 0; }
	.quem-somos figure img { width: 80%; margin: 0 0 0 10%; }
	.quem-somos figure figcaption { font-size: 16px; text-align: center; padding: 0 15px; }
	.quem-somos, .nossos-jogos { padding: 0px 0 20px 0; }
	.entre-contato form { padding: 10px 0 20px 0; height: auto; background-color: #fff }
	.entre-contato input, .entre-contato select, .entre-contato textarea { margin: 10px 0; }
	.entre-contato form:before, .entre-contato form:after { display: none; }
	.entre-contato { padding-bottom: 0px; }
	.header { height: 62px; }
	.quem-somos .box a { font-size: 16px; }
	.quem-somos .email, .quem-somos .telefone, .quem-somos .endereco { background-size: 25px; background-position: center top; padding: 0; text-align: center; width: 100%; height: auto; padding: 35px 15px 0 15px; margin-bottom: 20px; }
	.quem-somos figure { display: none; }
	.entre-contato h2 { text-align: center; margin-bottom: 10px; }
	.entre-contato button { width: 160px; height: 45px; line-height: 40px; left: 50%; position: relative; margin-left: -80px; margin-bottom: 20px; }
	.mapa { height: 340px; }
	.topo { margin: 50px 0 20px 0; background: transparent; }
}