@charset "utf-8";
@font-face{
	src: url(font/AvenirLTStd-Black.otf);
	font-family: aven;
}

@font-face{
	src: url(font/AvenirLTStd-Light.otf);
	font-family: aven-light;
}
@font-face{
	src: url(AvenirLTStd-MediumOblique.otf);
	font-family: aven-medium-ob;
}

.header{
	background-color: #2a363b;

}
.header img{
	max-width: 100px;
	margin: 1%;
}
.header p{
	font-family: aven;
	font-size: 15px;
}
.container-fluid{
	align-items: center;
}

/** -------------------- SECTION 1 ---------------**/
.section-1 img{
	max-width: 100%;
}
.section-1 p{
	width: 600px;
	transform: translateY(-800%);
	color: #fff;
	text-align: center;
	font-family: aven-medium-ob;
	font-size: 30px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
/** -------------------- END SECTION 1 ---------------**/


/** -------------------- SECTION 2 ---------------**/
.section-2{
	background-color: #30422e;
	height: 550px;
	max-width: 100%;
	display: flex;
	align-content: center;
}
.section-2 .about{
	font-family: aven-light;
	color: #f26627;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: left;	
	width: 40%;
	align-content: center;
}
/** -------------------- END SECTION 2 ---------------**/

/** -------------------- SECTION 3 ---------------**/
.section-3 img{
	max-width: 100%;
}
/** -------------------- END SECTION 3 ---------------**/

/** -------------------- SECTION 4 ---------------**/
.section-4 {
	background-color: #30422e;
	color: #f26627;
}

.item-strain{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

/**.section-4{
	margin-top: 10%;
	margin-bottom: 10%;
}**/
.section-4 .title{
	font-size: 30px;
	font-family: aven;
	margin-top: 30px;
}
.section-4 .item{
	font-size: 25px;
	font-family: aven-medium-ob;
	text-transform: uppercase;;
}
.section-4 .list-menu{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: aven-light;
	text-align: left;
}

/** -------------------- END SECTION 4 ---------------**/


/** -------------------- SECTION 6 ---------------**/
.section-6{
	background-color: #2a363b;
	height: 1500px;
}

.section-6 video{
	align-content: center;
}
.section-6 .title{
	font-family: aven;
	font-size: 30px;
	color: #fff;
	margin-bottom: 5%;
}

.section-6 i{
	color: #fff;
	font-size: 50px;
}
.section-6 p{
	font-size: 20px;
	color: #fff;
	margin-left: 20px;
}
.section-6 a{
	font-size: 20px;
	color: #fff;
	margin-left: 20px;
}
.section-6 .content-contact{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}
.section-6 .item-contact{
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 20px;
}
/** -------------------- END SECTION 6 ---------------**/
@media screen and (max-width: 600px){
	.header{
		margin-bottom: -16px;
	}
	.header img{
		max-width: 60px;
	}
	.section-2{
		height: 250px;
		max-width: 100%;
	}
	.section-2 .about{
		font-size: 8px;
	}
	.section-4 .menu{
		margin-left: 20px;
	}
	.section-4 .title{
		font-size: 20px;
	}
	.section-4 .list-menu{
		font-size: 8px;
	}
	.section-4 .item{
		font-size: 15px;
	}
	.section-6{
		height: 5000px;
	}
	.section-6 .title{
    	font-family: aven;
    	font-size: 15px;
    	color: #fff;
    	margin-bottom: 5%;
}
	.section-6 i{
		color: #fff;
		font-size: 20px;
	}
	.section-6 video{
		width: 400px;
	}
	.section-6 p{
		font-size: 10px;
		margin-left: 10px;
	}
	.section-6 a{
		font-size: 10px;
		margin-left: 10px;
	}
}
