@charset "UTF-8";
    body{
        background-color:rgb(113,114,115);
    }

    div.header{
        background-color:rgba(255,255,255,.8);
        margin:auto;
        width:75%;
        height:auto;
        text-align: center;
    }
    div.header img{
        width:inherit;
        max-width: 50%;
        min-width: 250px;
    }
    div.page-container{
        border: 5px solid white;
        border-radius: 10px;
        background-color:white;
        margin:auto;
        margin-top:10%;
        width:75%;
        min-width: 350px;
        height: auto;
        min-height:500px;
    }
    div.nav{
        font-size:20px;
        text-align: center;
    }
    #nav{
        display:inline;
    }
    #nav li{
        display:inline;
        padding-right: 40px;
    }
    #nav a{
        color:#41393d
    }
    #nav a:hover{
        color:#ef4e22;
    }

    div.content{
        border: 5px solid black;
        border-radius:10px;
        margin-top:-7%;
        padding: 70px 10px 10px 10px;
        height:auto;
    }

#main_image{
	width:100%;
	margin-top:10px;
	padding-top: 15px;
	border-top: 1px solid black;
}
#main_image img{
	height: 500px;
	width:100%;
}
#mission{
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
    #mission h2{
        font-size:30px; 
        font-family: 'Majesti';
    }
#vision{
	width:80%;
	margin-left:10%;
	margin-right: 10%;
}
    #vision h2{
        font-size:30px; 
        font-family: 'Majesti';
    }
    #about h1{
        font-size:35px;
		text-align: center;
		color:rgb(190, 30, 45);
    }
	#staff {
		width: 80%;
		margin-left:10%;
		margin-right:10%;

	}
	#staff h2{
        font-size:30px;
		text-align: center;
		color:rgb(190, 30, 45);

    }
	#staff p{
		display:inline;
	}
	#staff img{
		display:inline;
		width:50%;
	}
    footer{
        background-color:black;
        color:rgb(113,114,115);
        font-size: 12px;
        margin:auto;
        margin-top: 20px;
        width:100%;
        text-align:center;
    }
    section.address{
        padding-top:10px;
        font-size:14px;
		display: inline-block;
    }
    #sitemap{
        width:25%;
        text-align:left;
        display:inline-block;
    }
    ul.sitemap{
        list-style:none;
        margin:0;
        margin-right:20px;
        padding:0;
        display:inline-block;
    }
    ul.sitemap a{
        color:rgb(113,114,115);
    }
	ul.sitemap a:hover{
		color:#d4a186;
	}
    section.legal{
        width:25%;
        display:inline-block;
        text-align:right;
    }
    
    div.special{
        margin:auto;
        border-top:1px solid rgb(113,114,115);
        margin-top:15px;
    }
    .menu-item{
        background-color:white;
        display:inline-block;
        width:29%;
        padding-left: 10%;   
        padding-right: 10%;
        text-align:center;
        border-right: 1px solid rgb(113,114,115);
    }
    div.menu-item img{
        height:150px;
        padding-top:10px;
    }
    div.menu-item a{
        color:rgb(190, 30, 45);
    }
    div.reserve{
        background-color:white;
        font-size:25px;
        display:inline-block;
        width:29%;
        padding-left: 10%;   
        padding-right: 10%;
        text-align:center;
        position:relative;
        bottom:70px;
    }
    div.reserve a{
        color:rgb(190, 30, 45);
    }  

#form{
	display:inline-block;
	margin-left: 19%;
	background-color:black;
	padding: 20px;
	color:white;
}

#location{
	display:inline-block;
	margin-left:19%;
	margin-top:5%;
	margin-bottom:5%;
	
}
#location img{
	width:200px;
}

#form h1{
	color: rgb(190, 30, 45);
}
#location h1{
	color:rgb(190, 30, 45);
}

#menu h1{
	color:rgb(190, 30, 45);
	text-align:center;
}
#menu img{
	margin-left:15%;
}
#reserve{
	text-align:center;
	margin-top: 5%;
	margin-bottom:5%;
}
#reserve h1{
	color:rgb(190, 30, 45);
}
#reserve p{
	padding-left: 30%;
	padding-right: 30%;
}