@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700');

html, body{
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	font-family:'Open Sans', Arial, sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:1.6em;
	color:#fff;
}

	.header{
		width: 100%;
		height: 100px;
		position: relative;
	}
	
		.logo{
			width: 102px;
			height: 17px;
			position: relative;
			background: transparent url(../img/samcom_temp.png) no-repeat;
			top: 44px;
		}
		
		.middle{
			width: 60%;
			height: 100%;
			position: relative;
			margin: 0 auto;
		}
		
		.middle1{
			width: 60%;
			min-height: 340px;
			position: relative;
			margin: 0 auto;
		}
		
		.middle2{
			min-height: 30px;
		}
		
	.main{
		width: 100%;
		position: relative;
		background: #68a4c4;
	}
		
		.middle p{
			/* margin-left: 20px; */
		}
		
		.infoArea{
			position: relative;
			float: left;
			margin-top: 56px;
		}
		
		.firstp{
			padding: 0;
			margin: 0;
			margin-bottom: 43px;
			line-height: 35px;
		}
		
		.w300{
			font-weight: 300;
		}
		
		.w400{
			font-weight: 400;
		}
		
		.w600{
			font-weight: 600;
		}
		
		.w700{
			font-size: 20px;
			font-weight: 700;
		}
		
		.graphics{
			width: 160px;
			height: 160px;
			position: relative;
			float: right;
			background: transparent url(../img/worldwide.png) no-repeat;
			margin-top: 96px;
		}
		
		.copyright{
			width: 100%;
			position: absolute;
			text-align: center;
			font-size: 14px;
			font-weight: 300;
			bottom: 9px;
		}

		

		
@media screen and (max-width: 1068px){
	
	.middle1{
		min-height: 490px;
	}
	
	.infoArea{
		width: 100%;
		float: none;
		padding-top: 56px;
		margin-top: 0px;
	}
	
	.graphics{
		width: 160px;
		height: 160px;
		position: relative;
		background: transparent url(../img/worldwide.png) no-repeat;
		margin-left: auto;
		margin-right: auto;
		margin-top: 60px;
		margin-bottom: 55px;
		float: none;
	}
	
}