body { background-color:#005f4a; color:#fff; font-size:16px; font-family:'Lato', sans-serif; }
.main-content { height:100vh; }
#logo { position: absolute; bottom: 3em; left: 50%; transform: translateX(-50%); width: 30%; }
.deco-image { position:absolute; top:0; right:0; left:0; bottom:0; margin:0; background-scroll: scroll; background-position:center; background-repeat:no-repeat; background-size:cover; }
.deco-image img { max-width:100%; max-height:100%; opacity:0; }
.coming-soon { font-size: 10em; text-transform: uppercase; line-height: 1em; margin-bottom: 0.2em; font-weight: 900; text-align:left; }
.welcome { text-align:left; max-width:75%;}
.welcome .main-title { font-size: 1.5em; text-transform: uppercase; letter-spacing: 4px; border-bottom: 2px solid; padding: 1em 0; margin: 1em 0;}
.welcome a { display:block; position:relative; font-size:2em; text-decoration:none; color:#fff; letter-spacing: 4px; text-transform:uppercase; transition:all 0.2s ease-in; }
.welcome a:hover { color: #005f4a; background:#fff;}
.text-container, .image-container{ height:100%; }

@media screen and (max-width:1699px){
	.coming-soon { font-size:8em; }
}

@media screen and (max-width:1399px){
	.coming-soon{ font-size:6em; }
	.welcome { text-align: left; max-width: 85%; }
}

@media screen and (max-width:991px){
	.main-content { height:auto; }
	.text-container { height:auto; }
	.image-container { height:50vh; }
	.welcome { max-width: 90%; margin: 2em auto; }
}

@media screen and (max-width:575px){
	.coming-soon { font-size: 4em; }
	.welcome { max-width: 100%;	margin: 2em auto; }
}

@media screen and (max-width:450px){
	.coming-soon { font-size: 2.5em; }
	.welcome .main-title{ font-size:1.4em; }
	.welcome a { font-size:1.6em; }
}