@import url(http://fonts.googleapis.com/css?family=Montserrat:700);
body{background-color:#000;font:normal 16px/22px Montserrat;color:#222;}
p {padding-bottom:20px;}
a:hover{text-decoration: none;}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clearfix {
	display:inline-block;
}
html[xmlns] .clearfix {
	display:block;
}
* html .clearfix {
	height:1%;
}
h1,h2,h3,h4,h5,h6{font-family: Montserrat;margin: 0;padding: 0;}
h1{font-weight:300;font-size: 60px;line-height: 80px;}
h2{font-weight:300;font-size: 40px;line-height:38px;margin-bottom:80px;}
h3{font-weight:300;font-size: 35px;line-height:38px;margin-bottom:40px;}

.spacer{padding: 100px 0;}
.center{text-align: center;}

.header-bg {background:#000; }
.header {background:rgba(0,0,0,0.8);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.fullpage .container{display:table; height:inherit;}
.fullpage .absolute-center{display:table-cell;vertical-align: middle;}

.header a{color: #fff;text-decoration: none;font-size:16px;}
.header a:hover{color:#00ffd8;transition: all 0.5s ease; }
.description{
	top: 3px;
    display: inline;
    margin-left: 19px;
    position: relative;
    font-size: 15px;
    letter-spacing: 2px;
}

.connect-icon{text-align: right;}
.connect-icon a{float: left;margin-left: 10px;}
.connect-icon a:hover{color:#eee;transition: all 0.5s ease;}

.connect-icon a.behance{margin-top: -10px;}
.prof-links{margin: 250px 0 50px 0;}

@media (max-width: 1200px){
		h1{font-size: 50px;line-height: 70px;}
		h2{font-size: 35px;margin-bottom: 50px;}
		h3{font-size: 25px;margin-bottom: 30px;}
		.spacer{padding: 70px 0;}	
}

@media (max-width: 768px){
	h1 {font-size: 40px;line-height: 60px;}
	h2{font-size: 30px;margin-bottom: 30px;}
	h3{font-size: 25px;margin-bottom: 25px;}
	.header .absolute-center {margin-top: 30%;}
}

@media (max-width: 767px){	
	h1 {font-size: 50px;line-height: 90px;}
	h2{font-size: 25px;margin-bottom: 25px;}
	.header .absolute-center {margin-top: 10%;}
	.prof-links{margin: 60px 0 10px 0; width: 100%;}
	.connect-icon a{margin:0 10px 0 0;}
	.social {width: 100%;}
	.spacer{padding: 30px 0;}
}

@media (max-width: 600px){
	h1 {font-size: 27px;line-height: 40px;}
	.description{display:block;margin-left:0;}
	.email{text-align: center;margin-top: 20px;}
}