@font-face
{
	font-family: 'Capsuula';
	src: url("/Content/Fonts/Capsuula-webfont.woff");
}

@font-face
{
	font-family: 'Avenir-Book';
	src: url("/Content/Fonts/Avenir-Book.woff");
}

@font-face
{
	font-family: 'MyriadPro';
	src: url("/Content/Fonts/MyriadPro-Regular.woff");
}

* { margin: 0; padding: 0; font-size: 1em; }
html, body{ height: 100vh; }

body { padding: 0; background-color: #101010; color: White; font-family: Avenir-Book; margin: auto; text-align:center; }
a { color: White; text-decoration: none; cursor: pointer; }
a:hover { color: White; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ol, ul, dl { margin: 1.6em 0; }
blockquote, ol, ul, dl { margin-left: 40px; }

h1, h2, h3, h4 { font-family: Segoe UI Semibold, Lucida Grande, Tahoma, Sans-Serif; font-weight: normal; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }

h1#logo { display: none; }

table { border-collapse: collapse; }
th, td { border: none 0; padding: 2px 0; font-weight: normal; text-align: left; }
table.form-table { width: 100%; }
td.first-column { width: 120px; }

img { border: none 0; }

input, select, textarea { width: 400px; font: 14px/18px Segoe UI, Lucida Grande, Tahoma, Sans-Serif; color: #383838; background-color: #f0f0f0; border: 0 none; border-radius: 2px; padding: 3px; }
textarea { height: 150px; }
input.send-button { width: 100px; margin-top: 20px; margin-left: 120px; background-color: #f0f0f0; color: #383838; border: 0 none; font-size: 1.1em; border-radius: 3px; padding: 3px; cursor: pointer; }

dl { margin: 1em 0; padding: 0;}
dt { clear: both; float: left; width: 200px; }
dd { margin-left: 200px; }

.validation-errors { margin: auto; margin-top: 20px; margin-left: 120px; color: #d00000 !important; }
.message { display: block; color: #87e03f; }
.note { font-size: 0.9em; }
.field { padding-right: 5px; color: #87e03f; }
.button { background-color: #5a5a5a; color: #ececec; padding: 0.7rem 1.3rem; text-transform: uppercase; }
.button:hover { background-color: #616161; }

form, #page, #main { height: 100%; } 

#page { position: relative; margin: auto; background: url("/Content/Images/Home/Background.jpg"); background-position: center; background-size: cover; }
#main {	height: calc(100vh - 150px); width: 55%; margin: 0 auto; display: flex; }

#content { font-size: 1.1rem; line-height: 1.9rem; margin: auto 0; padding: 1rem; }
#content img { width: 400px; height: auto; }

#coming-soon { font-family: Capsuula; font-size: 3rem; position: absolute; right: 30px; bottom: 25px; }
#coming-soon p { margin: 0; }

#footer { font-family: MyriadPro; padding: 1rem; }
#footer p { margin: 0;}

.center { text-align: center; }

@media screen and (max-width: 1024px)
{
	#coming-soon
	{
		font-size: 2.5rem;
	}
}

@media screen and (max-width: 900px)
{
	#main
	{
		width: 80%;
	}

	#coming-soon
	{
		font-size: 2rem;
	}
}

@media screen and (max-width: 768px)
{
	#main
	{
		margin: 0 auto;
	}

	#content
	{
		margin: 0;
	}

	#content img
	{
		width: 100%;
	}

	#coming-soon
	{
		display: none;
	}
}

@media screen and (max-width: 520px)
{
	#main
	{
		width: 100%;
	}

	#content
	{
		margin-bottom: 30px;
	}
}

@media screen and (max-height: 740px)
{
	form,
	#page,
	#main
	{
		height: initial;
	}
}