@font-face {
    font-family: 'Alte Haas Grotesk';
    src: url('/fonts/AlteHaasGrotesk.woff2') format('woff2'),
        url('/fonts/AlteHaasGrotesk.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alte Haas Grotesk';
    src: url('/fonts/AlteHaasGrotesk_Bold.woff2') format('woff2'),
        url('/fonts/AlteHaasGrotesk_Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
} 
html,
body{
	height:100%;
}
body{
	margin:0;
	padding:0;
	text-align:center;
	min-height: 100%;
}
.under_construction{
	width:100%;
	height:100%;
	background:url("/images/BG.jpg") center/cover no-repeat;

	padding-top:2rem;
}
.under_construction .logo{
	max-width:200px;
	display:block;
	margin:0 auto;
}
.under_construction .sticle{
	max-width:240px;

}
.under_construction h1{
	font-family: 'Alte Haas Grotesk';
	font-weight:bold;
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
}
.under_construction .loading{
	max-width:70px;
}