@import url('https://fonts.googleapis.com/css?family=Linden+Hill|Spectral:700'); /* Import from Google Fonts */

body { /* Slate background color */
	background-color: #41393D;
}

header { /* Top logo, navigation bar, and social media icons*/
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 90px;
    background-color: #41393D;
}

footer { /* Bottom footer */
	position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
	height: 40px;
	text-align: center;
    background-color: white;
}

#logo{ /* Top, left TOWN logo */
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

#facebook { /* Facebook icon link */
    float: right;
	margin-top: 25px;
	height: 30px;
	width: 30px;
	padding-right: 20px;
}

#twitter { /* Twitter icon link */
    float: right;
	margin-top: 25px;
	height: 30px;
	width: 30px;
    padding-right: 15px;
}

nav ul { /* Horizontal navigation bar */
	list-style-type: none;
	margin: 0;
	padding: 0;
}

nav ul li {
	display: inline;
}

#links {
    float: right;
	margin-top: 30px;
}

#links a{
	color: #8a8c8f;
	font-size: 25px;
    padding-right: 50px;
	text-decoration: none;
}

#links a:hover {
	color: #d7e4c2;
	text-decoration: underline;
}

#food{ /* Homepage background image */
    margin-top: 125px;
    text-align: center;
}

#quote{ /* Homepage text overlay on image */
    color: white;
    font-size: 35px;
    font-family: 'Spectral', serif;
    font-weight: 700;
    font-style: italic;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 3px 3px 8px #000000;
}

#mission{ /* About page information */
    color: white;
    font-size: 30px;
    font-family: 'Spectral', serif;
    margin-top: 130px; 
}

#vision{
    color: white;
    font-size: 30px;
    font-family: 'Spectral', serif;
}

.about{
	color: white;
    font-size: 25px;
    font-family: 'Linden Hill', serif;
	margin-bottom: 50px;
}

#menu{ /* Menu table */
	margin-top: 130px;
}

#download{ /* Downloadable menu option */
	color: white;
	font-size: 20px;
	font-family: 'Linden Hill', serif;
    text-align: center;
	margin-bottom: 50px;
}

#download a{
	color: #be1e2d;
	text-decoration: none;
}

#contact{ /* Contact page information */
    color: white;
    font-size: 25px;
    font-family: 'Spectral', serif;
    text-align: center;
    margin-top: 100px;
}

#hours{
    color: white;
    font-size: 20px;
    font-family: 'Linden Hill', serif;
    text-align: center;   
}

#map{ /* Contact page embedded Google map */
    padding-top: 30px;
    text-align: center;
	margin-bottom: 50px;
}

#footer{ /* Bottom footer copyright information */
    margin-top: 7px;
    color: #41393D;
    font-family: 'Linden Hill', serif;
}