.logo {
	text-align: center;
	margin-top: 40px;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	font-size: 60px;
	color: #4d4d4d;
}

.logo2 {
	text-align: center;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	color: #4d4d4d;
}

ul.menu li {
	display: inline-block;
	position: center;
	padding-right: 50px;
	padding-top: 20px;
	font-family: 'Oswald', sans-serif;
}

.line {
	line-height: 1;
	position: relative;
	color: black;
}

.line:hover {
	text-decoration: none;
}

.line:after {
	display: block;
	content: "";
	height: 3px;
	width: 0%;
	background-color: #ff8400;
	left: 50%;
	position: absolute;
	-webkit-transition: width .1s ease-in-out;
	-moz--transition: width .1s ease-in-out;
	transition: width .1s ease-in-out;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.line:hover:after,
.line:focus:after {
	width: 100%;
}

.menu {
	text-align: center;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
}

.block-container {
	position: relative;
	float: left;
	margin: 1px;
}

.block-container,
.block-container div,
.block-container img {
	width: 350px;
	height: 350px;
}

.block-container div,
.block-container img {
	position: absolute;
}

.block-container img {
	z-index: 1000;
}

.block-container video {
	margin: 1px;
}

.block-front {
	z-index: 1001;
	background-color: white;
	transition: all 0.4s ease-in-out 0s;
	opacity: 0;
	color: black;
}

.block-front:hover {
	opacity: .8;
}

.block-front span {
	display: block;
	padding: 260px 10px 0 10px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
}

.line {
	margin-top: 40px;
}

.social {
	margin-top: 20px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

.fh {
	margin-top: 10px;
}

.copy {
	margin: 10px;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
	opacity: 50%;
}

.block-container2,
.block-container2 img {
	width: 1000px;
	height: 700px;
}

.block-container2 img {
	position: absolute;
}

.block-container2 img {
	z-index: 1000;
}

.block-container4,
.block-container4 img {
	width: 622px;
	height: 350px;
	border: 1px solid white;
	background: #c2cbd1;
}

.block-container4 img {
	position: absolute;
}

.block-container4 img {
	z-index: 455;
}

.block-container5,
.block-container5 img {
	position: relative;
	margin: 1px;
}

.block-container5 img {
	z-index: 1000;
}




@media (max-width:576px) {
	.menu {
		font-size: 2em;
	}
}

@media (min-width:576px) and (max-width:768px) {
	.menu {
		font-size: 2em;
	}
}

@media (min-width:768px) and (max-width:992px) {
	.menu {
		font-size: 1.8em;
	}
}

@media (min-width:992px) and (max-width:1200px) {
	.menu {
		font-size: 1.5em;
	}
}

@media (min-width : 1200px) {
	.menu {
		font-size: 1.3em;
	}
}


/* 576 768 992 1200 */
/* body {
		background-color: rgb(0, 0, 0);
	  } */



	  .circle {
		width: 40px;
		height: 40px;
		background: linear-gradient(#36AEE0, #1C96D1);
		border-radius: 50%;
		margin: 3em auto;
		position: relative;
	}
	
	.plane {
		position: absolute;
		width: calc(40px / 1.8);
		height: calc(40px / 2);
		left: 58%;
		top: 45%;
		transform: translate(-50%, -50%) rotate(30deg) skewX(-18deg) skewY(-6deg);
	}
	
	.wing {
		height: 100%;
		width: 50%;
		background: white;
		border-radius: .5em 0 0 .5em;
		position: absolute;
		transform: skewY(var(-10deg));
		clip-path: polygon(0 100%, 0 95%, 95% 2%, 98% 0, 150% 0, 150% 150%);
	}
	
	.right {
		left: 50.5%;
		transform: skewY(calc(-10deg)) rotateY(180deg) scaleX(1.05);
	}
	
	.left {
	
		&:before,
		&:after {
			content: "";
			position: absolute;
			border-radius: .8em .5em .5em .15em;
		}
	
		&:before {
			width: 44%;
			height: 65%;
			background: #CDE1EE;
			top: 48%;
			left: 89%;
			transform: skewY(35deg) rotate(8deg);
		}
	
		&:after {
			background: #afc5db;
			width: 26%;
			height: 25%;
			top: 87%;
			left: 101.5%;
			transform: skewY(50deg) rotate(8deg);
		}
	}