/*Heading for tagline*/
h1{
    font-family: goudy old style;
}
/*Larger underlined headings*/
h2{
    text-decoration: underline;
    text-align: center;
    padding: 0;
    margin: 0;
    font-family: klinic slab;
    font-size: 35px;
}
/*Smallest heading*/
h3{
    text-align: center;
    font-family: klinic slab;
    font-size: 20px;
    color: white;
}
/*paragraph text*/
p{
    font-family: klinic slab;
    color: #5e1211;
    margin: 20px;
}
/*Main background color*/
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #d8c6b8;
}
/*navbar*/
nav{
    width: 100%;
    background-color: #0b9446;
    overflow: hidden;
}
.navbar-ul{
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #0b9446;
    top: 0;
    width: 100%;
}
.navbar-li{
    float: right;
    margin: 0 6px;
}
.active{
    background-color: #cf1c44;
}
.logo img{
    position: absolute;    
    margin-top: 3px;
    margin-left: 3px;
}
nav a{
    width: 100%;
    display: block;
    padding: 17px 7px;
    text-decoration: none;
    font-family: klinic slab;
    color: white;
    text-align: center;
}
/*Top Image with Tag Line on Index.html*/
.hero-image {
    background-image: url(images/noodles.jpg);
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}
/*About Background Image*/
.bg-about{
    background-image: url(images/chef.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*Contact Background Image*/
.bg-contact{
    background-image: url(images/italian-restaurant.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*Menu Background Image*/
.bg-menu{
    background-image: url(images/whole-tomato.jpg);
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*Text Boxes*/
.content{
    background-color: #0b9446;
    width: 80%;
    color: white;
    margin: 2% auto 2%;
	opacity: .75;
	filter: alpha(opacity=75);
	padding: 1%;
}
/*Sitemap Navigation*/
.sitemap-ul{
	background-color: #0b9446;
    width: 100%;
    display: inline-block;
    padding: 7px 0 7px 0;
    margin: 10px 0 10px 0;
	text-align: center;
	opacity: .75;
}
.sitemap-li a{
	color: white;
	text-decoration: none;
    font-family: klinic slab;
	font-size: 30px;
}
/*Color change for sitemap navigation*/
a:hover{
	color: #5e1211;
}
/*Internal navigation on Menu Page*/
.internal-links{
    background-color: #cf1c44;
    width: 100%;
    display: inline-block;
    padding: 7px 0 7px 0;
    margin: 10px 0 10px 0;
}
.internal-links a{
	color: white;
	text-decoration: none;
    font-family: klinic slab;
	font-size: 20px;
}
.text{
    color: white;
    font-size: 30px;
    font-family: klinic slab;
    padding: 0;
    text-align: center;
}
/*page footer*/
footer{
    color: #5e1211;
    text-align: center;
}