@charset "utf-8";

html { background-image: url(../images/bg.jpg);
		background-size: cover;
		background-attachment: fixed; }

body { background-image: url(../images/bg.jpg);
		background-size: cover;
	
	height: 100%;
	background-repeat: no-repeat;}


.sideNav { text-align: center;

	background-color: white;
	height: 100%;
		width: 135px;
	position: fixed;
	left: 0;
	z-index: 1;
	text-decoration: none;
	font-family:Tw Cen MT, Tw Cen MT Condensed, Tw Cen MT Condensed Extra Bold;
	overflow-x: hidden;
	transition:  0.3;
			font:normal;
			font-size: 18px;
		}



.sideNav a { display: block;
				color:black;
			border-right-color: transparent;
	border-right-style: solid;
	border-right-width: thin;
			}

.sideNav:hover {background-color: transparent;
				transition: 0.3s;}

.sideNav a:hover { text-decoration: none;	
					color: #b33600;
					text-shadow: 0px 0px 1px #b22600;
					background-color: white;
					
					border-right-style: solid;
					border-right-width: thin;
					border-right-color: #b22600;
					}
.home {top:0px;
		line-height: 100px;
		transform: .3s;
}


.menu {top:100px;
		line-height: 100px;
		transition: .3s;
		}


.about {top:200px;
		line-height: 100px;
		transition: .3s;}


.team {top:300px;
		line-height: 100px;
		transition: .3s;}


.adds { top:400px;
	line-height: 100px;
	transition: .3s;
	}

.content { margin-left: 135px;
		   margin-right: 30px;
		   font-family: Tw Cen MT, Tw Cen MT Condensed, Tw Cen MT Condensed Extra Bold;
		   padding-left: 30px;
	font-size: 30pt;
	text-align: left;
		  }
.gs {font-family: Tw Cen MT, Tw Cen MT Condensed, Tw Cen MT Condensed Extra Bold;
	color: #b22600;}
.sm { font-family: Rage Italic;}

.heading { padding-top: 25px; 
		 font-family: Tw Cen MT, Tw Cen MT Condensed, Tw Cen MT Condensed Extra Bold;
		font-size: 25pt;
	text-align: center;
}

.abt { }
.abtlogo {}

.addul { 
		font-family: Tw Cen MT, Tw Cen MT Condensed, Tw Cen MT Condensed Extra Bold;
		font-size: 14pt;
		list-style-type: none;}

.addul li { margin-left: 100px;
			text-align: center;
			
}

.title {font-size: 35pt;}

.fontsize { font-size: larger;}

.bolder { font-weight: bolder;}

.paragraph { font-size: 14pt; 
			text-indent: 1em;
			padding-top: 0;}

.text { margin-left: 120px;}


.logodiv {margin-left: 135px;
			}

.logo {  }


.adddiv { margin-left: 135px; 
			vertical-align: bottom;
			}
.address { font-family: Tw Cen MT, Tw Cen MT Condensed, Tw Cen MT Condensed Extra Bold;
		text-align: center;
		}

.address a:hover { color: white;}

.copy { text-align: center;
		margin-left: 135px;
		font-family: Tw Cen MT, Tw Cen MT Condensed, Tw Cen MT Condensed Extra Bold;
		padding-bottom: 0.5%;}
		
.bar {}

.p1 { }
.abtrest1 { float: right;
			 margin: 10px 0px 10px 15px;}
.abtrest2 { float: left;
			 margin: 10px 15px 10px 0px;}

hr {margin-left: 135px;}



@media (max-width: 767px){
	body { background-size: cover; 
		 }
}


@media (max-width: 550px){
	.address { margin-top: 5px; }
	
}


@media (max-width: 500px){
	.address { margin-top: 50px; }
	
}


@media (max-width: 450px){
	.address { margin-top: 95px; }
	
}




@media (max-width: 400px){
	
	body {background-image: url(../images/bg.jpg);
			background-size: cover;
		background-attachment: fixed;
			}
	
	.sideNav { width: 100%;
			background-color: transparent;
		top: 0;
		text-align: center;
		
		background-image: url(../images/addimg.png);
		background-position: center;
		background-size: cover;
		background-attachment: fixed;
	}
	
	
.sideNav a:hover { text-decoration: none;	
					color: #b33600;
					text-shadow: 0px 0px 1px #b22600;
					background-color: white;
					
					border-right-style: solid;
					border-right-width: thin;
					border-right-color: transparent;
					}
	
	.logodiv {margin-left: -10px;
				margin-top: 25px;
				}
	
	.logo {visibility: hidden;
			}
	
	.adddiv { visibility: hidden;}
	
	hr {display: none;}
	.copy { display: none;}
}