@media(min-width:1200px) {
	.menu {
		display: inline-flex;
	}

	.menu li {
		margin-left: 2rem;
	}

	.menu a {
		font-size: 1.125rem;
		color: #fff;
		transition: 0.5s
	}

	.menu a:hover {
		color: #FFE8B5
	}

	.menu .social {
		margin-left: 1rem;
	}

	.menu .social:hover img {
		transform: scale(1.1)
	}

	.tar-xl {
		text-align: right;
	}






	.sec1 {
		min-height: 100vh;

	}

	.over-1 {
		opacity: 0.1;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: url(../img/bg1.jpg) 50% /cover no-repeat;
	}

	.over-2 {

		position: absolute;
		width: 70%;
		right: 0;
		top: 0;
		bottom: 0;
		background: url(../img/bg2.jpg) 50% /cover no-repeat;
		opacity: 0.4
	}

	.over-2:after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		content: "";
		background: linear-gradient(90deg, #16191F 10%, transparent);
	}

	.bottom {
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
	}

	.over-4 {

		position: absolute;
		left: 0;
		width: 80%;
		top: 0;
		bottom: 0;
		background: url(../img/bg3.jpg) 50% /cover no-repeat;
		opacity: 0.4
	}

	.over-4:after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		content: "";
		background: linear-gradient(-90deg, #16191F 10%, transparent);
	}

	.over-5 {

		position: absolute;
		right: 0;
		width: 80%;
		top: 0;
		bottom: 0;
		background: url(../img/bg4.jpg) 100% /cover no-repeat;
		opacity: 0.4
	}

	.over-5:after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		content: "";
		background: linear-gradient(90deg, #16191F 10%, transparent);
	}

}



@media(max-width:1199px) {

	body,
	html {
		font-size: 14px;
	}

	.h-3 {
		height: 3.5rem;
	}

	.tac-lg {
		text-align: center;
	}

	.menu-icon {
		margin-left: 1.5rem;
		width: 2rem;
		height: 1.5rem;
		display: inline-block;
		position: relative;
		cursor: pointer;

	}

	.menu-icon:after {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		content: "";
		border-top: 2px solid #fff;
		transition: 0.5s
	}

	.menu-icon:before {
		height: 100%;
		transform: translateY(-50%);
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		content: "";
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transition: 0.5s
	}

	.menu-icon.active:before {
		height: 0;
		border-top: 0px solid #fff;
		transform: translateY(-50%) rotate(-45deg);
	}

	.menu-icon.active:after {
		transform: translateY(-50%) rotate(45deg);
	}


	.menu {
		position: fixed;
		background: #16191F;
		left: 0;
		right: 0;
		top: 0;
		min-height: 100vh;
		padding-top: 5rem;
		transition: 0.5s;
		transform-origin: 50% 0;
		perspective: 600px;
		transform: rotateX(90deg);
	}

	.menu.active {
		transform: rotateX(0);

	}

	.menu li {
		text-align: right;
	}

	.menu a {
		color: #fff;
		font-size: 1.5rem;
		padding: 0.75rem;

	}

	.over-1 {
		opacity: 0.3;
		height: 400px;
		background: linear-gradient(transparent 90%, #16191F), url(../img/bg1.jpg) 50% /cover no-repeat;
		margin-bottom: -5rem;
	}

	.over-2 {
		opacity: 0.3;
		height: 400px;
		background: linear-gradient(transparent 90%, #16191F), url(../img/bg2.jpg) 50% /cover no-repeat;
		margin-bottom: -5rem;
	}

	.over-4 {
		opacity: 0.3;
		height: 400px;
		background: linear-gradient(transparent 90%, #16191F), url(../img/bg3.jpg) 50% /cover no-repeat;
		margin-bottom: -5rem;
	}

	.over-5 {
		opacity: 0.3;
		height: 400px;
		background: linear-gradient(transparent 90%, #16191F), url(../img/bg4.jpg) 50% /cover no-repeat;
		margin-bottom: -5rem;
	}

	.fz-35 {
		font-size: 3rem;
	}

	.fz-6 {
		font-size: 4.5rem;
	}

	.fz-18 {
		font-size: 1.4rem;
	}



	.fz-15 {
		font-size: 1.4rem;
	}
}