body, html {background-color: #f9faf9; height: 100%; margin: 0; padding: 0; color: #003e6a; font-size: 1.2em; font-family: verdana, arial, tahoma;}

*, ::after, ::before {box-sizing: border-box;}

.flex-container {width:100%; height:80%; display:flex; justify-content:center; align-items:center;}
.flex-container img {width:auto; height: auto;}

.box {text-align: center; justify-content: center;}
.flex-item {}
h1 {color: #003e6a; line-height: 1em; font-size: 1.4em; font-weight: normal; margin: 0; padding: 0;}
p {color: #a4a4a4; line-height: 1em;}
p.signature {font-size: 0.7em}
p.soon {margin: 60px 0; font-size: 0.8em;}
a, a:link, a:visited {color: #003e6a; text-decoration: none;}
a:active, a:hover, a:focus {color: #003e6a; text-decoration: underline;}

@media screen and (min-width: 768px) {
	body {height:100%;}
	p {font-size: 1em;}
	.flex-container {height:100%;}
}