@import url("https://fonts.googleapis.com/css?family=Roboto:400");
@import url("https://fonts.googleapis.com/css?family=Roboto:500");
@import url("https://fonts.googleapis.com/css?family=Roboto:700");

body {
	background: linear-gradient(180deg, #007C9F 0%, #003848 100%);
	background-attachment: fixed;
	font-family: Roboto, "Century Gothic", Verdana, Arial;
	font-size: 14px;
	color: #434343;
	overflow: hidden;
	scrollbar: none;
}

.center {
   width: 435;
   height: 300px;
   position: absolute;
   left: 50%;
   top: 50%; 
   margin-left: -217px;
   margin-top: -200px;
}

#logo {
	text-align:center;
	padding-bottom: 56px;
}

#content {
	background-color: white;
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	padding: 20px;
	height: 140px;
}

#content .message {
	padding-top: 50px; /* hardcoding based on length of message */
	font-size: 16px;
	line-height:20pt;
	font-weight:bold;
	text-align:center;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   
   text-align: center;
   color: white;
   font-size: 12px;
}

#footer a {
	color: white;
}