/*Para smartphone(largura máxima de 820px)*/
@media(max-width: 820px){

	.logo{
		width: 69%;
		display: flex;
		justify-content: flex-start;
		padding-left: 50px;
	}
	.nav{
		width: 30%;
	}

	.menu{
		display: none;
		width: 400px;
		flex-direction: column;
		background: #000;
		position: absolute;
		top: 75px;
		right: 10px;
	}

	.menu li{
		width: 100%;
		padding: 20px;
		border-bottom: 1px solid #f6be27;
	}

	/*Mostrar o checkbox*/

	.menu-icon{
		display: block;
	}

	.menu-toggle:checked + .menu-icon + .menu{
		display: flex;
	}

	/*SLIDE*/
	#slide{
		height: 400px;
	}
	.slider_content{
		width: 70%;
		height: 100%;
	}

	/*DESTAQUE*/
	#destaque{
		height: 1200px;
		flex-direction: column;
	}
	#destaque .dest{
		width: 90%;
		height: 400px;
		padding: 0 5%;
		margin-bottom: 20px;
	}


	/*SOBRE*/
	#sobre{
		height: 900px;
	}
	.sobre_content{
		flex-direction: column;
	}
	.sobre_content_img, .sobre_content_text{
		width: 100%;
		height: 350px;
		margin-bottom: 20px;
	}

	/*ESTATISTIC*/
	#estatistic{
		height: 600px;
	}

	.estatistic_content{
		width: 80%;
		flex-wrap: wrap;
	}
	.estatistic_content_text{
		width: 48%;
		height: 40%;
	}

	/*SERVIÇOS*/
	#servicos{
		height: 1200px;
	}

	.servicos_content{
		flex-wrap: wrap;
	}
	.servicos_content_text{
		width: 100%;
		height: 290px;
		margin-bottom: 20px;
	}

	/*PORTFÓLIO*/
	#portfolio{
		height: 1400px;
	}
	.portfolio_img img{
		width: 49%;
	}

	/*RODAPÉ*/
	.contact_form{
		width: 90%;
	}
}

/*Para smartphone(largura máxima de 512px)*/
@media(max-width: 512px){
	.menu{
		width: 200px;
	}
	.menu li{
		width: 100%;
		padding:5px;
	}

	/*SLIDE*/
	#slide{
		height: 190px;
	}
	.slider_content{
		display: none;
	}

	/*DESTAQUE*/
	#destaque{
		height: 900px;
	}
	#destaque .dest{
		width: 100%;
		height: 270px;

	}
		.dest_content h3{
		font-size: 18px;
	}


	/*SOBRE*/
	#sobre{
		height: 800px;
	}

	/*ESTATISTIC*/
	#estatistic{
		height: 1000px;
	}

	.estatistic_content{
		width: 80%;
		flex-wrap: wrap;
	}
	.estatistic_content_text{
		width: 100%;
		height: 200px;
	}

	/*PORTFÓLIO*/
	#portfolio{
		height: 2600px;
	}
	.portfolio_img img{
		width: 100%;
	}

	/*FEED*/
	#feed{
		width: 100%;
		height: 400px;
	}
	.feed_content{
		width: 70%;
		height: 100%;
		flex-wrap: wrap;
	}

	.feed_content_text{
		width: 100%;
	}
		.feed_content_btn{
			width: 100%;
		}

}