html {
	-webkit-font-smoothing: antialiased;
}

body {
	margin: 0;
}
.top-navigation {
	background-color: #fff;
	diplay: inline;
	font-family: 'Roboto', sans-serif;
	font-weight: 300; 
	font-size: 1em; 
	letter-spacing: 0.03em;
	position: fixed;
	z-index: 1020;
	width: 100%;
	box-shadow: 0 1px 4px #efefef;
}

.top-navigation > .content {
	width: 58em;
	height: 70px;
	margin: 0 auto;
}

.logo {
	padding-top: 0.6em;
	margin-bottom: 0;
	margin-top: 0;
}

.logo a {
	font-weight: 400;
	color: #cf6d38;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0;
	font-size: 1.4em;
	text-decoration: none;
	}

.logo a span {
	font-weight: 300;
}

.links {
	float: right;
	margin-top: 1.6em;
	}

.links li {
	list-style-type: none;
	display: inline;
	margin-left: 1.5em;
}

.links a:link,
.links a:visited {
	text-decoration: none;
	color: #939393;
}

.links a:hover {
	color: #cf6d38;
	font-weight: 400;
}

.links .active_link {
	font-weight: 400;
	text-decoration: underline;
}

.jumbotron_index {
	background-image: url("../images/desk.png");
}

.jumbotron_portfolio {
/*	background-image: url("https://unsplash.imgix.net/photo-1416339411116-62e1226aacd8?q=75&fm=jpg&s=46e3b4d10d40639eb70af560cffb13fb");
*/	background-image: url("../images/succulents.png");
}

.jumbotron_about_me {
/*	background-image: url("https://ununsplash.imgix.net/35/BIR62RGGjGxN5nrbnzwu_3.jpg?q=75&fm=jpg&s=8a51d1e4b7685ecb5c2bd4a1fd629d11");
*/	background-image: url("../images/book.png");
}

.jumbotron_contact {
/*	background-image: url("https://unsplash.imgix.net/1/bag-and-hands.jpg?q=75&fm=jpg&s=473273aff6797b4bbf930092359a9564");
*/	background-image: url("../images/meeting.png");
}

.jumbotron_index,
.jumbotron_portfolio,
.jumbotron_about_me,
.jumbotron_contact {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 34rem;
	text-align: center;
	color: #d1a65c;
	overflow: auto;
	xpos ypos: 50% 50%;
}

.jumbotron_index img,
.jumbotron_portfolio img,
.jumbotron_about_me img,
.jumbotron_contact img {
	margin-top: 5.3em;
	height: 28em;
}

.introduction {
	background-color: #fff;
	height: 30em;
}

.introduction .content {
	width: 58em;
	margin: 0px auto;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	color: #cf6d38;
}

.introduction i, 
.services i,
.work-samples_index i,
.work-samples_porfolio i,
.contact i {
	margin-top: 1em;
}

.introduction h1,
.intro-section h1,
.origin-section h1,
.more-info-section h1,
.services h1,
.work-samples_index h1,
.work-samples_portfolio h1:first-child,
.contact h1 {
	font-size: 3.2em;
	margin-top: 0;
	margin-bottom: 0.1em;
	padding-top: 0.6em;
	font-weight: 300;
	font-family: 'Roboto Slab', serif;
}

.introduction h3 {
	font-size: 1.5em;
	margin: 0 auto;
	padding: 1em 0;
	font-weight: 300;
}

.introduction button {
	width: 9em;
	background-color: #cf6d38;
	border: 1px solid #fff;
	padding: 1em 1.5em;
	margin-top: 0.7em;
	font-size: 1.3em;
	border-radius: 1em;
}

.introduction button a,
.contact button a,
.work-samples_index button a {
	color: #fff;
	text-decoration: none;
}

.services {
	background-color: #fff;
	height: 29em;
}

.services .content {
	width: 58em;
	margin: 0 auto;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	color: #67854c;
}

.type-of-service {
	margin: 0px auto;
	width: 921px;
	width: 738px;
	padding: 0;
}

.type-of-service li {
	list-style-type: none;
	width: 33.333333333%;
	float: left;
	display: inline-block;	
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.type-of-service i {
	margin-top: 0.4em;
}

.type-of-service h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400; 
	font-size: 26px;
}

.type-of-service:after {
	content: "";
	display:table;
	clear: both;
}

.work-samples_index {
	background-color: #fff;
	height: 39em;
}

.work-samples_portfolio {
	background-color: #fff;
	height: 75em;
}
.work-samples_index .content,
.work-samples_portfolio .content {
	width: 921px;
	margin: 0px auto;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	color: #373a40;
}

.work-samples_index ul,
.work-samples_portfolio ul {
	padding: 0;
}

