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




@media only screen and (max-width: 1220px) {	

	h1 {font-size:44px;}

#menu-mob {display:block;}

#top {
	bottom: 0;
	height: auto;
	display: none;
	background-color: #fff;
}

.bg-box {padding-top: 50px;}


#nav-mob {display:block;}

#nav-desk {display:none;}

.logo {display: none;}

.logo-mob {display: block;}

#top-mob {display: block;}

	nav {margin-top: 150px; text-align:center; padding-right: 0px;}
	
	nav ul li {display: block; text-align:center; margin: 0 auto;}
	
	nav ul li a {
		font-size: 16px;
		padding: 20px 0px;
		display: block;
		}


.banner {padding: 80px 0px;; margin-top: 0px;}	

.text-container {margin-left: 10px;}


#boxes {padding: 50px 0px;}

		#boxes .box {
			width: 250px;
			float: none;
			margin: 30px auto;
			padding: 25px;
			border-radius: 20px;
			background-color: #DBF6FF;
			height: auto;
			border: 1px solid rgba(5,98,129,0.5);
		}


	#consultoria .box1 {
		width: 100%;
		float: none;
		padding-right: 0px;
	}

	#consultoria .box2 {
		width: 100%;
		float: none;
		padding-left: 0px;
	}


		#beneficios .box {
			margin: 25px auto 0px;
			float: none;
		}


	#mentoria .box1 {
		width: 100%;
		float: none;
		padding-right: 0px;
	}

	#mentoria .box2 {
		width: 100%;
		float: none;
		margin: 0 auto;
	}

	#mentoria img {
		margin: 20px auto;
		float: none;
	}


	#quem-somos .box1 {
		width: 100%;
		float: none;
		margin-top: 30px auto;
	}

	#quem-somos img {
		width: 350px;
		margin: 0 auto;
	}

	#quem-somos .box2 {
		width: 100%;
		float: none;
		margin-top: 30px;
	}

	#objetivos .box {
		width: 300px;
		float: none;
		margin: 0px auto 20px;
		padding: 20px;
		height: auto;
	}


	#contato {
		width: 100%;
		height:auto;
	}

	#contato .box {			
		width: 320px;
		height: auto;
		margin: 0px auto;
		float:none;
	}

	#contato img {
		float: none;
		margin: 10px auto !important;
	}

	#contato .text {
		text-align:center;
		float: none;
		margin-top: 0px;
	}

	.contato-desk {display: none;}
	.contato-mob {display: block;}


.btn-whats {border-radius: 20px; padding: 10px;}

.btn-whats span {display: none; }

.btn-whats img {margin-right: 0px;}


}