*, ::after, ::before {
    box-sizing: border-box;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
body {
	background: black; 
	color: white; 
	font-family: 'Montserrat', sans-serif; 
	font-weight: 400; 
	font-size: 16px; 
	line-height: 1.25; 
	text-align: center; 
	margin: 0;
	padding: 0; 
}
.container {
	max-width: 100%; 
	padding-left: 15px; 
	padding-right: 15px;
	margin: 0 auto; 
} 
h1 {
	margin: 50px 0 0 0; 
}
.logo {
	margin: 0 auto; 
	display: block; 
}
.message {
	font-size: 39px; 
	margin: 0 0 50px;
	font-weight: 200;  
}
.info {
	font-size: 25px; 
	margin: 0 0 50px;
}
.info a { 
	color: white; 
	text-decoration: none; 
	background-image: linear-gradient(#fff 0 0);
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .3s, background-position 0s .3s; 
} 
.info a:hover {
	text-decoration: none;
    background-position: 100% 100%;
    background-size: 100% 1px;  
}
@media (min-height: 480px) {
	.main {
		height: 100vh; 
	}	
} 
@media (max-width: 1024px) { 
	.logo {
		max-width: 300px; 
	} 
	h1 {
		margin-bottom: 0; 
	}
}
@media (max-width: 991px) { 
	.message {
		font-size: 28px; 
	} 
	.info {
		font-size: 21px; 
	}
}
@media (max-width: 767px) { 
	h1 {
		margin-bottom: 0; 
	}
	.message {
		font-size: 21px; 
	} 
	.info {
		font-size: 16px; 
	}
}