/* Home page */
ul {
    list-style-type: none;
	margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #d7e4c2;
  }

li {
    float: right;
   }

li a {
      display: block;
      color: #be1e2d;
      text-align: center;
      padding: 36px;
      font-size: 24px;
      text-decoration: none;
     }

li a:hover {
            background-color: #d7e4c2;
           } 
        
h1 { 
	color: #be1e2d; font-size: 52px;
   }

p { 
	color: #be1e2d; font-size: 26px;
  }
		
#rightCol {
			text-align: center;
			background-color: rgba(215,228,194,0.67);
			margin-left: auto;
			margin-right: auto;
			height: 425px; 
			width: 900px;
			margin-top: 30px;
		  }
		
#footer p {
			text-align: center;color: #be1e2d;
			float: none; font-size: 16px;
		  }

/* About page */
        
h2 { 
	color: #be1e2d; 
	font-size: 52px; 
   }

p2 { 
	color: #be1e2d; 
	font-size: 26px; 
   }
		
.about {
		height: 450px; 
		width: 800px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		background-color: rgba(215,228,194,0.67);
		position: relative;
	  }
			
/* Gallery page= couldn't link css page. It would change my layout. */ 
       
/* Menu page */
h4 { 
	color: #be1e2d; 
	font-size: 40px;}

p { 
	color: #be1e2d; 
	font-size: 18px;
   }    
		/*style for menu */
.menu {
		height: 525px; 
		width: 1175px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		background-color: rgba(215,228,194,0.67);
		position: relative;
	  }

.column {
		  float: left;
    	  width: 350px;
		  height: 700px;
		  padding-left: 30px;
		  text-align: right;
		}
		
.column h4 {
			style="text-align: center";
			color: #be1e2d;
		   }
		
.column p {
			color: #be1e2d;
		  }
		
.column img {
    		  display: block;
    		  margin-left: auto;
    		  margin-right: auto;
			  padding-left: 0 !important;
    		  width: 200px;
			}
		
.row:after {
    		content: "";
    		display: table;
    		clear: both;
			float: center;
		   }