@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: #eaeaea;
	padding:0;
	margin: 0;
	overflow: hidden;
	
}

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

.topbar .updates {

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

.topbar {
	
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:100px;
	width:360px;
	position: fixed;
	top: 60px;
	left: 44px;
}

.linkedinS {
	margin-top: -132;
margin-left: 198;
	float: left;
	width:212px;
	height:93px;
	background-image: url("style12/lin.png");
	background-size: 212px 93px;
}

.linkedinS:hover {
	opacity: 0.8;
}

.mailS {
	margin-top: -177;
float: left;
margin-left: 412px;
	width:107px;
	height:68px;
	background-image: url("style12/mail.png");
	background-size: 107px 68px;
}

.mailS:hover {
	opacity:0.8;
}

.mainbox {
	top: 20px;
	margin-left: -247;
	position: relative;
	width:100%;
	height:100%;
}

.container {
	width:100%;
	height: 100%;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background-image: url("style12/pic.png");
  background-size: 234px 559px;
  background-repeat: no-repeat;
  background-position: center 55px;
  
}

.pic {
	
	
}

.text {
	
	width:1000px;
	 margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.text h1 {
	margin-top: 510;
	transform:rotate(-289deg);
-ms-transform:rotate(-289deg); /* IE 9 */
-webkit-transform:rotate(-289deg); /* Safari and Chrome */
	text-align: left;
	text-transform: uppercase;
	font-family: HelveticaBold;
	font-weight: 100;
	font-size: 32px;
	line-height:0.9;
	color:#016097;
}

.text h2 {
	margin-left: 580px;
	transform:rotate(-19deg);
-ms-transform:rotate(-19deg); /* IE 9 */
-webkit-transform:rotate(-19deg); /* Safari and Chrome */
	width:640px;
	margin-top: -20px;
	text-align: left;
	text-transform: none;
	font-family: HelveticaBold;
	font-weight: 100;
	font-size: 31px;
	line-height:1;
	color:#000;
}

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

.text h2 a:hover {
	opacity: 0.8;
}

.text h3 {
	width: 500px;
	margin-top: 68;
margin-left: 72;
		transform:rotate(-19deg);
-ms-transform:rotate(-19deg); /* IE 9 */
-webkit-transform:rotate(-19deg); /* Safari and Chrome */
	text-align: left;
	text-transform: none;
	font-family: HelveticaBold;
	font-weight: 100;
	font-size: 31px;
	line-height:1.2;
	color:#000;
}

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

.text h3 a:hover {
	opacity:0.8;
}



@media only screen and (max-width: 1440px) {

	.container {
  background-size: 176px 420px;
  background-position: center 97px;
  
}

.linkedinS {
	margin-top: -52;
margin-left: 167;
	width:160px;
	height:70px;
	background-image: url("style12/lin.png");
	background-size: 160px 70px;
}

.mailS {
	margin-top: -88;
float: left;
margin-left: 6px;
	width:80px;
	height:51px;
	background-image: url("style12/mail.png");
	background-size: 80px 51px;
}

.text {
	padding-left: 92px;
}
	
	.text h1 {
		margin-top: 427px;
		width:800px;
		font-size: 25px;
	}

	.text h2 {
		margin-left: 457px;
		width:500px;
		font-size: 20px;
	}

	.text h3 {
		margin-top: 51;
		margin-left: 125;
		font-size: 20px;
	}

}

@media only screen and (max-width: 1280px) {

	.mainbox {
		margin-top: -20px;
		margin-left: -160;
	}
	
		.container {
  background-size: 176px 420px;
  background-position: center 97px;
  
}

.linkedinS {
	margin-top: -52;
margin-left: 167;
	width:160px;
	height:70px;
	background-image: url("style12/lin.png");
	background-size: 160px 70px;
}

.mailS {
	margin-top: -88;
float: left;
margin-left: 6px;
	width:80px;
	height:51px;
	background-image: url("style12/mail.png");
	background-size: 80px 51px;
}

.text {
	padding-left: 92px;
}
	
	.text h1 {
		margin-top: 427px;
		width:800px;
		font-size: 25px;
	}

	.text h2 {
		margin-left: 457px;
		width:500px;
		font-size: 20px;
	}

	.text h3 {
		margin-top: 51;
		margin-left: 125;
		font-size: 20px;
	}

}