body{
	height: 100%;
	width: 100%;
	padding:0px;
	margin:0px;
}

#header {
	padding-top:2%;
	padding-bottom:2%;
	margin:auto;
	text-align:center;
}

#title{
	display:block;
	padding-bottom:2%;
}
	
#title a{
	text-decoration:none;
	color:#0292d4;
	font-size:15px;
	font-family: Roboto Mono;
	font-weight: 400;
	letter-spacing: .13em;
	text-transform: uppercase;
	
}

#menu {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	

}

#menu ul {
	
	 list-style-type: none;
}
#menu li{
	padding: 12px;
	list-style-type: none;
	 display: inline;
	
}
#menu a{
	text-decoration: none;
	color:black;
}
#menu a:hover{
	text-decoration:bold;
	
}
.nav_toggle{
	display: block;
	width: 26px;
    height: 18px;
  
}


.dynamic-wrapper{
	padding-right:400px;
	padding-left:400px;
}

#page_header{
	margin:0px;
	/*font-family: alegreya;*/
	font-weight: 400;
    font-style: italic;
    font-size: 55px;
    letter-spacing: .01em;
    line-height: 1.3em;
    text-align:center;
	color:#333;
}

#slogan{
	margin:0px;
	/*font-family: alegreya;*/
	font-weight: 400;
   
    font-size: 25px;
    letter-spacing: .01em;
    line-height: 1.3em;
    text-align:center;
	color:#333;
}

#splash_pic{
	width:33.33%;
	padding:20px;
	margin:auto;
}


#splash_contact{
	
	
	padding-top:2%;
	padding-bottom:2%;

}
#contact_text{
	width:49%;
	text-align:right;
	float: left;
	height:100px;
	
	padding:1%;
	
	font-family: alegreya;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.5em;
}
#contact_button{
	
	text-align:left;
	padding:1%;
	height:100px;
	float:left;
}
#contact_button button{
	padding:4%;
	font-family: Roboto Mono;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .13em;
	color:white;
	background-color: #029ce3;
	border-color:#0292d4;
	white-space: nowrap;
}

#transform_table {
	padding:2%;
	width:75%;
	margin:auto;
}

#transform_table table{
	text-align:center;
}

#transform_table table,th, td{
	
	 border: 1px solid black;
  border-collapse: collapse;
}

/*Laptop Build*/
@media only screen and (max-width: 1024px) {
	.dynamic-wrapper {
		padding-right:70px;
		padding-left:70px;
	}
	#slogan{
		font-size:30px;
	}
	#splash_pic{
		width:75%;
	}
}

/*Tablet Build*/
@media only screen and (max-width: 768px) {
	.dynamic-wrapper {
		padding-right:40px;
		padding-left:40px;
	}
	#splash_pic{
		width:80%;
	}
}

/*Mobile Build*/
@media only screen and (max-width: 640px) {
	.dynamic-wrapper {
		padding-right:20px;
		padding-left:20px;
	}
	#slogan{
		font-size:25px;
	}
	#splash_pic{
		width:90%;
	}
}






#menu_bar a{
	color: light;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	display: block;
}

#menu_bar a.icon {
	background: black;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}