.header { height: 176px; background: url(../../../data/midias/bg-institucional.jpg)no-repeat center bottom; position: fixed; z-index: 1111; }
.topo { height: auto; position: relative; z-index: 11; margin-top: 300px; margin-top: 176px; background: #3c7694; padding: 10px 0 20px 0;}
.topo h1 { font-size: 60px; color: #fff; font-weight: 100; }
.quem-somos { padding: 40px 0 30px 0; }
.quem-somos figure { width: 422px; height: 528px; 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 figcaption { padding: 8px 0; font-size: 24px; color: #212223; font-weight: 300; text-align: center; }
h2 { font-size: 36px; color: #212223; font-weight: 300; text-transform: uppercase; }
p { font-size: 16px; color: #212223; font-weight: 300; }
.nossos-jogos { padding: 0 0 60px 0; }
.nossos-jogos figure { width: 625px; height: 385px; float: left; background-color: #147896; margin: 10px 0 0 10px; }
.nossos-jogos img { margin: -10px 0 0 -10px; }
.entre-contato { padding-bottom: 80px; }
.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-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-weight: 700; }
.entre-contato button:hover { background-color: #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) {
	.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; }
	.topo h1 { font-size: 40px;  margin-top: 0px; }
	.header { height: 178px; }
	.topo { padding: 10px 0 0px 0; }
}
@media screen and (max-width:992px) {
	.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: 200px; }
	.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; }
	.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; }
	.topo { margin: 60px 0 0 0; background: transparent;}


}