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

body{background-color:rgba(128,139,126,1.00)}




#main_menu{width: 1180px;
	height: 45px;
	background:rgba(255,251,224,1.00);
	color:rgba(164,39,78,1.00);
	margin: 5px auto;
	padding: 10px;
	font-size: 35px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	text-align: center;
	}

#main_menu a {
	margin: 0 20px;
	text-decoration: none;
	color:rgba(128,139,126,1.00);
}

#main_menu a:hover {
	text-decoration: underline;
	color:rgba(114,114,114,1.00);
}


h1 {
  font-family: "Tilt Prism", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	text-align: center;
	font-size: 72px;
	margin-top: 0px;
	color:rgba(255,255,255,1.00);
  font-variation-settings:
    "XROT" 0,
    "YROT" 0;
}

h2 {
	  font-family: "Spectral";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	text-align: center;
	font-size: 60px;
	margin-bottom: 0px;
	color:rgba(255,255,255,1.00);
  font-variation-settings:
    "XROT" 0,
    "YROT" 0;	
}

p {
	  font-family: "Noto Sans";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	text-align: center;
	font-size: 28px;
	margin-top: 0px;
	color:rgba(255,255,255,1.00);
  font-variation-settings:
    "XROT" 0,
    "YROT" 0;	
}

.logo_container{width: 200px;
				height: 200px;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 0px;}

.button{align-content: center;
}

.row{width: 1200px;
	height: 400px;
	background: rgba(255,251,224,1.00);
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.title_excerpt{
	width: 1200px;
	height: 200px;
	background: rgba(114,114,114,1.00);
	margin: 0px auto;
}

.header_row{width: 1200px;
			height: 300px;
			background: rgba(167,5,8,1.00);
			margin-bottom: 25px;
			margin-left: auto;
			margin-right: auto;
			
}

.header_box{width: 580px;
			height: 300px;
			background-color:rgba(255,251,224,1.00);
			float: left;
			padding: 10px;
}

#headshot_box{width: 312px;
				height: 300px;
				margin-left: 134px;
				background: url("../images/headshot.jpeg")}


.examples{width: 300px;
		height: 300px;
		float: left;
		background-color:rgba(255,251,224,1.00);
		margin-top: 50px;}

.examples3{width: 400px;
		height: 300px;
		float: left;
		background-color:rgba(255,251,224,1.00);
		margin-top: 50px;}

.example_after_effects{width: 400px;
		height: 300px;
		float: left;
		background-color:rgba(255,251,224,1.00);}


#footer{width: 100%;
			height: 250px;
			background:rgba(114,114,114,1.00);
			margin-left: auto;
			margin-right: auto;
			margin-top: 250px;
			padding-top: 10px;
}



/*
#footer_content{width: 1200px;
				height: 250px;
				margin: 20px auto;}

*/