body {
font-family: 'Ruda', sans-serif;
background-color: #000;
max-width: 100%;
overflow-x: hidden;
color: #FFF;
}

.videohold {
	position: fixed;
	left: 0%;
	width: 100%;
	overflow: hidden;
}

#video {
	width:100%;

}

a:link, a:visited, a:hover, a:active, a:focus {
color: black;
text-decoration: none; 
}
	
			#begin {
			position: fixed;
			width:100%;
			top: 45%;
			left:0px;
			text-align:center;
			font-size: 5em;
			background: rgba(255,242,212,0.7);
			color:black;	
			}
			

#container {
position:fixed;
width: 100%;
left: -200%;
top: 0%;
overflow-x:hidden;
}

		.contactbutton {
		position: absolute;
		width: 0%;
		left:-100%;
		top: 0%;
		}
		
		#contactpic {
		width: 0%;	
		}

							.divtitles {
							background-color: rgba(0, 0, 0, 0.3);
							font-size: 1.6em;	
							}
							
							.divtitles2 {
							background-color: rgba(0, 0, 0, 0.3);
							font-size: 1.5em;	
							}
							
							.icontag {
							font-size:0.7em;	
							}
								
								.mobilediv {
								display: inline-block;
								width: 30%;
								margin-left: 19.5%;
								margin-top: 7%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								.mobilediv:hover, .mobilediv:focus {
								display: inline-block;
								width: 30%;
								margin-left: 19.5%;
								margin-top: 7%;
								padding-top: 0.5%;
								background: rgba(255,204,102,0.7);
								text-align: center;
								}
								
								#mobiledivpic {
								width:100%;	
								}
								
								.websitediv {
								display: inline-block;
								width: 30%;
								margin-left: 1%;
								margin-top: 7%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								.websitediv:hover, .websitediv:focus {
								display: inline-block;
								width: 30%;
								margin-left: 1%;
								margin-top: 7%;
								padding-top: 0.5%;
								background: rgba(255,204,102,0.7);
								text-align: center;
								}
								
								#websitedivpic {
								width:100%;	
								}
								
								.socialdiv {
								display:inline-block;
								width: 14.5%;
								margin-left: 19.5%;
								margin-top:0.5%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								.socialdiv:hover, .socialdiv:focus {
								display:inline-block;
								width: 14.5%;
								margin-left: 19.5%;
								margin-top:0.5%;
								padding-top: 0.5%;
								background: rgba(255,204,102,0.7);
								text-align: center;
								}
								
								#socialdivpic {
								width:90%;	
								}
								
								.addiv {
								display:inline-block;
								width: 14.5%;
								margin-left: 0.8%;
								margin-top:0.5%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								.addiv:hover, .addiv:focus {
								display:inline-block;
								width: 14.5%;
								margin-left: 0.8%;
								margin-top:0.5%;
								padding-top: 0.5%;
								background: rgba(255,204,102,0.7);
								text-align: center;
								}
								
								#addivpic {
								width:90%;	
								}
								
								.designdiv {
								display:inline-block;
								width: 14.5%;
								margin-left: 1%;
								margin-top:0.5%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								.designdiv:hover, .designdiv:focus {
								display:inline-block;
								width: 14.5%;
								margin-left: 1%;
								margin-top:0.5%;
								padding-top: 0.5%;
								background: rgba(255,204,102,0.7);
								text-align: center;
								}
								
								#designdivpic {
								width:90%;	
								}
								
								.consultdiv {
								display:inline-block;
								width: 14.5%;
								margin-left: 0.8%;
								margin-top:0.5%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								.consultdiv:hover, .consultdiv:focus {
								display:inline-block;
								width: 14.5%;
								margin-left: 0.8%;
								margin-top:0.5%;
								padding-top: 0.5%;
								background: rgba(255,204,102,0.7);
								text-align: center;
								}
								
								#consultdivpic {
								width:90%;	
								}
								
								.strategydiv {
								display:inline-block;
								width: 48%;
								margin-left: 19.5%;
								margin-top:0.75%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								.strategydiv:hover, .strategydiv:focus {
								display:inline-block;
								width: 48%;
								margin-left: 19.5%;
								margin-top:0.75%;
								padding-top: 0.5%;
								background: rgba(255,204,102,0.7);
								text-align: center;
								}
								
								.portdiv {
								display:inline-block;
								width: 12.3%;
								margin-left: 0.8%;
								margin-top:0.75%;
								padding-bottom:0.5%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								.portdiv:hover, .portdiv:focus {
								display:inline-block;
								width: 12.3%;
								margin-left: 0.8%;
								margin-top:0.75%;
								padding-bottom:0.5%;
								padding-top: 0.5%;
								background: rgba(255,204,102,0.7);
								text-align: center;
								}


																			.aboutbutton {
																			width: 0%;
																			left:-50%;
																			top:0%;
																			}
																			
																			#aboutpic {
																			width: 0%;	
																			}
	
	#quote {
	background-color:white;
	padding-left: 1%;
	padding-right:1%;
	color: black;	
	}
	
	#orangetext {
	color: #FC9;	
	}
					
											#mobilecontent {
											position:absolute;
											width: 100%;
											overflow: visible;
											left: -200%;	
											top: 10%;
											background: rgba(0,0,0,0)
											}
											
											#mobiletitle {
											font-size: 5em;
											text-align:left;
											margin-left: 11%;
											color:white;
											background: rgba(0,0,0,0);	
											}
											
											#mobilesubstance {
											position:relative;
											width: 80%;
											left: 10%;
											}
											
											#mobilecontentpic {
											display: inline-block;
											top: 0%;
											margin-top: 0%;
											padding-top: 2%;
											float: right;
											width: 45%;
											}
											
											#mobiletalk {
											font-size: 1.2em;	
											}
											
											#mobilebackbutton {
											width: 100%;
											font-size:2em;
											text-align:center;
											color:black;
											background: rgb(255,242,212);	
											
											}
				
				

							#webcontents {
							position:absolute;
							width: 100%;
							overflow: visible;
							left: -200%;	
							top: 10%;
							background: rgba(0,0,0,0)
							}
							
							#webtitle {
							font-size: 5em;
							text-align:left;
							margin-left: 11%;
							color:white;
							background: rgba(0,0,0,0);	
							}
							
							#websubstance {
							position:relative;
							width: 80%;
							left: 10%;
							}
							
							#webcontentpic {
							display: inline-block;
							top: 0%;
							margin-top: 0%;
							padding-top: 2%;
							float: right;
							width: 45%;
							}
							
							#webtalk {
							font-size: 1.2em;	
							}
							
							#webbackbutton {
							width: 100%;
							font-size:2em;
							text-align:center;
							color:black;
							background: rgb(255,242,212);	
							
							}
		
								
				#socialcontents {
				position:absolute;
				width: 100%;
				overflow: visible;
				left: -200%;	
				top: 10%;
				background: rgba(0,0,0,0)
				}
				
				#socialtitle {
				font-size: 5em;
				text-align:left;
				margin-left: 11.5%;
				color:white;
				background: rgba(0,0,0,0);	
				}
				
				#socialsubstance {
				position:relative;
				width: 80%;
				left: 10%;
				}
				
				#socialcontentpic {
				display: inline-block;
				top: 0%;
				margin-top: 0%;
				padding-top: 2%;
				float: right;
				width: 40%;
				}
				
				#socialtalk {
				font-size: 1.2em;	
				}
				
				#socialbackbutton {
				width: 100%;
				font-size:2.5em;
				text-align:center;
				color:black;
				background: rgb(255,242,212);	
				
				}
								
						#adcontents {
						position:absolute;
						width: 100%;
						overflow: visible;
						left: -200%;	
						top: 10%;
						background: rgba(0,0,0,0)
						}
						
						#adtitle {
						font-size: 5em;
						text-align:left;
						margin-left: 11.5%;
						color:white;
						background: rgba(0,0,0,0);	
						}
						
						#adsubstance {
						position:relative;
						width: 80%;
						left: 10%;
						}
						
						#adcontentpic {
						display: inline-block;
						top: 0%;
						margin-top: 0%;
						padding-top: 2%;
						float: right;
						width: 40%;
						}
						
						#adtalk {
						font-size: 1.2em;	
						}
						
						#adbackbutton {
						width: 100%;
						font-size:2.5em;
						text-align:center;
						color:black;
						background: rgb(255,242,212);	
					
						
						}
						
						
										#designcontents {
										position:absolute;
										width: 100%;
										overflow: visible;
										left: -200%;	
										top: 10%;
										background: rgba(0,0,0,0)
										}
										
										#designtitle {
										font-size: 5em;
										text-align:left;
										margin-left: 11.5%;
										color:white;
										background: rgba(0,0,0,0);	
										}
										
										#designsubstance {
										position:relative;
										width: 80%;
										left: 10%;
										}
										
										#designpicture {
										display: inline-block;
										top: 0%;
										margin-top: 0%;
										padding-top: 2%;
										float: right;
										width: 40%;
										}
										
										#designtalk {
										font-size: 1.2em;	
										}
										
										#designbackbutton {
										width: 100%;
										font-size:2em;
										text-align:center;
										color:black;
										background: rgb(255,242,212);	
									
										}
										
										
						#consultcontents {
						position:absolute;
						width: 100%;
						overflow: visible;
						left: -200%;	
						top: 10%;
						background: rgba(0,0,0,0)
						}
						
						#consulttitle {
						font-size: 5em;
						text-align:left;
						margin-left: 11.5%;
						color:white;
						background: rgba(0,0,0,0);	
						}
						
						#consultsubstance {
						position:relative;
						width: 80%;
						left: 10%;
						}
						
						#consultcontentpic {
						display: inline-block;
						top: 0%;
						margin-top: 0%;
						padding-top: 2%;
						float: right;
						width: 12%;
											}
						
						#consulttalk {
						font-size: 1.2em;	
						}
						
						#consultbackbutton {
						width: 100%;
						font-size:2em;
						text-align:center;
						color:black;
						background: rgb(255,242,212);	
					
						
						}
						
						
									#strategycontents {
									position:absolute;
									width: 100%;
									overflow: visible;
									left: -200%;	
									top: 10%;
									background: rgba(0,0,0,0)
									}
									
									#strategytitle {
									font-size: 5em;
									text-align:left;
									margin-left: 11.5%;
									color:white;
									background: rgba(0,0,0,0);	
									}
									
									#strategysubstance {
									position:relative;
									width: 80%;
									left: 10%;
									}
									
									#strategycontentpic {
									display: inline-block;
									top: 0%;
									margin-top: 0%;
									padding-top: 2%;
									float: right;
									width: 15%;
									}
									
									#strategytalk {
									font-size: 1.2em;	
									}
									
									#strategybackbutton {
									clear: both;
									width: 100%;
									font-size:2em;
									text-align:center;
									color:black;
									background: rgb(255,242,212);	
									
									}
								
						#contactpage {
						position:absolute;
						width: 100%;
						max-height: 100%;
						overflow-y:scroll;
						-webkit-overflow-scrolling: touch;
						left: -200%;	
						top: 0%;
						background-color:#13110d;
						}
						
						#contactbackbutton {
						width: 100%;
						font-size:11em;
						text-align:center;
						color:black;
						background: rgb(255,242,212);	
						}
						
						
						
			#aboutpage {
			position:absolute;
			width: 100%;
			max-height: 100%;
			overflow-y:scroll;
			-webkit-overflow-scrolling: touch;
			left: -200%;	
			top: 0%;
			background-color:#13110d;
			}
			
			#abouttitle {
			font-size: 10em;
			text-align:center;
			color:black;
			background: rgb(255,242,212);	
			}
			
			#aboutsubstance {
			width: 97%;
			padding: 1.5%;
			}
			
			#aboutstaff {
			width:80%;
			margin-left:4%;
			padding: 3% 5% 3% 5%;
			background-color:white;
			color: black;	
			}
			
			#abouttalk {
			font-size: 3em;	
			}
			
			#aboutbackbutton {
			width: 100%;
			font-size:11em;
			text-align:center;
			color:black;
			background: rgb(255,242,212);	
			margin-top: 5%;
			}
			
																	#aboutdeskpage {
																	position: absolute;
																	width: 100%;
																	height: auto;
																	min-height:100%;
																	font-size: 1.2em;
																	left: -200%;
																	top: -180%;	
																	background: rgba(255,242,212,0.95);
																	}
																	
																	#aboutscroll {
																	position:absolute;
																	width: auto;
																	bottom: 0%;
																	left: -30%;
																	}
																	
																	#aboutscrollpic {
																	width: 45%;	
																	}
																	
																	#talkholds {
																	position:relative;
																	width: 56%;
																	left:22%;
																	margin-top: 8%;	
																	font-size: 1em;
																	}
																	
																	
																	#abouttalking2 {
																	display:inline-block;
																	float: right;
																	margin-left:3%;
																	margin-top: 2%;
																	background-color: rgba(0,0,0,0.7);
																	width: 28%;
																	padding: 1%;
																	font-size: 1em;
																	color: white;	
																	}
																	
																	#abouttalking {
																	color: black;	
																	font-size: 1em;
																	}
																	
																	#abouttitledesk {
																	font-size: 3.5em;
																	color: black;	
																	}
																	
																	#closeaboutdesk {
																	clear: both;
																	position:relative;
																	width: 100%;
																	font-size:2em;
																	margin-top: 3%;
																	text-align:center;
																	color: #fff;
																	background: black;	
																	
																	}
											
											
		
		
		
		#contactdeskpage {
		position: absolute;
		width: 100%;
		height: 100%;
		font-size: 1.2em;
		left: -200%;	
		top: 0%;
		background-color: rgba(244,255,255,0.9);
		}
		
		#contactslide {
		position: absolute;
		width: 12%;
		top: 90%;	
		left: 87%;
		}
		
		#buttonslide {
		width: 0%;
		}
		
		#phonepicturel {
		position: absolute;
		width: 30%;
		top:5%;
		left: 17%;
		padding-bottom:5%;	
		}
		
		#emailpicturel {
		position: absolute;
		left: 52%;
		top: 25%;
		width: 40%;
		}
		
		#contactbackbutton2 {
		position: absolute;
		width: 100%;
		font-size:3em;
		text-align:center;
		clear:both;
		color:white;
		background: rgb(0,0,0);	
		bottom: 0%;
		}
		
		#contactphonestuff2 {
		top: 0%;
		background-color: white;
		text-align:center;	
		}