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

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

h1{
	color:#eac72f;
	font-family:'proximasemibold';
	text-transform:uppercase;
}
h2{
	font-family:'proximasemibold';font-size:1.3em;
	text-transform:uppercase;
}
h3, p{
	font-family: 'Lato', sans-serif;font-weight:300;font-size:1em;
}
h4{ 
	font-family:'proximasemibold';
	text-transform:uppercase;
}
h5{ 
	font-family:'proximasemibold';font-size:.9em;
	line-height:1.6em;
	text-transform:uppercase;
}
p{
	font-size:1.1em;
	line-height:1.35em;
}
a{ 
	color:#000;
	text-decoration:none; 
	&:hover{ text-decoration:underline; }
}
section{
	position:relative;
	padding:1em 0;
}
.container{
	margin:0 auto;padding:0 1em;
	width:100%;max-width:1100px;
}
.small{
	max-width:600px;
}
.yellow{
	color:#eac72f;
}

form{
	label{
		padding:0 0 .3em 0;
		font-family:'proximasemibold'; font-size:.9em;
		text-transform:uppercase;
	}
	input, textarea{
		background:none;
		border:none;border-radius:0;
		resize:none;
		overflow:hidden;
		&:focus{ outline:none; }
	}
	input[type=submit]{
		padding:1em 0;
		width:100% !important;
		background:#e1b700;color:#fff;
		font-family:'proximasemibold';
		text-transform:uppercase;
		transition:.3s;
		&:hover{ background:#e1a400; }
	}
}

@media (min-width:700px){
	h1{ font-size:3em; }
	h2{ font-size:1.6em; }
	h3{ font-size:1.2em; }
	h4{ font-size:1.1em; }
}

@media (min-width:750px){
	p{ font-size:1.2em;line-height:1.45em; }
}

@media (min-width:900px){

	html, body{ height:100%;}
	h1{ font-size:4.5em; }
	h2{ font-size:1.8em; }
	h4{ font-size:1.6em; }
	p{ font-size:1.4em; }

	form{
		label{ padding:0 0 1.3em 0; }  
	}
}


@font-face {
    font-family: 'proximabold';
    src: url('/fonts/proxima-bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proximasemibold';
    src: url('/fonts/proxima-semibold.otf');
    font-weight: normal;
    font-style: normal;
}