/* Website Designed by Francis Odozi Isibor */




@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)	{
	
	
	/*	#######################	*/
	/* 	Elements */
	/*	#######################	*/
	
	.hideoniphone	{
		display:none;
	}
	
	.about img	{
		width:50%;
		margin:0 auto;
	}
	.image	{
		width:100%;
	}
	
	.image	img	{
		width:100%;
		margin:0 auto;
	}
	
	.leftpadding	{
		padding-left:0px;
	}
	
	.mobilefull	{
		width:100%;
		padding-bottom:10px;
		
	}
	.mobilefull	img	{
		width:100%;
		margin:0 auto;
	}
	
	.webform	{
		width:80%;
		
	}
	input[type="text"] {
		width:calc(80% + 20px);
		
	}
	.button	{
		width:80%;
		margin:0 auto;
	
		border-style:solid;
		border-width:2px;
		border-color:rgba(212,217,56,1.0);
	
		color:white;
		padding:10px;
	}
	
	/*	#######################	*/
	/* 	Positioning / Dimensions */
	/*	#######################	*/

	.bannerh2	{
		width:100%;
		float:right;
		position:relative;
		top:-40px;
	}
	
	.floatleft	{
		float:none;
	}
	
	.force800	{
		width:90%;
		margin:0 auto;
	}
	.force800	img	{
		width:100%;
		margin:0 auto;
	}
	.softpadding	{
		padding-left:50px;
	}
	
	/*	#######################	*/
	/* 	Columns */
	/*	#######################	*/
	.columns	{
		max-width:1000px;
		width:90%;
		margin:0 auto;
	
	}
	.threecols	{
		max-width:300px;
		width:100%;
		float:none;
		padding:0px;
		margin:0px;
	
		height:auto;
		margin-bottom:10px;
		padding-right:0px;
		margin:0 auto;
	}
	.pic	{
		width:50%;
		
	}
	.picm	{
		height:89px;
	}
	.jobs	{
		background-color:rgb(244,244,244);
	}
	.jobc1	{
		width:60%;
		padding-left:0px;
		text-align: left !important;
	}
	.jobc2	{
		display:none;
	}
	.jobc3	{
		width:40%;
	}
	.apply	a	{
		
		padding-left:10px;
		padding-right:10px;
		
	}
	.fourcols	{
		max-width:300px;
		width:100%;
		float:none;
		padding-left:2%;
		padding-right:2%;
		margin-left:2.5%;
		margin-right:2.5%;
	
		height:auto;
		margin-bottom:10px;
	}

	.twocols	{
		max-width:450px;
		width:100%;
		float:none;
		padding-left:1%;
		padding-right:1%;
		margin-left:1.5%;
		margin-right:1.5%;
	
	}

	.sidemenua	{
		width:100%;
		float:left;
		padding:0px;
		margin:0px;
	}
	.sidemenub	{
		width:100%;
		float:left;
		padding:0px;
		margin:0px;
	}

	.cols2a	{
		width:30%;
		float:left;
		padding-left:1%;
		padding-right:1%;
		margin-left:1.5%;
		margin-right:1.5%;
		height:60px;
	}
	
	.cols2b	{
		width:60%;
		float:left;
		padding-left:1%;
		padding-right:1%;
		margin-left:1.5%;
		margin-right:1.5%;
		
	}
	/*	#######################	*/
	/* 	Captions / Text Themes 	*/
	/*	#######################	*/
	.normal	h3	{
		font-size:12px;
	}
	.titlewrapper	{
		width:100%;
	}
	.titlewrapper	h1	{
		font-size:40px;
	}
	.titlewrapper	h2	{
		font-size:15px;
	}
	.titleh2	{
		width:90%;
	}
	.bannerwrapper	{
		width:85%;
		margin:0 auto;
	
		padding-top:80%;
		
		
		
	}
	.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:100%;
		margin:0 auto;
		padding-top:20px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:20px;
		
		text-align:center;
	}
	.basicwrapper	h4	{
		font-family: 'Montserrat', sans-serif;
		font-weight:700;
		font-size:12px;
		
	}
	.basicwrapper	h1	{
		font-size:35px;
		width:90%;
		margin:0 auto;
	}
	.basicwrapperleft	{
		width:90%;
		margin:0 auto;
		padding-top:20px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:20px;
		
	}
	.basicwrapperleft	h1	{
		
		font-weight:300;
		font-size:35px;
		padding-left:0px;
		position:relative;
		left:0px;
		text-align:center;
		text-transform:uppercase;
		box-shadow: none;
	}
	.basicwrapperleft	h2	{
		
		font-weight:300;
		font-size:20px;
		padding-left:0px;
		text-align:center;
		text-transform:uppercase;
	}
	.basicwrapperleft	h3	{
		
		font-weight:700;
		font-size:16px;
		text-transform:uppercase;
		text-align:center;
	}
	.basicwrapperleft	h4	{
		text-align:center;
	}
	
	
	
	/*	#######################	*/
	/* 	Menu */
	/*	#######################	*/
	ul#menu	{
	
		display:none;
	}
	#mobilemenu	{
		
		display:block;
		
		-webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
	
		

		
	
		z-index:100;
		
		
		
	
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
	}
	
	#mobilemenu		img	{
		height:30px;
		width:30px;
		position:relative;
		top:10px;
		left:85%;
	}
	
	.menunotclicked	{
		width:50px;
		height:50px;
		overflow:hidden;
		opacity:1.0;
	}
	
	.menunotclicked	a	{
		position:relative;
		top:50px;
		opacity:0;
	}
	
	.menuclicked	{
		/*
		background: -webkit-ease-in-out-gradient(#FB2B69, #34AADC);
		background: -o-ease-in-out-gradient(#FB2B69, #34AADC); 
		background: -moz-ease-in-out-gradient(#FB2B69, #34AADC); 
		background: ease-in-out-gradient(#FB2B69, #34AADC); 
		*/
	
		opacity:0.95;
		
		background: -webkit-linear-gradient(to top,rgba(0,0,0,0.5), rgba(0,0,0,0.95)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(to top,rgba(0,0,0,0.5), rgba(0,0,0,0.95)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(to top,rgba(0,0,0,0.5), rgba(0,0,0,0.95)); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to top,rgba(0,0,0,0.5), rgba(0,0,0,0.95)); /* Standard syntax */
	
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		overflow:hidden;
		z-index:100;
	}
	.menuclicked	a	{
		position:relative;
		top:0px;
		opacity:1.0;
	}
	ul#fullmenu	{
		padding:0px;
	}
	ul#fullmenu	li	{
		padding-top:1%;
		padding-bottom:1%;
		list-style-type: none;
		width:100%;
		text-align:center;
		margin-top:8%;
		margin-bottom:8%;
	}
	ul#fullmenu	li	a{
		-webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
		
		text-decoration:none;
		font-family: 'Montserrat', sans-serif;
		font-weight:400;
		font-size:20px;
		color:white;
		padding:15px;
		margin-top:5%;
		margin-bottom:5%;
		text-align:center;
		width:100%;
		
	}
	
	
	/*	#######################	*/
	/* 	Site Sections */
	/*	#######################	*/
	.section	{
		
		
	
	}
	
	#pagebanner	{
		height:300px;
	}
	
	#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;
	}
	#banner	{
		margin-top:0px;
	}
	#singlebanner	{
		width:100%;
		height:60%;
		margin:25px auto;
		
		/* background-color:white; */
		/* box-shadow: 0px 5px 0px rgba(212,217,56,1.0); */
	
	}
	#about	{
		width:100%;
		margin:0 auto;
	}
	#services	{
		width:100%;
		margin:35px auto;
	}
	#careers	{
		width:100%;
		margin:35px auto;
	}
	#jobs	{
		width:100%;
		margin:35px auto;
	}
	#login	{
		width:100%;
		margin:35px auto;
	}
	#safety	{
		width:100%;
		margin:35px auto;
	}
	#ict	{
		width:100%;
		margin:35px auto;
	}
	#footer	{
		width:100%;
		margin:35px auto;
		padding-bottom:0px;
	}
	.contactdetails	{
		width:80%;
		padding-left:20%;
	}
	.map	{
		display:none;
	
	}
	#banner	{
		width:100%;
		margin:0 auto;
		/* background-color:white; */
	
	}
	
	
}