body {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    margin: auto;
 }

div.container {
    position: relative;
	max-width: 1024px;
	width: 1024px;	
    top: 0px;	
    height: 640px;	
	margin: 0 auto;
	background: ;	
    border-bottom: ;
}

#header {
	    z-index: 1;
    position: absolute;	
    top: 0px;
    left: 0px;
	width: 100%;
	height: 290px;
	background: ;	
	border-bottom: ;
}	
		/* Nav TOP Horizontal */

#nav1 {
	z-index: 1;
    position: relative;	
    top: 10px;
    left: 0px;
	width: 100%;
	height: 40px;
	background: ;	
}	
			
ul.class_top {
  width: 50%;  
  margin: 0px 0px 0px 320px;
  padding: 0;
  overflow: hidden;
  background-color: ;
}

li {
	float: left;
	list-style-position: inside;  
}

li a {
  display: ;
  color: grey;
  text-align: center;
  padding: 30px;
  text-decoration: none;
}

li a:hover {
  background-color: ;
}	
	
a.nounderline:link{
	text-decoration:none;
}

	/* End Nav Horizontal */

#compass1 {
	position: absolute;	 	
	top: 90px;
	left: 40px;
	width: 200px;	
	padding: ;	
	background: ;	
}	

#title {
	 z-index:1;	
	position: relative;	 
	justify-content: center;
	top: 40px;	
	width: 49%;	
	margin: auto;	
	background: ;	
}	
													
#ruler {
	position: absolute;	 	
	top: 130px;
	left: 260px;
	width: 500px;	
	padding: ;	
	background: ;	
}					
					
#compass2 {
	position: absolute;	 	
	top: 90px;
	left: 780px;
	width: 200px;	
	padding: ;	
	background: ;	
}					
				
	/* end of Header */
		

#section1 {
	position: relative;
	justify-content: center;	
    top: 210px;
    left: 0px;
	width: 100%;
	height: 170px;
	background: ;	
	border-bottom: ;
}

.grid-container {					/* for prices*/
	display: grid;
	grid-template: auto;
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	background-color: ;  
}

.grid-item div{
	background-color: ;
	border: ;
	padding: 1px;
	background-color: ;   
}

#prices {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: fit-content(210px) fit-content(210px) fit-content(210px);
	justify-content: center;
	grid-column-gap: 120px;
	position: relative;	
	top: 25px;
	left: 30px;
    width: 95%;	
    height: 55px;	
	background: ;		
	border-bottom: ;
}
				/* end of prices */

		/* end of section 1 */
		
#section2 {
	position: relative;	
    top: 200px;
    left: 0px;
	width: 100%;
	height: 120px;
	background: ;	
	border-bottom: ;
}

#note1 {
	position: relative;	 
	top: 10px;
	left: 10px;
	width: 50%;	
	background: ;	
}

#note2 {
	position: relative;	 
	top: 0px;
	left: 20px;
	width: 50%;	
	background: ;	
}

		/* end of section 2 */
		
			/* FOOTER */
		
	#fade {
	position: relative;
	top: 180px;
	left: 0px;
	width: 100%;  
	background: ;	
}	
		
.footer {
	position: relative;	
	top: 10px;
	left: 0px;	
	height: 110px;	
    width: 100%;	
	text-align: center;
	font: 14px/18px Cambria;
	color: #000000;
	background-color: ;	
}					

#nav2 {
    z-index: 11;		
	position: relative;
	top: 70px;
	left: 110px;
	width: 10%;
	font: 16px/16px;
	font-family: "Agency FB";
  text-decoration: none;
  color: #ffffff;  
	background: ;	
}

#contact {
    z-index: 1;		
	position: relative;
	top: 50px;
	left: 790px;
	width: 10%;
	font: 18px/14px;
	font-family: "Agency FB"; 
	background: ;	
}
.rights {
    position: relative;
	top: -5px;	
	left: 0px;		
	width: 100%;
    height: 20px;
	font: 14px/14px Cambria;	
  color: #ffffff; 	
	background: ;
}