body {
	
	
	  background-repeat: repeat-y;
  background-size: 99%;
	overflow:auto;
  background-color: #002854 ;
  background-position: center;
 overflow-y:scroll;

}
  .container {
            max-width: 600px;
            margin: 0 auto;
            background: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

	h2 {
		
		
				margin-top:0%;
	 width:80%;
    align-self: center;
	 margin-left: auto;
 margin-right: auto;
}
	margin-left:auto;
	left:0;
	margin-top:0%;
	
	 z-index: 1;
	




 


  .google-reviews-widget {
	  margin-left:35%;
            width: 100%;
            max-width: 600px; /* Adjust the max width as needed */
            height: 450px; /* Adjust the height as needed */
            border: 1px solid #ccc;
            overflow: hidden;
            border-radius: 10px;
			@media screen and (max-width: 1000px) {
				  margin-left:25%;
				 width: 50%;
			}
        }
#mainheader {
	
		z-index: 0;
	

	
	
	text-align:center; 
	position:relative; 
	
	
margin-bottom:2%; 
 align-content: space-around;
	font-family: arial;
	 
  color: white;
 
}
#subheader {

		z-index: 0;
	

	

	text-align:center; 
	position:relative; 
	margin-top:0%; 
	padding:0px;
margin-bottom:2%; 
 align-content: space-around;
	font-family: arial;
	 
  color: white;
 
}
p {
	

		z-index: 0;
	
	
	padding: 10px;
	

 align-content: space-around;
	font-family: arial;
	 
  color: white;
}
.pcombo1 {
	

	margin-left:2%; 
	margin-right:2%;

	
  width: 100%;
  box-sizing: border-box;

}

#pmain {
display:flex;

margin-left:5%;
	margin-right:5%;
   align-content: space-around;
}

#psubleft {
		
	

	margin-top:2%;

	font-family: arial;
	 
  color: white;
	text-align:left;
  font-size: 100%; 

}

#psubright {
	margin-top:2%;
	align-content: space-around;
	text-align:left;
		
			
			
}

#psubleftrev {
		margin-top:2%;
		align-content: space-around;
	text-align:left;
		

	

}

#psubrightrev {

		margin-top:2%;

	font-family: arial;
	 
  color: white;
  text-align:left;
  font-size: 100%; 

			
}

@media screen and (max-width: 500px) {
	#mainheader {
	
		z-index: 0;
	

	
	
	text-align:center; 
	position:relative; 
	margin-top:5%; 
	padding:0px;

 align-content: space-around;
	font-family: arial;
	 
  color: white;
 
}


	#pmain {
display:block;
  text-align:center;


}

#psubleft {
	

 align-content: space-around;
	font-family: arial;
	 
  color: white;
text-align:left;
  font-size: 100%; 
width:100%;

}

#psubright {
	
	align-content: space-around;
	text-align:center;
	width:100%;

}

#psubleftrev {
	

 align-content: space-around;
	font-family: arial;
	 
  color: white;
text-align:left;
  font-size: 100%; 
width:100%;

}

#psubrightrev {
	
	align-content: space-around;
	text-align:left;
	width:100%;

}
}

ul.sidenav {

Left:0;
	margin-left:30%;
margin-right:auto;
	margin-top:0%;
	 z-index: 1;

	opacity:1;
	font-weight: bold;
	font-family: Arial;
  list-style-type: none;
  
  padding: 0;
  width:50%;
  
 color:#02aee0;
  height: auto;
  overflow: auto;


}

ul.sidenav li a{
	
	align-content: space-around;
	 width:20%;
height:35px;
}

@media screen and (max-width: 800px) {
	ul.sidenav {

Left:0;
	margin-left:26%;
margin-right:auto;
	margin-top:0%;
	 z-index: 1;

	opacity:1;
	font-weight: bold;
	font-family: Arial;
  list-style-type: none;
  
  padding: 0;
  width:50%;
  
 color:#02aee0;
  height: auto;
  overflow: auto;


}
  ul.sidenav li a{

	 width:25%;

}
}

@media screen and (max-width: 500px) {
	ul.sidenav {

Left:0;
	margin-left:26%;
margin-right:auto;
	margin-top:0%;
	 z-index: 1;

	opacity:1;
	font-weight: bold;
	font-family: Arial;
  list-style-type: none;
  
  padding: 0;
  width:50%;
  
 color:#02aee0;
  height: auto;
  
  overflow: auto;


}
  ul.sidenav li a{

	 width:25%;

}
}


.header1 {
		
	
background-image: url("src/ac.png");

background-position: center;
background-repeat:no-repeat;

	float:left;
  display: block;
  color: #33038c;
  
}
.header1focused:hover {

background-image: url("src/ac.png");
background-size: 100%;
background-position: center;
background-repeat:no-repeat;

}


.header1focused {
		

background-image: url("src/ac_on.png");

background-position: center;
background-repeat:no-repeat;

	float:left;
  display: block;
  color: #33038c;

}

.header1:hover {

background-image: url("src/ac_on.png");
background-size: 100%;
background-position: center;
background-repeat:no-repeat;

}

.header2:hover{



background-image: url("src/home.png");
background-size: 100%;
background-position: center;
background-repeat:no-repeat;

  
}

.header2 {
		
background-image: url("src/home_on.png");

background-position: center;
background-repeat:no-repeat;

	float:left;
  display: block;
  color: #33038c;
  	
}
	
.header2focused:hover{



background-image: url("src/home.png");
background-size: 100%;
background-position: center;
background-repeat:no-repeat;

  
}

.header2focused {
		
background-image: url("src/home.png");

background-position: center;
background-repeat:no-repeat;

	float:left;
  display: block;
  color: #33038c;
  	
}

.header3 {
		
	
background-image: url("src/services.png");

background-position: center;
background-repeat:no-repeat;

	float:left;
  display: block;
  color: #33038c;
  
}

.header3focused:hover {

background-image: url("src/services.png");
background-size: 100%;
background-position: center;
background-repeat:no-repeat;

}


.header3focused {
		
	
background-image: url("src/services_on.png");

background-position: center;
background-repeat:no-repeat;

	float:left;
  display: block;
  color: #33038c;
  
}

.header3:hover {

background-image: url("src/services_on.png");
background-size: 100%;
background-position: center;
background-repeat:no-repeat;

}

.header4 {
		
	
background-image: url("src/about.png");

background-position: center;
background-repeat:no-repeat;

	float:left;
  display: block;
  color: #33038c;
  
}

.header4focused:hover {

background-image: url("src/about.png");
background-size: 100%;
background-position: center;
background-repeat:no-repeat;

}


.header4focused {
		
	
background-image: url("src/about_on.png");

background-position: center;
background-repeat:no-repeat;

	float:left;
  display: block;
  color: #33038c;
  
}

.header4:hover {

background-image: url("src/about_on.png");
background-size: 100%;
background-position: center;
background-repeat:no-repeat;

}

.header5 {
		
	
background-image: url("src/contact.png");

background-position: center;
background-repeat:no-repeat;

	float:left;
  display: block;
  color: #33038c;
  
}

.header5focused:hover {

background-image: url("src/contact.png");
background-size: 100%;
background-position: center;
background-repeat:no-repeat;

}


.header5focused {
		
	
background-image: url("src/contact_on.png");

background-position: center;
background-repeat:no-repeat;

	float:left;
  display: block;
  color: #33038c;
  
}

.header5:hover {

background-image: url("src/contact_on.png");
background-size: 100%;
background-position: center;
background-repeat:no-repeat;

}