img.home{
    display: block;
    width: 200px;
    height: 200px;
	margin-left: auto;
	margin-right: auto;
	
}

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

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 20px;
    text-decoration: none;
}

li a:hover {
    background-color: #111111;
}


    
body.home {
    background-image: url("Teapot.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

p.home{
	font-size: 100px;
	color: white;
	text-align: center;
		
}

a.home{
	text-decoration: none;
	  
}

h1.menu{
	text-align: center;
	color:black;
	font-size: 100px;
}

img.menu{
	display:block;
	display: block;
  	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height:auto;
}

p.about{
	text-align: center;
	color: white;
	display: block;
	margin: auto;
	font-size: 24px;
	padding: 10px;
}

h1.about{
	text-align: center;
	color: white;
	padding:60px;
	
}

body.about{
	background-image: url("About Us.jpg");
    background-repeat: no-repeat;
    background-size: cover
}


input[type=text], select, textarea {
    width: 100%; 
    padding: 12px; 
    border: 1px solid #ccc; 
    border-radius: 4px;
    box-sizing: border-box; 
    margin-top: 6px;
    margin-bottom: 16px; 
    resize: vertical 
}


input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}


input[type=submit]:hover {
    background-color: #45a049;
}


.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

p.contact{
	font-size: 18px;
	text-align: left;
	
}

div{
	clear:left;
}

iframe{
	float:left;
}