.under-construct{
	background-size:cover;
	width:100%;
	height:100vh;
	position:relative;
	padding:80px;
	background-color:#f2f2f4;
	background-position:center;
	z-index:1;
	overflow: hidden;
	
	&:after{
		content:"";	
		background:#fff;
		width:100%;
		height:100%;
		position:relative;
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		background-image: url(../images/background/under-construct.jpg);
		background-position: center;
		background-size: cover;
		
		@include respond('phone'){
			opacity:0.85;
		}
	}
	@include respond('wide-desktop'){
		padding:50px;
	}
	@include respond('phone'){
		padding:20px;
	}
	.logo-header{
		height:auto;
		width: 100%;
	    margin-bottom: 20px;
		a{
			display:inline-block;
			width:180px;
		}
	}
	.dz-content{
		.dz-title{
			font-size: 90px;
			line-height: 1.2;
			margin-bottom: 10px;
			color: var(--title);
			font-family: var(--font-family-title);
			text-transform: uppercase;
			@include respond('wide-desktop'){
				font-size:70px;
			}
			@include respond('tab-land'){
				font-size:60px;
			}
			@include respond('phone'){
				font-size:40px;
			}
		}
		p{
			font-size:35px;
			font-weight:400;
			margin-bottom:0;
			line-height: 1.2;
			color:#333;
			@include respond('wide-desktop'){
				font-size:28px;
			}
			@include respond('tab-land'){
				font-size:24px;
			}
			@include respond('phone'){
				font-size:16px;
				font-weight:500;
			}
		}
	}
	.inner-box{
		height: 100%;
		width: 50%;
		@include respond('tab-land'){
			width: 100%;
		}
	}
}