html{
	position: relative;
}

body{
	margin-bottom: 120px;
	margin-top: 30px;
}

.jumbotron{
	height: 450px;
	background-image: url('../img/header-bg.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-position: 0 -100px;
	color: #eee;
	background-repeat: no-repeat;
}

.jumbotron img{
	width: 200px;
	border: 5px solid #e8e8e8;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}

.jumbotron h1, .jumbotron p{
	text-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}

hr{
	width: 200px;
	border-top: 3px solid #999;
}

section{
	min-height: 500px;
}

.about{
	padding-top: 50px;
}

.portfolio{
	padding-top: 50px;
	min-height: 700px;
	background-color: #eee;
}

.contact{
	padding-top: 50px;
	min-height: 700px;
}

.contact button{
	float: right;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 120px;
	background-color: #333;
	padding-top: 30px;
}

footer p{
	color: #aaa;
	font-size: 0.9em;
}

footer p i{
	color: salmon;
}