@CHARSET "UTF-8";

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	outline: none;
}
body {
	font: 14px/1.em Lato, Helvetica, serif;
	color: #8e8e8e !important;
}
a {
	color: white !important;
	text-decoration: underline | bold;
}
	a:hover {
		color: #323232 !important;
		text-decoration: none !important;
	}	
	a img {
		text-decoration: none !important;
	}
h3 {
	font-size: 30px !important;
	font-weight: bold !important;
	line-height: 50px !important;
	color: #51585b !important;
}

header {
	text-align: center;
	background: url(../images/header.jpg);
	background-size: cover;
}
    header nav {
    	margin: 40px 0 50px 0;
    }
	header nav a {
		margin: 0 11px;
	}
    header a.btn {
    	font-size: 13px;
    	font-weight: bold;
    	border: 1px solid #ffa200; 
	    background: #ffa200; 
	    padding: 14px 50px;
		color: #fff !important;
    }
	
.icons {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png);
	margin-bottom: 15px;
}
	.icon-dribble {
		background-position: 0 0;
	}
	.icon-facebook {
		background-position: -50px 0;
	}
	.icon-linkedin {
		background-position: -150px 0;
	}
	.icon-flickr {
		background-position: -100px 0;
	}
	.icon-twitter {
		background-position: -200px 0;
	}
	

.my-works {
	text-align: center;
	padding: 40px 0 90px 0;
}
	.my-works section section {
		margin-top: 45px;
	}
	
#essentials {
	font-size: 30px;
	text-align: center;
	color: #758184;
	background: url(../images/essentials-bg.png);
	padding: 80px 0;
}
	#essentials p {
		line-height: 2em;
		margin: 1.4em 0;
	}
	#essentials a.btn {
		font-size: 13px;
		font-weight: bold;
		border: 1px solid #0AAE82; 
		background: #0cc795; 
		padding: 14px 50px;
		color: #fff !important;
	}
	#essentials a.btn:hover {
		background: #099570; 
		border: 1px solid #077D5E; 
	}