/**** General Styling *****/

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html, body, ol, ul, p, h2, h3{
	padding: 0;
	margin: 0;
}

html, body{
	height: 100%;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #3B425A;
	text-rendering: optimizeLegibility;
	font-size: 100%;
	line-height: 1.6;
	background-color: #FDFDFD;
}

ol, ul {
	list-style: none;
}

/**** Text styles ****/

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.3em;
}

a {
	text-decoration: none;
	color: #3B425A;
}

b {
	font-size: 0.9em;
}

strong {
	color: #70768A;
	font-size: 0.95em;
}

#projects h3, #contact h3, #button-container{
	text-align: center;
}

/**** Header Styling ****/

header {
	overflow: auto;
	padding-top: 30px;
	text-transform: uppercase;
	max-width: 955px; 
	margin: 0 auto;
}

header h1, header nav {
	float: left; 
	margin-left: 4%;
	margin-top: 1%;
	
}

header h1 {
	border-right: 1px solid #E3E3E3;
	padding-right: 4%;
}

header nav {
	width: 30%;
}

header ul {
	margin-top: 4px;
}

header li {
	display: inline;
	margin-left: 8%;
	transition: border-bottom 0.1s;
	-webkit-transition: border-bottom 0.1s;
}

header li:hover {
	border-bottom: 3px solid #3B425A;
}

header a:hover {
	color: #70768A;
}

/**** Main content styling ****/

#intro-area {
	background-color: #000;
	width: 100%;
	height: 350px;
	color: #FFF;
	text-align: center;
	background: url(../img/xlarge.jpg) no-repeat center;
	background-size:cover;
	margin-bottom: 35px;
}

#intro-area h2 {
	margin: 0;
	padding-bottom: 15px;
}

#description {
	font-size: 1.8em;
	padding: 30px 20% 0 0;
}

#main-content {
	max-width: 1235px;
	margin: 0 auto;
	overflow: auto;
}

.date {
	color: #8E94A7;
}

.col {
	float: right;
}

.left {
	width: 45%;
	border-right: 1px #F0EAEA solid;
	padding-right: 45px;
}

.left h3 {
	float: left;
	width: 35%;
	font-size: 1em;
}

.left ul {
	overflow: auto;
}

.left li {
	padding-bottom: 10px;
}

.left ul ul {
	padding-left: 58px;
	list-style: circle;
}

.left>ul {
	margin-bottom: 15px;
	padding-bottom: 15px;
	/* border-bottom: none; */
}

.right {
	max-width: 55%;
	padding-left: 5%;
}

.right h3 {
	font-size: 1.3em;
}

.right h3:not(:first-child) {
	padding-top: 30px;
}

.right p:not(:last-child) {
padding-bottom: 30px;
border-bottom: 1px solid #F0EAEA;
}

#projects {
	max-width: 955px;
	margin: 0 auto;
	margin-top: 40px;
}

#contact {
	max-width: 400px;
	margin: 0 auto;
	margin-top: 40px;
}

.contact-methods {
	width: 50%;
	margin: 0 auto;
}

.contact-link {
	margin-bottom: 10px;
	background-color: #1941C4;
	color: #FFF;
	text-transform: uppercase;
	border-radius: 10px;
	display: inline-block;
	padding: .8em 1.1em;

}

.contact-link:hover {

	background-color: #3B425A;
}

/* .email {
	padding: .8em 1.1em;
} */

/* .linkedin {
	padding: 0.8em 4.1em;
} */

/**** Footer styling ****/

footer {
	text-align: center;
	margin-top: 40px;
	padding-bottom: 20px;
}

/**** Form Styling ****/

input[type="text"], input[type="email"], textarea{
	font-family: inherit;
	border: 1px solid #CCC;
	font-size: 0.875rem;
	margin: 0 0 1rem 0;
	padding: 0.5rem;
	width: 100%;
}