@font-face {
    font-family: 'HelveticaBold';
    src: url('style11/helveticaneueltstd-bd.eot');
    src: url('style11/helveticaneueltstd-bd.eot') format('embedded-opentype'),
         url('style11/helveticaneueltstd-bd.woff') format('woff'),
         url('style11/helveticaneueltstd-bd.ttf') format('truetype'),
         url('style11/helveticaneueltstd-bd.svg#HelveticaNeueLTStd75Bold') format('svg');
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


body {
	background-color: #191919;
	padding:0;
	margin: 0;
	
}

.topbar .description {
	margin-left: 46px;
	font-family: HelveticaBold;
	font-weight: 50;
}

.topbar .updates {

	margin-right: 46px;
	font-family: HelveticaBold;
	font-weight: 50;
}

.topbar {
	margin-top: 10px;
background-color: #191919;
}

.refresh {
	position:fixed;
	top:50px;
	left:50%;
	margin-left: -102;
	height:145px;
	width:205px;
	background-image: url("style6/refresh2.png");
	background-size: 205px 145px;
	background-repeat: no-repeat;
}

.social {
	height:8px;
	width:400px;
	position: fixed;
	top: 60px;
	left: 44px;
}

.linkedin {
	float: left;
	height:38px;
	width:146px;
	background-image: url("style11/lin.png");
	background-size: 146px 38px;
}

.linkedin:hover {
	
	background-image: url("style11/lin2.png");
}

.mail {
	float: left;
	margin-left: 20px;
	height:38px;
	width:72px;
	background-image: url("style11/mail.png");
	background-size: 72px 38px;
}

.mail:hover {
	
	background-image: url("style11/mail2.png");
}

.mainbox {
	position: relative;
	width:100%;
	height:100%;
}

.container {
	width:100%;
	height: 100%;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.pic {
	
	
}

.text {
	margin-top: 90px;
	padding-left: 40px;
	width:950px;
	float: left;
	width:100%;
}

.text h1 {
	width:950px;
	text-align: left;
	text-transform: none;
	font-family: HelveticaBold;
	font-weight: 100;
	font-size: 90px;
	line-height:0.9;
	color:#be1e2d;
}

.text h2 {
	width:963px;
	margin-top: -20px;
	text-align: left;
	text-transform: none;
	font-family: HelveticaBold;
	font-weight: 100;
	font-size: 64px;
	line-height:1;
	color:#f4f4ec;
}

.text h2 a {
	color:#58595b;
	text-decoration: none;
}

.text h2 a:hover {
	color: #424242;
}

.text h3 {
	text-align: left;
	text-transform: none;
	font-family: HelveticaBold;
	font-weight: 100;
	font-size: 36px;
	line-height:1.2;
	color:#f4f4ec;
}

.text h3 a {
	color:#58595b;
	text-decoration: none;
}

.text h3 a:hover {
	color: #424242;
}



@media only screen and (max-width: 1440px) {
	
	.text h1 {
		width:800px;
		font-size: 75px;
	}

	.text h2 {
		width:758px;
		font-size: 50px;
	}

	.text h3 {
		font-size: 36px;
	}

}

@media only screen and (max-width: 1280px) {
	
	.linkedin {
		height: 28px;
		width:109px;
		background-size: 109px 28px; 
	}

	.mail {
		height: 28px;
		width:58px;
		background-size: 58px 28px; 
	}
	
	
	.text h1 {
		width:800px;
		font-size: 70px;
	}

	.text h2 {
		width:680px;
		font-size: 45px;
	}

	.text h3 {
		font-size: 26px;
}

}