@charset "utf-8";
/* CSS Document */

body {
	padding: 0;
	margin: 0;
}

html {
	scroll-behavior: smooth;
}

.nav {
	font-family: open sans;
	font-size: 28px;
	font-weight: 300;
	letter-spacing: .2px;
	color:#7F7F7F;
	background-color: rgba(255,255,255,0.90);
	position: fixed;
	width: 100%;
	top: 0;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 9999;
	text-decoration: none;
}


a {
	text-decoration: none;
	color: #FAA61A;
}

a:link {
	color: #FAA61A;
}

a:hover {
	color: #44ADE2;
	transition: 0.3s; 
}

a:active {
	color:#FAA61A;
}


#logo {
	top: 0;
}

h1 {
	font-size: 45px;
	font-family: open sans;
	font-weight: 300;
	letter-spacing: .2px;
	line-height: 50px;
	color:#7F7F7F;
	padding: 25px;
	padding-right: 25px;
}



h2 {
	font-size: 32px;
	font-family: open sans;
	font-weight: 300;
	letter-spacing: .2px;
	line-height: 40px;
	color: #7f7f7f;
	padding: 25px;
	padding-right: 25px;
}

h3 {
	font-size: 25px;
	font-family: open sans;
	font-weight: 300;
	letter-spacing: .2px;
	line-height: 32px;
	color: #7f7f7f;
	padding: 25px;
	padding-right: 25px;
}

p {
	font-size: 14px;
	font-family: open sans;
	font-weight: 300;
	letter-spacing: .2px;
	line-height: 20px;
	color: #7f7f7f;
	padding: 25px;
	padding-right: 25px;
}

#portfolio_parent {
	width: 100%;
	display: flex;
}

.portfolio_tile {
	width: 33.1%;
	padding: .1%;
	height: auto;
	float: left;
}


.portfolio_buttons {
	padding: 0px;
	margin: 0px;
}

.hover_button {
	padding: 0;
	width: 100%;
	height: auto;
}

.body_content {
	padding-right: 200px;
}

.two_column {
	display: flex;
}

.left_column {
	float: left;
	width: 50%;
	padding-right: 10%;
}

.right_column {
	float: left;
	width: 40%;
}

#contact {
	padding-top: 100px;
}


.video_full {
	width: 100%;
}


@media (max-width: 1448px){
	.nav {
		font-size: 24px;
	}	
	
	
	.body_content {
	padding-right: 50px;
}
	
}

@media (max-width: 1024px){
	
	.portfolio_tile {
	width: 49.8%;
	height: auto;
	padding: .1%;
	float: left;
	}
	
}

@media (max-width: 750px){
	.nav {
		font-size: 16px;
	}
	
	
	h1 {
		font-size: 30px;
		line-height: 32px;
		padding-right: 50px;
	}
	
	h2 {
		font-size: 24px;
		line-height: 30px;
		padding-right: 50px;
	}
	
	h3 {
		font-size: 18px;
		line-height: 24px;
		padding-right: 50px;
	}
	
	p {
		font-size: 12px;
		line-height: 16px;
		padding-right: 25px;
	}
	
	#logo {
		width: 75%;
	}
	
	#portfolio_parent {
	width: 100%;
	display: flex;
}
	
	.portfolio_tile {
	width: 100%;
	height: auto;
	padding-bottom: .5%;
	float: left;
	}
	
	.body_content {
	padding-right: 25px;
}
	
	.two_column {
	display: block;
}
	
	.left_column {
	float: left;
	width: 90%;
}

.right_column {
	float: left;
	width: 90%;
}
	
}