

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

a:link, a:visited, a:hover, a:active, a:focus {
color: black;
text-decoration: none; 
}

					#videohold {
					position: absolute;
					width: 0%;
					left: -100%;	
					}
					
					#video {
					width: 0%;	
					}
	

	#begin {
		left: -100%;	
	}

#container {
position:absolute;
width: 100%;
left: 0%;
top: 0%;
overflow-x:hidden;
height: 100%;
overflow-y:scroll;
-webkit-overflow-scrolling: touch;
}

		.contactbutton {
		position: absolute;
		width: 100%;
		left:0%;
		top: 0%;
		background: rgb(255,242,212);	
		font-size:3em;
		color:black;
		text-align: center;
		}
		
		#contactpic {
		width: 100%;	
		}

							.divtitles {
							background-color: rgba(0, 0, 0, 0.3);
							font-size: 1.5em;	
							}
							
							.divtitles2 {
							background-color: rgba(0, 0, 0, 0.3);
							font-size: 1.3em;	
							}
							
							.icontag {
							font-size:0.7em;	
							}
								
								.mobilediv {
								display: inline-block;
								width: 40%;
								margin-left: 9.5%;
								margin-top: 21%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								#mobiledivpic {
								width:100%;	
								}
								
								.websitediv {
								display: inline-block;
								width: 40%;
								margin-left: 1%;
								margin-top: 21%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								#websitedivpic {
								width:100%;	
								}
								
								.socialdiv {
								display:inline-block;
								width: 19.5%;
								margin-left: 9.5%;
								margin-top:1%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								#socialdivpic {
								width:90%;	
								}
								
								.addiv {
								display:inline-block;
								width: 19.5%;
								margin-left: 0.7%;
								margin-top:1%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								#addivpic {
								width:90%;	
								}
								
								.designdiv {
								display:inline-block;
								width: 19.5%;
								margin-left: 1%;
								margin-top:1%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								#designdivpic {
								width:90%;	
								}
								
								.consultdiv {
								display:inline-block;
								width: 19.5%;
								margin-left: 0.7%;
								margin-top:1%;
								padding-top: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								#consultdivpic {
								width:90%;	
								}
								
								.strategydiv {
								display:inline-block;
								width: 55%;
								margin-left: 9.5%;
								margin-top:1%;
								margin-bottom:5%;
								padding-top: 0.5%;
								padding-bottom: 0.5%;
								background: rgba(255,153,0,0.7);
								text-align: center;
								}
								
								.portdiv {
								display:inline-block;
								width: 25.5%;
								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;
								}

																			.aboutbutton {
																			width: 100%;
																			left:0%;
																			top:0%;
																			padding:0%;
																			background: rgb(255,242,212);	
																			font-size:3em;
																			color:black;
																			text-align: center;
																			}
																			
																			#aboutpic {
																			width: 100%;	
																			}
	
	#quote {
	background-color:white;
	padding-left: 1%;
	padding-right:1%;
	color: black;	
	}
	
	#orangetext {
	color: orange;	
	}
					
											#mobilecontent {
											position:absolute;
											width: 100%;
											max-height: 100%;
											overflow-y:scroll;
											-webkit-overflow-scrolling: touch;
											left: -200%;	
											top: 0%;
											background-color:#13110d;
											}
											
											#mobiletitle {
											font-size: 3em;
											text-align:center;
											color:black;
											background: rgb(255,242,212);	
											}
											
											#mobilesubstance {
											width: 95%;
											}
											
											#mobilecontentpic {
											display:inline-block;
											width: 60%;
											float:right;
											}
											
											#mobiletalk {
											font-size: 1em;	
											margin-left: 0%;
											}
											
											#mobilebackbutton {
											width: 100%;
											font-size:2em;
											text-align:center;
											color:black;
											margin-left: 0%;
											background: rgb(255,242,212);	
											
											}
				
				
				
							#webcontents {
							position:absolute;
							width: 100%;
							max-height: 100%;
							overflow-y:scroll;
							-webkit-overflow-scrolling: touch;
							left: -200%;	
							top: 0%;
							background-color:#13110d;
							}
							
							#webtitle {
							font-size: 3em;
							text-align:center;
							color:black;
							background: rgb(255,242,212);	
							}
							
							#websubstance {
							width: 95%;
							}
							
							#webcontentpic {
							display:inline-block;
							width: 60%;
							float:right;
							}
							
							#webtalk {
							font-size: 1em;	
							}
							
							#webbackbutton {
							width: 100%;
							font-size:2em;
							text-align:center;
							color:black;
							background: rgb(255,242,212);	
							
							}
		
								
			#socialcontents {
			position:absolute;
			width: 100%;
			max-height: 100%;
			overflow-y:scroll;
			-webkit-overflow-scrolling: touch;
			left: -200%;	
			top: 0%;
			background-color:#13110d;
			}
			
			#socialtitle {
			font-size: 3em;
			text-align:center;
			color:black;
			background: rgb(255,242,212);	
			}
			
			#socialsubstance {
			width: 95%;
			}
			
			#socialcontentpic {
			display:inline-block;
			width: 60%;
			float: right;
			}
			
			#socialtalk {
			font-size: 1em;	
			}
			
			#socialbackbutton {
			width: 100%;
			font-size:2em;
			text-align:center;
			color:black;
			background: rgb(255,242,212);	
			
			}
								
								
						#adcontents {
						position:absolute;
						width: 100%;
						max-height: 100%;
						overflow-y:scroll;
						-webkit-overflow-scrolling: touch;
						left: -200%;
						top: 0%;	
						background-color:#13110d;
						}
						
						#adtitle {
						font-size: 3em;
						text-align:center;
						color:black;
						background: rgb(255,242,212);	
						}
						
						#adsubstance {
						width: 95%;
						}
						
						#adcontentpic {
						display:inline-block;
						width: 60%;
						float: right;
						padding-bottom:3%;
						margin-top: 3%;
						border: none;
						}
						
						#adtalk {
						font-size: 1em;	
						}
						
						#adbackbutton {
						width: 100%;
						font-size:2em;
						text-align:center;
						color:black;
						background: rgb(255,242,212);	
						
						}
						
						
										#designcontents {
										position:absolute;
										width: 100%;
										max-height: 100%;
										overflow-y:scroll;
										-webkit-overflow-scrolling: touch;
										left: -200%;	
										top: 0%;
										background-color:#13110d;
										}
										
										#designtitle {
										font-size: 3em;
										text-align:center;
										color:black;
										background: rgb(255,242,212);	
										}
										
										#designsubstance {
										width: 95%;
										}
										
										#designpicture {
										display:inline-block;
										width: 60%;
										float: right;
										margin-left:3%;
										padding-bottom: 2.5%;
										padding-top: 2.5%;
										}
										
										#designtalk {
										font-size: 1em;	
										}
										
										#designbackbutton {
										width: 100%;
										font-size:2em;
										text-align:center;
										color:black;
										background: rgb(255,242,212);	
										
										}
										
										
						#consultcontents {
						position:absolute;
						width: 100%;
						max-height: 100%;
						overflow-y:scroll;
						-webkit-overflow-scrolling: touch;
						left: -200%;
						top: 0%;	
						background-color:#13110d;
						}
						
						#consulttitle {
						font-size: 3em;
						text-align:center;
						color:black;
						background: rgb(255,242,212);	
						}
						
						#consultsubstance {
						width: 95%;
						}
						
						#consultcontentpic {
						display:inline-block;
						width: 30%;
						float: right;
						padding: 2.5%;
						}
						
						#consulttalk {
						font-size: 1em;	
						}
						
						#consultbackbutton {
						width: 100%;
						font-size:2em;
						text-align:center;
						color:black;
						background: rgb(255,242,212);	
						
						}
						
						
								#strategycontents {
								position:absolute;
								width: 100%;
								max-height: 100%;
								overflow-y:scroll;
								-webkit-overflow-scrolling: touch;
								left: -200%;
								top: 0%;	
								background-color:#13110d;
								}
								
								#strategytitle {
								font-size: 3em;
								text-align:center;
								color:black;
								background: rgb(255,242,212);	
								}
								
								#strategysubstance {
								width: 95%;
								}
								
								#strategycontentpic {
								display:inline-block;
								float: right;
								width: 20%;
								padding: 0%;
								margin-top: 1%;
								
								padding-bottom:2.5%;
								}
								
								#strategytalk {
								font-size: 1em;	
								}
								
								#strategybackbutton {
								width: 100%;
								clear: both;
								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:2em;
						text-align:center;
						color:black;
						background: rgb(255,242,212);	
						}
						
						#phonepicture {
						width: 20%;
						margin-left: 21%;
						padding-bottom:5%;	
						}
						
						#emailpicture {
						width: 35%;
						margin-top: 10%;
						margin-left: 5%;
						padding-bottom: 5%;
						}
						
			#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: 3em;
			text-align:center;
			color:black;
			background: rgb(255,242,212);	
			}
			
			#aboutsubstance {
			width: 95%;
			
			}
			
			#abouttalking2 {
			width: 0%;
			font-size: 0%;
			left:100%;
			color:black;
			}
			
			#aboutstaff {
			width:80%;
			margin-left:4%;
			padding: 3% 5% 3% 5%;
			background-color:white;
			color: black;	
			}
			
			#abouttalk {
			font-size: 1em;	
			}
			
			#aboutbackbutton {
			width: 100%;
			font-size:2em;
			text-align:center;
			color:black;
			background: rgb(255,242,212);	
			margin-top: 5%;
			}
			
#aboutdeskpage {
	width: 0%;
	font-size: 0%;
	left: -200%;	
}

#aboutscroll {
	position: absolute;
	width: 0%;
	font-size: 0%;
	left: -200%;
}

#aboutscrollpic {
	width: 0%;
	left:-200%;	
}

#closeaboutdesk {
	width: 0%;
	font-size: 0%;	
}

#contactdeskpage {
	width: 0%;
	font-size: 0%;
	left: -200%;	
}

#contactslide {
	position: absolute;
	width: 0%;
	font-size: 0%;
	left:-200%;	
}

#buttonslide {
	width: 0%;
}

		#phonepicturel {
		width: 0%;
		left: -100%;	
		}
		
		#emailpicturel {
		width: 0%;
		left: -100%;
		}
	