body	{
	background-color: #fff;
	font-family: Verdana;
	font-size: 10pt;
	margin: 0;
}

.clear	{
	clear: both;
}

p	{
	margin: 0;
	font-family: Verdana;
	font-size: 9pt;
	color: #333;
}

a 	{
	color: #333;
}

a:hover	{
	color: #f7b733;
}

a:visited 	{
	color: #333;
}

a:focus 	{
	color: #333;
}

ul	{
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 	{
	padding: 0;
	margin:0;
	font-family: Verdana, Serif;
	font-weight: normal;
}

h2	{
	font-size: 50px;
	font-weight: bold;
	color: #333;
}

h3	{
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.flexContainer	{
	display: flex;
	flex-wrap: row;
}

.button	{
	text-align: center;
}

.button a	{
	text-decoration: none;
	background-color: #f7b733;
	padding: 15px 30px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	border-radius: 25px;
}

#header	{
	padding: 20px 70px;
	background-color: #fff;
}

#navigation	{
	margin-left: auto;
}

#navigation ul	{
	display: block;
	padding: 40px 0px 0px 0px;
}

#navigation ul li	{
	display: inline;
	font-size: 20px;
	font-family: verdana;
	font-weight: bold;
	margin-left: 40px;
}

#navigation ul li#currentTab	{
	color: #f7b733;
}

#navigation ul li a	{
	text-decoration: none;
	
}

#navigation ul li a:hover	{
	color: #f7b733;
	transition: color 0.3s linear;
}

.hero	{
	background-size: cover;
	background-position: 0% 40%;
}

#home .hero	{
	background-image: url("images/homepageimagev5.jpg");
}

#about .hero	{
	background-image: url("images/abouthero2.jpg");
	background-position: 0% 60%;
}

#projects .hero	{
	background-image: url("images/projectshero.jpg");
}

#contact .hero	{
	background-image: url("images/contacthero.jpg");
	background-position: 0% 55%;
}

.hero .headerText	{
	padding: 100px 20px 20px 70px;
	width: 600px;
}

#about .hero .headerText	{
	width: 650px;
}

.headerText h1	{
	font-size: 50px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 30px;
}

.headerText p	{
	font-size: 17px;
	color: #fff;
	line-height: 1.4em;
}

.bodySection	{
	padding: 100px 70px 0px 70px;
}

.bodySection h2	{
	font-size: 50px;
	font-weight: bold;
	color: #333;
	margin-bottom: 30px;
}

.bodySection p	{
	font-size: 17px;
	color: #333;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.bodySection .inlineLeftImage	{
	padding-right: 100px;
}

.bodySection .inlineRightImage	{
	padding-left: 100px;
}

#contactMe	{
	margin-top: 100px;
	margin-bottom: 50px;
	padding: 100px;
	background-image: url("images/background2.png");
	background-size: cover;
}

#contactMe h2	{
	margin-top: 20px;
	color: #fff;
	text-align: center;
}

#contactMe p	{
	font-size: 17px;
	color: #fff;
	line-height: 1.4em;
	margin-bottom: 30px;
	text-align:center;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.icon	{
	text-align: center;
	padding: 20px 0px 10px 0px;
}

.icon:hover	{
	background-color: rgba(247, 183, 51, 0.8);
}

.icon a	{
	text-decoration: none;
}

#icons .flexContainer	{
	margin-bottom: 70px;
}
#icons h2	{
		text-align: center;
		margin-bottom: 30px;
}

#icons h3	{
	
}

#icons img	{
	width: 50%;
}

#moreWork ul	{
	margin: 0px 0px 0px 20px;
	padding: 0;
	list-style-image: url("images/listbullet.jpg");
	font-size: 17px;
	color: #333;
	line-height: 1.4em;
}

#projects .inline3Image1	{
	margin: 10px 0px;
}

#projects .inline3Image2	{
	margin: 10px 10px;
}

#projects .inline3Image3	{
	margin: 10px 0px;
}

#about #testimonials	{
	margin-top: 50px;
}

#about #testimonials a:hover	{
	color: #f7b733;
}

.contactDetails	{
	padding: 5px 0px 5px 0px;
	
}

.contactDetails img	{
	margin-right: 30px;
}

.contactDetails span	{
	vertical-align: super;
	font-size: 11pt;
}

.socialMedia	{
	margin-top: 50px;
}