/* Website Designed by Francis Odozi Isibor */


/* CSS for Phablets */
@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 700px)	{
	.cols2a	{
		display:none;
	}
	.bannerwrapper	{
		width:85%;
		margin:0 auto;
	
		padding-top:70%;
		padding-bottom:20px;
		
	}
	/*	#######################	*/
	/* 	Elements */
	/*	#######################	*/

	.image	{
		margin-bottom:20px;
		
	}

	.image	img	{
		width:100%;
		margin:0 auto;
		
		border-style:solid;
		border-width:2px;
		border-color:rgba(212,217,56,0.5);
		margin-right:20px;
		
	}
	/*	#######################	*/
	/* 	Positioning / Dimensions */
	/*	#######################	*/
		
	.force800	{
		width:80%;
		margin:0 auto;
	}
	.force800	img	{
		width:100%;
		margin:0 auto;
	}
	.bannerh2	{
		width:100%;
		float:right;
		position:relative;
		top:-40px;
	}
	
	/*	#######################	*/
	/* 	Columns */
	/*	#######################	*/
	.sidemenua	{
		width:15%;
		float:left;
		padding-left:1%;
		padding-right:1%;
		margin-left:1.5%;
		margin-right:1.5%;
	}
	.sidemenub	{
		width:75%;
		float:left;
		padding-left:1%;
		padding-right:1%;
		margin-left:1.5%;
		margin-right:1.5%;
	}
	
	.unselected	{
		padding-left:5px;
		padding-right:5px;
	
	}
	.unselected:hover	{
		color:rgba(212,217,56,1.0);
	
	}
	.selected	{
		background-color:#d4d938;
		color:white;
		padding:5px;
	}
	
	/*	#######################	*/
	/* 	Captions / Text Themes 	*/
	/*	#######################	*/
	.bannerwrapper	{
		width:85%;
		margin:0 auto;
		
		padding-top:10%;
		
		padding-bottom:20px;
		
	}
	.bannerwrapper	h1	{
		
		font-weight:300;
		font-size:60px;
		
		text-align:center;
	}
	.bannerwrapper	h2	{
		
		font-weight:300;
		font-size:20px;
		background-color:rgba(212,217,56,0.9);
		text-align:center;
		padding:10px;
	
	}
	.basicwrapper	{
		width:85%;
		margin:0 auto;
		padding-top:20px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:20px;
		
	}
	.basicwrapperleft	{
		width:85%;
		margin:0 auto;
		padding-top:20px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:20px;
		
	}
	.basicwrapperleft	h4	{
		font-size:10px;
	}
	.basicwrapperleft	h3	{
		font-size:14px;
	}
	.basicwrapperleft	p	{
		font-size:10px;
	}
	
	/*	#######################	*/
	/* 	Logo */
	/*	#######################	*/
	#logo	{
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
		width:224px;
		height:50px;
		padding-left:2.5%;
	
	}
	#logo	img	{
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	
		overflow:hidden;
		max-width: 100%;
		height: 50px;
	}
	
	
	
	/*	#######################	*/
	/* 	Menu */
	/*	#######################	*/
	
	ul#menu	{
	
		display:none;
	}
	
	
	/*	#######################	*/
	/* 	Site Sections */
	/*	#######################	*/
	
	
	#background	{
		background-image: url('../images/drill.jpg');
		width:100%;
		height:100%;
		position:fixed;
		background-size:cover;
		background-position:center;
	}
	
	#nav	{
		width:100%;
		margin:0 auto;
	}
	#singlebanner	{
		width:100%;
		height:100%;
		margin:25px auto;
		background-color:rgba(0,0,0,0.2)
		;
		/* background-color:white; */
		/* box-shadow: 0px 5px 0px rgba(212,217,56,1.0); */
	
	}
	#about	{
		width:95%;
		margin:0 auto;
	}
	#services	{
		width:95%;
		margin:35px auto;
	}
	#careers	{
		width:95%;
		margin:35px auto;
	}
	#safety	{
		width:95%;
		margin:35px auto;
	}
	#ict	{
		width:95%;
		margin:35px auto;
	}
	#footer	{
		width:95%;
		margin:35px auto;
	}
	#banner	{
		width:95%;
		margin:0 auto;
		/* background-color:white; */
	
	}
}