body,html,.page-header,.container {padding: 0; margin: 0;}

body {
	color: Gainsboro;
}

#cover-page {
	height: 100%;
	background: url("https://static.pexels.com/photos/7108/notebook-computer-chill-relax.jpg") no-repeat fixed center;
	background-size: cover;
}

.container {
	width: 100%;
	height: 100%;
	text-align: center;
}


header .container {
	padding: 10px;

}

.main-logo {padding: 0; }

.main-logo h1, .main-logo h2 {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 25px;
	max-height: 100%;
}

.main-logo h1 { border-bottom: 1px solid #FF4947; padding-bottom: 2px; }


#cover-page {
	position: relative;
}

.posties {
	position: absolute;
	top: 30%;
	padding: 20px;

}

.posty1 ,.posty2 {
	padding: 10px;
	background-color: rgba(55, 64, 66, 0.8);

}

.posty1 {
	width: 300px;

}

.posty2 span {
	color: #FF4947;
}

#skills-page {
	background-color: #26292B;
}

.skills {
	padding: 20px;
	max-height: 100%;
}

.skills-container {
	padding-top: 30px;
	max-height: 100%;
}

#skills-page h1 {

	font-size: 60px;
}

.skillIcon {
	font-size: 40px;
	border-radius: 100%;
	border: 2px solid #FF4947;
	padding: 15px;
	color: #FF4947;
}

.skills p {
	margin: 0 auto;
	font-size: 20px;
	font-weight: lighter;

}


@media screen and (min-width:750px) {
	.posties {
		text-align: left;
	}
}