@font-face {
	font-family: 'Gotham';
	src: url('fonts/GothamBold.eot');
	src: url('fonts/GothamBold.eot?#iefix') format('embedded-opentype'),
		url('fonts/GothamBold.woff') format('woff'),
		url('fonts/GothamBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Chronicle Display';
	src: url('fonts/ChronicleDisplay-Roman.eot');
	src: url('fonts/ChronicleDisplay-Roman.eot?#iefix') format('embedded-opentype'),
		url('fonts/ChronicleDisplay-Roman.woff') format('woff'),
		url('fonts/ChronicleDisplay-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
p{
	font-family: 'Arial';
	color: #282B2E;
}
.section-bg{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.entry-content {
    max-width: 780px;
    background: rgba(195, 191, 188, 0.8);
    padding: 30px;
    position: absolute;
    bottom: 0;
}
.bio-container {
    max-width: 470px;
    float: left;
}
.main-logo{
	position: fixed;
	margin: 0 auto;
	display: block;
	text-align: center;
	margin: 20px;
	left: 50px;
	z-index: 100;
	padding-bottom: 20px;
}
.right-logo{
	float: right;
	position: fixed;
	margin: 20px;
	right: 50px;
	z-index: 100;
}
.home-logo {
    float: right;
    position: relative;
    right: 170px;
    top: 170px;
}
.flexslider{
	border: 0 !important;
	margin: 0 auto !important;
}
.flex-direction-nav a{
	height: 50px !important;
}
h1 {
    font-family: 'Chronicle Display';
    position: absolute;
    top: 100px;
    font-size: 2.5rem;
    left: 100px;
    z-index: 1;
	border-bottom: 2px solid #FEBE10;
    color: #282B2E;
}
span.wpcf7-form-control-wrap.FirstName {
    float: left;
    max-width: 48%;
    width: 100%;
}	
span.wpcf7-form-control-wrap.LastName {
    float: left;
    width: 48%;
    margin-left: 4%;
}
span.wpcf7-form-control-wrap.Email {
    float: left;
    width: 100%;
}
span.wpcf7-form-control-wrap.Message{
	float: left;
	width: 100%;
}
input.wpcf7-form-control.wpcf7-submit {
    padding: 10px 20px;
    background: #FEBE10;
    border: 0;
    color: #000;
}
.fp-controlArrow {
    top: 40% !important;
}
.fp-controlArrow.fp-prev {
    opacity: 0.7;
    transition: 0.5s ease all;
    border-width: 0 !important;
    border-color: transparent !important;
}
.about:hover .fp-controllArrow.fp-prev{
	left: 20px !important;
	opacity: 1;
}
.fp-controlArrow.fp-prev:before{
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3)
}
.fp-controlArrow.fp-next {
    right: 45px !important;
    opacity: 0.7;
    transition: 0.5s ease all;
    border-width: 0 !important;
    border-color: transparent !important;
}
.about:hover .fp-controllArrow.fp-next{
	right: 20px !important;
	opacity: 1;
}
.fp-controlArrow.fp-next:before{
	font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f002';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.absolute-center{
    position: absolute;
    z-index: 1;
}
.contact-us-btn {
    background: #FEBE10;
    color: #000;
    max-width: 110px;
    padding: 10px 10px;
    margin-top: 10px;
    text-align: center;
    display: block;
}
.contact-us-btn:hover{
	cursor: pointer;
}
.quote-mark{
    max-width: 60px;
    display: block;
    left: -70px;
    position: relative;
    top: 40px;
}
a{
	border-bottom: 1px solid #FEBE10;
	color: #282B2E;
}
.headshot{
    float: left;
    margin-left: 30px;
    margin-top: 10%;
}
h2 {
    position: absolute;
    max-width: 300px;
    right: 160px;
    top: 40%;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
    font-size: 18pt;
    font-family: 'Chronicle Display';
    color: #282B2E;
    z-index: 1;
    font-weight: bold;
}
.flex-direction-nav a{
	border: none;
}
@media screen and (max-width: 768px){
	.right-logo{
		display: none;
	}
	.home-logo{
		display: none;
	}
	.absolute-center{
		position: absolute !important;
		bottom: 0;
	}
	h1 {
	    position: relative;
	    top: 0;
	    left: 0;
	    padding: 0 20px;
	}
	.entry-content{
		padding: 25px 50px;
		position: relative;
	}
	h1.projects-title{
		position: absolute;
		width: 100%;
	}
	.main-logo {
	    left: auto;
	    right: 0;
	    max-width: 100px;
	    top: 0px;
	}
	h1.requirements-title {
	    top: 0px;
	    position: absolute;
	    width: 100%;
	    font-size: 2.5rem;
	}
	h1.contact-title {
	    top: 0;
	    position: absolute;
	    width: 100%;
	}
	.headshot{
		display: none;
	}
	.bio-container{
		float: none;
	}
	h2{
		display: none;
	}
}