@charset "utf-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {height:100%;}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;     
	line-height: 150%; 
	color: #fff;
	background-image:url('../img/background.png');
}
h1, 
h2{     
	font-family: 'Ubuntu', Helvetica, Arial, sans-serif; 
	font-size: 4.375em;     
	line-height: 110%; 
	margin-bottom: 0;
	margin-top: 0.3em;
}
a, 
button {
  -webkit-transition: all 0.25s ease;
     -moz-transition: all 0.25s ease;
       -o-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
          transition: all 0.25s ease;
}
.hero{
	background:#0a5f7f 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a5f7f', endColorstr='#084a63');
    background: -moz-linear-gradient(top, #0a5f7f, #084a63);
	background: -ms-linear-gradient(top, #0a5f7f, #084a63);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0a5f7f), to(#084a63));
	background: -webkit-linear-gradient(top, #0a5f7f, #084a63);
	background: -o-linear-gradient(top, #0a5f7f, #084a63);
	background: linear-gradient(top, #0a5f7f, #084a63); 
	background-size: 100%;
	padding: 50px 0;
}
.aboutme {
	border-top: 5px solid #ff6600;
	padding: 50px 0;
}
/* Fontawesome */
.social{
	font-size:30px;
	text-decoration: none;
	margin-left:5px;
	margin-right:5px;
}
.social-top{
	font-size:18px;
	text-decoration: none;
	margin-left:5px;
	margin-right:5px;
}
.social-top, 
.social{
	opacity:0.7;
	filter:alpha(opacity=40); /* For IE8 and earlier */
  -webkit-transition: all 0.25s ease;
     -moz-transition: all 0.25s ease;
       -o-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
          transition: all 0.25s ease;
}
.social-top:hover, .social:hover{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
[class*="google-plus"] {
	color:#F90101;
}
[class*="facebook"] {
	color:#3B5998;
}
[class*="twitter"] {
	color:#4099FF;
}
[class*="linkedin"] {
	color:#4875B4;
}
.fa-envelope-o{
	color:white;
}
/* Misc */
.anchor {
	display: block; 
	position:relative;
	top: -50px;
}
.shadow{
	text-shadow: 0px 2px 3px rgba(0,0,0,0.4),
             1px 4px 8px rgba(0,0,0,0.1),
             2px 8px 12px rgba(0,0,0,0.1);
}

.boxshadow{
	box-shadow: 0px 5px 3px rgba(0,0,0,0.6);
}
@media (max-width: 768px) {
	body{ 
	margin: 0; 
	padding: 0; 
	}
	.container{
	margin: 20px;
	}
}

@media (max-width: 480px) {
	h2 {
	font-size: 45px;     
	}
}
.visiblyhidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/*clearfix */

.clearfix:before,.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}