html, body { 
	margin: 0; 
	padding: 0; 
    min-height: 100vh;
    min-width: 100wh;
    line-height: 150%;
	}

body {
	background-image: url('../images/bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	text-align: center;
	font-family: Roboto, Arial, sans-serif;
}

#logo {
	width: 200px;
	margin-bottom: 5%;
}




p {
	color: #FFF;
	font-size: 15px;
    line-height: 1;
}

a {

}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
}

h1 {
	color: #FFF;
	font-size: 24px;
    line-height: 1;
}

#bg {
  position: fixed; 
  top: 0; 
  left: 0; 

  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}

#page-content {
	padding-top: 10%;
	min-height: 600px;
}

#page-content h1 {
	margin-bottom: 5%;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	line-height: 150%;
}

@media (max-width: 575px) {
	#page-content h1 {
		width: 100%;
		font-size: 14px;
		margin-bottom: 40px;
	}
	#page-content p {
		font-size: 12px;
	}
}

#mc_embed_signup {
    background: transparent !important;
    clear: left;
    font: 14px Helvetica,Arial,sans-serif;
    width: 100%;
}

#mc_embed_signup .clear {
	display: inline-block;
	margin-left: -5px;
}

#mce-EMAIL, #mc-embedded-subscribe {
	padding: 7px;
	border-radius: 2px;
	border: 1px solid;
}

#mc-embedded-subscribe {
	background-color: #283694;
	border-color: #283694;
	color: #FFF;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	padding: 7.5px 7px;
	margin-top: 0.5px;
}

#mce-EMAIL {
	margin-top: -1px;
	border-color: #FFF;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}