@media only screen and (max-width: 979px){
	.menu-top{padding: 10px 20px;}
	.menu-top .title{padding-top: 5px;}
		.menu-top .title .fe{
			float: left;
			padding-top: 3px;			
		}

	.menu-open .menu-left{
		left: 0;
		width: 80vw;
		padding-top: 40px;
		height: 100vh;
		overflow: auto;
	}

	.slide-mobile-contente{
		padding-left: 90vw !important;
		white-space: nowrap !important;	
	}

	#home{
		padding: 70px 20px;
		width: 100vw;
	}

	.logo-home, .logo-home:hover{
		width: 100vw;
		text-align: center;
		right: 0;
		bottom: 30px;
		background: none;	
		position: fixed;	
	}
		.logo-home img{
			display: inline-block;
			width: 145px;
			background: #000;
		}

	body.menu-close .menu-left{left: -650px;}

	.itens-slide img{
		width: initial;
		height: 250px;
		min-width: initial;
	}


	.itens-slide{overflow: auto;}


	#about{
		height: 70vh;
		overflow: initial;
		margin: 70px -30px 0 -30px;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 0 5px;
	}
	#about h1{min-width: auto}

	.menu-close .content-site{}

	#about .img-about{
		float: none;
		margin: 15px auto
	}

	#about .col-2{
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	#about .col-10{
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;		
	}
}