@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;900&display=swap');

*{
	margin:0;
	padding:0;
}

html{
	background-color:#2A414A;
}

body{
	width:100%;
	display:flex;
	justify-content: center;
}
img{
	width:100%;
}
div{
	font-family: Roboto;
	font-style: normal;
	font-weight: 100;
	color: #FFFFFF;
}
.outer_wrapper{
	width:100%;
	max-width:650px;
	height:95vh;
}
.coming_soon{
	   width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: 100;
	font-size: 28px;
	line-height: 25px;
	/* or 89% */
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
}
.inner_wrapper{
	width:calc(100% - 40px);
	margin-left:20px;
	margin-top: 20vh;
	margin-bottom:20px;
}
.inner_wrapper_row{
	display:flex;
	margin-top:20px;
	align-items: flex-end;
	justify-content: flex-end;
}
.inner_wrapper_row p{
	font-family: Roboto Slab;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	text-align: right;
	color: #FFFFFF;
	text-transform: uppercase;
}
.inner_wrapper_info{
	width:calc(100% - 40px);
	margin-right:20px;
	text-align: right;
}
.inner_wrapper_info a{
	text-decoration: none;
	color:#fff;
}
.inner_wrapper_icon{
	width:20px;
}
.tv_tower{
	width:25%;
	max-width:150px;
	margin-bottom: -5px;
	position:fixed;
	bottom:-5px;
	left:10px;
}
@media (min-width: 650px) {
	.inner_wrapper {
		max-width: 390px;
	}	
	.tv_tower{
		left:10%;
	}
}

@media (max-width: 500px) {
	.outer_wrapper{
		overflow:hidden;
		height:88vh;
	}	
	
}