@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.25; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

@font-face {
	font-family: 'Proxima Nova Light';
	src: url('../fonts/hinted-ProximaNova-Light.eot');
	src: local('Proxima Nova Light'), local('ProximaNova-Light'),
	url('../fonts/hinted-ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/hinted-ProximaNova-Light.woff') format('woff'),
	url('../fonts/hinted-ProximaNova-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Proxima Nova Regular';
	src: url('../fonts/hinted-ProximaNova-Regular.eot');
	src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
	url('../fonts/hinted-ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/hinted-ProximaNova-Regular.woff') format('woff'),
	url('../fonts/hinted-ProximaNova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html, body{
	height:100%;width:100%; background-color: #fefefe;
}

body{
	margin:0;padding:0;font-size:16px;font-family: "Proxima Nova Light","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-weight: 100;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 100;
}

#wrapper{
	height:100%;width:100%; transform: translateY(75px); opacity: 0; color: #3b3d3f;
	padding: 60px 0;
}
body.no-js #wrapper{
	transform: none; opacity: 1;
}
body.ready #wrapper{
	transform: translateY(0); opacity: 1;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

#content{
	text-align:center;width:90%;max-width: 1440px; margin: 0 auto; padding: 60px;

	background: white;
	width: 600px;
	border-radius: 4px;
	box-shadow: 0 0 30px rgba(0, 0, 0, .1);
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
}
#content h1{
	margin:0 auto 40px;
}
#content h1 img{
	height: auto; width: 200px; max-width: 100%;
}
#content h3{
	margin:0 auto;font-size:1.5em;
}
#content a{
	color:#3b3d3f;text-decoration:none;position:relative;display: inline-block;
}
#content a:hover{
	text-decoration:none;
}
#content a::after{
	content: '';width: 0;display: block;border-width: 0 0 2px;border-style: solid;position: absolute;left:0;bottom:-5px;
	-webkit-transition: width 0.1s linear;
	-moz-transition: width 0.1s linear;
	-o-transition: width 0.1s linear;
	transition: width 0.1s linear;
}
#content a:hover::after{
	width: 100%;
}
#content #description {
	overflow: auto;
}
#content #description p {
	float: left; width: 50%; margin: 100px 0 0; padding:0 7%; font-size:1.25em; text-align: left;
}
#content #description p a {
	color: rgb(153,115,74); font-family: "Proxima Nova Regular","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif; padding-left: 25px;
}
#content #description p .arrow {
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; margin-right: 5px; position: absolute; top: -2px; left: 0;
}

@media (min-width:821px) {
	#content #description p:first-child {
		border-right: 1px solid #e1e3e5;
	}
	#content #description p:last-child {
		border-left: 1px solid #e1e3e5; margin-left:-1px;
	}
}

::-moz-selection { background: rgba(153,115,74,0.5); }
::selection { background: rgba(153,115,74,0.5); }

@media (max-width:1080px) {
	#content{top:calc(50% - 49px)}
	#content h1{font-size:5em}
	#content h3{font-size:1.3em}
	#content #description p {font-size:1.15em}
}
@media (max-width:820px) {
	body, h1, h2, h3, h4, h5, h6{font-weight: 300}
	#content h1{font-size:3.5em}
	#content h3{font-size:1em}
	#content #description p {font-size:1em; margin-top: 100px; width: 100%;}
	#content #description p + p {margin-top: 75px;}
}
@media (max-width:580px) {
	#content h1{font-size:2.8em}
}
@media (max-width:480px) {
	#content h1{font-size:2em}
}
@media (max-width:380px) {
	#content h1{font-size:1.8em}
	#content p{font-size:0.8em}
	#content h3{font-size:0.8em}
	#content #description p {font-size:0.8em}
}

.form-group {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 margin: 0 0 20px;
}
.form-group:last-child {
	margin-bottom: 0;
}
.form-group label {
	 display: block;
	 color: rgba(0, 0, 0, 0.6);
	 font-size: 12px;
	 font-weight: 500;
	 line-height: 1;
	 text-transform: uppercase;
	 letter-spacing: 0.2em;
	 width: 100%;
}
.form-group input,
.form-group textarea {
	 outline: none;
	 display: block;
	 background: rgba(0, 0, 0, 0.1);
	 width: 100%;
	 border: 0;
	 border-radius: 4px;
	 box-sizing: border-box;
	 padding: 12px 20px;
	 color: rgba(0, 0, 0, 0.6);
	 font-family: inherit;
	 font-size: 16px;
	 font-weight: 500;
	 line-height: inherit;
	 transition: 0.3s ease;
	 margin-top: 10px;
}
.form-group input:focus {
	 color: rgba(0, 0, 0, 0.8);
}
.form-group button {
	 outline: none;
	 background: #0082c9;
	 width: 100%;
	 border: 0;
	 border-radius: 4px;
	 padding: 12px 20px;
	 color: #fff;
	 font-family: inherit;
	 font-size: inherit;
	 font-weight: 500;
	 line-height: inherit;
	 text-transform: uppercase;
	 cursor: pointer;
}