/* Header (of 2) style */
h2{
    color:rgb(190, 30, 45); 
    font-family: "athelas";
    font-style: normal;
    font-weight: 700;
    padding: 15px;
    text-align: center;
}

/* Paragraph style */
p{
    color: black;
    font-family: "athelas";
    font-style: normal;
    font-weight: 400;
	text-align: center;
}

/* Fixes nav bar to website, follows when scrools */
.topnav{ 
    position: fixed;
    top: 0;
    width: 100%;
}

/* background of nav bar */
.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:rgb(65, 57, 61);
}

/* Aligns them horizontal, not vertical */
.topnav a { 
    float: left;
   
}

/* Text of nav bar */
.topnav a {
    display: block;
    color: rgb(190, 30, 45);
    text-align: center;
    padding: 10px 30px;
    text-decoration: none;
	font-size: 30px;
}

/* Changes color when hover over */
.topnav a:hover {
    background-color: #111;
}

/* Highlights the current tab in nav bar */
.active{
    background-color: rgb(215, 228, 194);
}

/* Centers picture with a 30 padding so the image doesn't overlap the nav bar */
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
    
}

/* Centers Facebook logo */
.facebook {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;

}

/* Centers Twitter logo */
.twitter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    
}

/* Centers logo with a 50 padding so the image doesn't overlap the nav bar */
.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
    
}

/* Centers map */
.map {
	display: block;
	text-align: center;

}

/* Edits the welcome on the home page */
.welcome {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	font-size: 100px;
	color: #8a8c8f;
}

/* Put the discount on the bottom of the page, fixed to always see it */
.dailyDiscounts{
	position: fixed;
	text-align: right;
	width: 99%;
	bottom: 1px;
	font-size: 20px;
	color: rgb(215, 228, 194);
	
}

/* Formats Table for menu */
table {
	font-family: "athelas";
	border-collapse: collapse;
	width: 50%;
	text-align: center;
}

/* Edits the main part of the menu */
th{
	padding: 10px;
	font-size: 30px;
	font-weight: 300;
}

/* Edits the headers of the menu */
td{
	font-size: 40px;
	font-weight: 900;
	padding: 25px;
	color: rgb(190, 30, 45)
	
}






/* Background color */
body {
	
    background-color: rgb(138, 140, 143 );
		
}