html {
	box-sizing: border-box;

}

body {
	color: Gainsboro;
	height: 100%;
	font-family: 'Raleway', sans-serif;
}

.container {
	width: 100%;
	padding: 0;
}

header {
	height: 83px;

	background-color: #26292B;
	color: Gainsboro;
	position: fixed;
	width: 100%;
	z-index: 100;
}

.nav-logo {
	width: 80px;
	padding-left: 30px;
	padding-top: 15px;
	text-align: center;
}
.nav-logo h1,
.nav-logo h2 {
	margin-bottom: 0;
	margin-top: 0;

}

.nav-logo h1 {
	font-size: 2em;
	border-bottom: 2px solid #2A93E8;
}

.nav-logo h2 {
	font-size: 1.6em;
	font-weight: lighter;
}

#menuButton {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 1.5em;
	padding-top: 15px;
	padding-right: 15px;
}

.mainNav {
	padding: 0;
	width: 100%;
	background-color: #26292B;
	margin-top: 10px;
	font-weight: lighter;
}

.mainNav li{
	border-bottom: 1px solid #52595E;
	font-size: 14px;
}

a {
	color: Gainsboro;
}


#mainPage {
	width: 100%;
	height: 100%;
	padding: 0;
	position: relative;
	top: 83px;
	background: url("/Users/jeanromero/Documents/site proto/bgphoto.jpg") center no-repeat fixed;
	background-size: cover;
	z-index: 0;
}

.posties {
	position: fixed;
	top: 35%;
	left: 20%;
	text-align: center;
	}

.posties h1 {
	padding: 10px;
	background-color: rgba(55, 64, 66, 0.8);
}

.posty1 {
	width: 250px;
}

.posty2 {
	width: 250px;
}

#skillsPage {
	position: relative;
	top: 82px;
	background-color: #26292B;
	text-align: center;
	height: 50%;
	overflow: hidden;

}

.skillIcon {
	font-size: 40px;
}



@media screen and (min-width:750px) {

	#menuButton {
		display: none;
	}


	.mainNav {
		width: 60%;
		margin-top: 0;
		text-align: center;
		padding-top: 30px;
		position: absolute;
		top: 5px;
		right: 20%;
	}

	.mainNav li {
		display: inline-block;
		border-bottom: none;
		border-right: 1px solid #52595E;
		padding-right: 40px;
		padding-left: 40px;
		font-size: 1.2em;
	}

	.mainNav li:nth-child(1) {
		border-left: 1px solid #52595E;
	}

	.posties {
		position: fixed;
		top: 35%;
		left: 10%;
		}

	.posties h1 {
		padding: 10px;
		background-color: rgba(55, 64, 66, 0.8);
	}









}