.work-samples_index li,
.work-samples_portfolio li {
	list-style-type: none;
	width: 33.333333%;
	float: left;
	display: inline-block;
	margin: 20px 0;
	padding: 0;
}

.sample-work-pictures {
	content: "";
	display:table;
	clear: both;
}

.work-samples_portfolio .web_pics {
	padding-top: 0;
	font-size: 3.2em;
	margin-top: 0;
	margin-bottom: 0.1em;
	font-weight: 300;
	font-family: 'Roboto Slab', serif;
}

.work-samples_portfolio h3 {
	font-size: 1.5em;
	margin: 0 auto;
	padding: 0.25em 0;
	font-weight: 300;
	color: #cf6d38;
}

.work-samples_index button {
	width: 13em;
	background-color: #373a40;
	border: 1px solid #fff;	
	padding: 1em 1.8em;
	font-size: 1.1em;
	color: #fff;
	margin-top: 1em;
	margin-bottom: 3em;
	border-radius: 1em;
}

.work-samples_index img,
.work-samples_portfolio img {
	border-bottom: 16px solid #cf6d38;
}

.work-samples_index a:hover,
.work-samples_portfolio a:hover {
	opacity: 0.5;
}

.contact {
	background-color: #fff;
	height: 27em;
}

.contact .content {
	width: 921px;
	margin: 0px auto;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #536652;
}

.contact h3 {
	font-size: 1.5em;
	margin: 0 auto;
	padding: 1em 0;
	font-weight: 300;
}

.contact button {
	width: 10em;
	background-color: #536652;
	border: 1px solid #fff;
	padding: 1em 1.8em;
	font-size: 1.1em;
	color: #fff;
	margin-bottom: 3em;
	border-radius: 1em;
}

.social {
	background-color: #cf6d38;
	color: #fff;
/*	color: #d1a65c;
*/	height: 10em;
}

.social .content {
	width: 921px;
	margin: 0 auto;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

.social .icons {
	padding: 0;
}
.social li {
		list-style-type: none;
		display: inline-block;
		margin: 0 20px;
		border: 1px solid #fff;
		height: 40px;
		width: 40px;
		border-radius: 45px;
		line-height: 42px;
}

.social h5 {
	font-weight: 400; 
	font-size: 16px;
	margin-top: 0;
	padding-top: 1.5em;
}

.social i {
color: #fff;
}

.copy {
	font-weight: 300;
	font-size: 14px;
	color: #fff;
}

.intro-section .content,
.origin-section .content,
.more-info-section .content {
	width: 921px;
	margin: 0px auto;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	color: #373a40;
}

.intro-section h1,
.origin-section h1,
.more-info-section h1 {
	font-size: 3.2em;
	margin-top: 0;
	margin-bottom: 0.1em;
	padding-top: 0.6em;
	font-weight: 300;
	color: #67854c;
}

.intro-section h2,
.origin-section h2,
.more-info-section h2 {
	font-size: 2em;
	margin: 0 auto;
	padding-top: 1em;
	font-weight: 300;
	color: #67854c;
	font-style: italic;
}

.intro-section h3,
.origin-section h3,
.more-info-section h3 {
	font-size: 1.5em;
	margin: 0 auto;
	padding: 1em 0;
	font-weight: 300;
}

.intro-section {
	margin-top: 2em;
}

.more-info-section {
	margin-bottom: 3.5em;
}

.solid_line {
	border-top: 1px solid #A2AEB6;
	width: 921px;
}

.contact_form .content {
	width: 400px;
	text-align: left;
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
}

form {
    margin: 2em auto;
    width: 400px;
    padding: 1em;
}

form div + div {
    margin-top: 1em;
}

.contact_form h1 {
	font-size: 3.2em;
	margin-top: 0;
	margin-bottom: 0.1em;
	padding-top: 0.6em;
	font-weight: 300;
}

label {
    display: inline-block;
    width: 90px;
	margin: 0.5em 0;
}

input, textarea {
    font: 1em sans-serif;
    width: 400px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
}

input:focus, textarea:focus {
    border-color: #000;
}

textarea {
    vertical-align: top;
    height: 5em;
    resize: vertical;
}

.contact_form .button {
    padding-left: 0px;
}

.button button {
    width: 14em;
	background-color: #536652;
	border: 1px solid #fff;
	padding: 1em 1.8em;
	font-size: 1.1em;
	color: #fff;
	margin-bottom: 1em;
	border-radius: 1em;
}

.thanks {
	font-size: 3.2em;
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: 300;
	font-family: 'Roboto Slab', serif;
	text-align: center;
	color: ;
}

.hidden {
	display: none;
}