@charset "UTF-8";
/* Website */

/* Body */
body {
	margin: auto;
	padding: auto;
	background-image: url("Images/pasta-1463917_1920.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

div.body {
	width: 100%;
	height: 100%;
	min-width: 1000px;
	min-height: 1000px;
}

/* Top Navigation */
ul.topnavigation {
	display:inline-block;
	font-family: "goudy old style";
	list-style-type: none;
	margin-left: 105px;
	padding-left: ;
	padding-right: 0px;
	overflow: hidden;
}

li.tab {
	text-align: center;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

li:last-child.tab {
	border-right: none;
}

li.tab a {
	background-color: rgba(85,50,55,0.75);
	display: block;
	color: rgba(215,197,183,1.00);
	text-align: right;
	padding: 5px 19.5px;
	text-decoration: none;
	margin-left: auto;
	margin-right:auto;
}

	/* Change the link color to rgba (85,50,55,1.00) */
li.tab a:hover {
	background-color: rgba(85,50,55,1.00);
}

/* Headings */
img.pastaamore {
	display:block;
	margin:auto;
	text-align: center;
	background-color: rgba(255,255,255,0.75);
	background-blend-mode: overlay;
	text-align:center;
	border-radius: 5px;
	width: 300px;
	height: auto;
	padding: 20px;
}

h1.Mission {
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	background-color: rgba(255,255,255,0.75);
	color: rgba(207,28,68,1.00);
	font-family:"goudy old style";
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 305px;
}

h1.Vision {
	display: inline-block;
	border-radius: 10px;
	margin-left: 380px;
	text-align: center;
	background-color: rgba(255,255,255,0.75);
	color: rgba(33,148,70,1.00);
	font-family:"goudy old style";
	padding-left: 20px;
	padding-right: 20px;
}

div.days {
	background-color: rgba(85,50,55,0.75);
	color: rgba(215,197,183,1.00);
	display: inline-block;
	float:right;
	margin-right: auto;
	padding: 5px;
	text-align: center;
	font-family:"goudy old style";
	margin-top: -112%;
	border-radius: 10px;
}

/* Paragraph's */
p.CityDescription {
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	background-color: rgba(85,50,55,0.75);
	color: rgba(215,197,183,1.00);
	font-family:"goudy old style";
	border:solid rgba(85,50,55,1.00)
}
p.MStatement {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -15px;
	text-align: center;
	background-color: rgba(85,50,55,0.75);
	color: rgba(215,197,183,1.00);
	font-family:"goudy old style";
	font-size: 18px;
	padding: 10px;
}

p.VStatement {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -15px;
	text-align: center;
	background-color: rgba(85,50,55,0.75);
	color: rgba(215,197,183,1.00);
	font-family:"goudy old style";
	font-size: 18px;
	padding: 10px;
}

p.Recipe {
	display: block;
	text-align: left;
	background-color: rgba(85,50,55,0.50);
	color: rgba(215,197,183,1.00);
}

p.restaurantlocation {
	display: inline-block;
	margin-top: auto;
	margin-left: 255px;
	margin-right: auto;
	text-align: center;
	background-color: rgba(85,50,55,0.75);
	color: rgba(215,197,183,1.00);
	font-family:"goudy old style";
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 20px;
	padding-right: 20px;
}

p.ourstory {
	display: inline-block;
	width: 560px;
	margin-left: 140px;
	margin-right: auto;
	text-align: center;
	background-color: rgba(85,50,55,0.75);
	color: rgba(215,197,183,1.00);
	font-family:"goudy old style";
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

p.restauarantinformation {
	display: inline-block;
	font-size: 20px;
	width: 560px;
	margin-left: 140px;
	margin-right: auto;
	text-align: center;
	background-color: rgba(85,50,55,0.75);
	color: rgba(215,197,183,1.00);
	font-family:"goudy old style";
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

p.information {
	float: left;
	display: inline-block;
	color: rgba(255,255,255,.90);
	text-align:center;
	margin-top: 10px;
	margin-left: 165px;
}

/* Images */
img.florence {
	display:block; 
	margin:auto;
	width: 600px;
	height: 400px;
	border-radius: 10px;
}

/*This recipe will be changed weekly*/
img.dailyrecipe {
	display:inline-block;
	width: 650px;
	height: 550px;
	border-radius: 20px;
	margin-left: 5px;
}

img.instagram {
	display: inline-block;
	width: 22.5%;
	height: auto;
	float:right;
	display: block;
	margin-top: -420px;
	margin-right: 14px;
	border-radius: 10px;
}

img.twitter {
	display: inline-block;
	width: 15.5%;
	height: auto;
	float:right;
	display: block;
	margin-top: -230px;
	margin-right: -135px;
	border-radius: 30px;
}

img.facebook {
	display: inline-block;
	width: 15.5%;
	height: auto;
	float:right;
	display: block;
	margin-top: -72px;
	margin-right: 45px;
	border-radius: 30px;
}

img.tomatopasta{
	display:inline-block;
	float: left;
	border-radius: 10px;
	width: 25%;
	height: auto;
}

img.traditionalpasta {
	display:inline-block;
	float: left;
	border-radius: 20px;
	width: 25%;
	margin-top: 10px;
	margin-bottom: 40px;
}

img.macaroni {
	display:inline-block;
	float: left;
	border-radius: 20px;
	width: 25%;
	margin-top: 10px;
	margin-bottom: 40px;
	margin-right: 10px;
}

img.margherita {
	display:inline-block;
	float: left;
	border-radius: 20px;
	width: 25%;
	margin-top: 10px;
	margin-bottom: 40px;
	margin-right: 10px;
}

img.cannoli {
	display:inline-block;
	float: left;
	border-radius: 20px;
	width: 25%;
	margin-top: 10px;
	margin-bottom: 40px;
	margin-right: 10px;
}

.Recipe {
	display: block;
	margin-left: 5px;
	width: 630px;
	background-color: rgba(85,50,55,0.75);
	color: rgba(215,197,183,1.00);
	margin-top: 15px;
	padding: 10px;
}

/* Bottom Navigation */
ul.bottomnavigation {
	display: inline-block;
	font-family: "goudy old style";
	font-size: 11px;
	margin-top: auto;
	margin-left: 150px;
	width: 100%;
	list-style-type: none;
	padding-top: 20px;
}

li.bottom {
	text-align: center;
	float: left;
}

li.bottom a {
	background-color: rgba(85,50,55,1.00);
	margin-top: auto;
	margin-bottom: -10px;
	display: inline-block;
	color: rgba(215,197,183,1.00);
	text-align: left;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	text-decoration: none;
}

/* Map */
img.googlemap {
	display: inline-block;
	margin-left: 192px;
	width: 500px;
	height: auto;
}

/* Side Paragraph */