header,
footer,
.afterHeader{
	display: none;
}

main{
	min-height: 100vh;
	/*background-color: var(--blue);*/
	background-image: linear-gradient( 0deg, var(--blue-light) -20%, var(--blue) 50%, var(--black) 180%);
}

main .underconstruction{
	width: calc( 100% - 80px );
	max-width: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

main .underconstruction *{
	color: var(--white);
}

main .underconstruction img{
	height: 180px;
	display: table;
	margin: auto;
}

@media screen and (max-width: 700px){
	main .underconstruction img{
		height: 120px;
	}
}

main .underconstruction h2{
	text-align: center;
	margin-top: 40px;
	font-size: 2.2em;
	color: var(--orange-light);
}

@media screen and (max-width: 700px){
	main .underconstruction h2{
		font-size: 1.8em;/**/
	}
}

main .underconstruction p{
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: center;
}

@media screen and (max-width: 700px){
	main .underconstruction p{
		font-size: 1em;
		line-height: 1.3em;
	}
}

main .underconstruction a{
	font-size: 1.2em;
	display: table;
	margin: auto;
	background-color: var(--black);
	padding: 10px 30px 8px 30px;
	text-decoration: none;
	border-radius: 5px;
	margin-top: 30px;
	transition: 300ms ease;
}

main .underconstruction a:hover{
	background-color: var(--orange);
	color: var(--black);
}

main .underconstruction p a{
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	display: inline;
	background-color: unset;
	color: var(--orange-light);
}

main .underconstruction p a:hover{
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	display: inline;
	background-color: unset;
	color: var(--black);
}