@charset "utf-8";
body {

	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: auto;
	padding: 0;
	color: #000;
	background: linear-gradient(#95f06d,#F98B88);
	background-position:center;
	background-size:100%;
	

	
}

main {
position: relative;
text-align: center;
background-size: cover;


}

nav {
	text-align: center;
	display: inline;
	font-family: sans-serif;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	text-align: center;
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px;
	
}



a:link {
	color: #95f06d;
	text-decoration: none;
}

a:visited {
	color: #95f06d;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}



header {
	background-color: #F98B88;
	text-align: center;
	background-image: url(tims_logo.png);
	background-repeat: no-repeat;
	background-position:left;
	background-size: 500px 80px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 100px;
	border: 3px solid white;
	
	
}



.banner #baner {
  background-image: url("homeimage.jpg");
  background-size: cover;
  background-position: center;
  font-family: cursive;
  height: 405px;
  width: 100%;
  border: 3px solid white;
  text-align: center;
  position: relative;
  color: white;
  vertical-align: baseline;
  
  
}
.flex-box {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	
	
}

.contact {
	text-align: center;
}

footer {
	text-align: center;
	
}

.soup {
	 background-image: url("steak.jpg");
  background-size: cover;
  background-position: center;
  font-family: cursive;
  height: 405px;
  width: 100%;
  border: 3px solid white;
  text-align: center;
  position: relative;
  bottom: 0;
  right: 0;
  color: white;
  
}

.corn {
  background-image: url("corn.jpeg");
  background-size: cover;
  background-position: center;
  font-family: cursive;
  height: 405px;
  width: 100%;
  border: 5px solid white;
  text-align: center;
  position: relative;
  bottom: 0;
  right: 0;
  color: white;
}
.potato {
  background-image: url("potato.jpg");
  background-size: cover;
  background-position: center;
  font-family: cursive;
  height: 405px;
  width: 100%;
  border: 5px solid white;
  text-align: center;
  position: relative;
  bottom: 0;
  right: 0;
  color: white;
  margin: auto;
}
.flexbox-container {
  display: flex;
  justify-content: space-between;
 border: 5px solid white;
  padding: 10px;
 height: 500px;
color: #95f06d;
 
  
	
	
}

.flex-container div {
  border: 1px #ccc solid;
  padding: 10px;
}

.box-1 {
  background-image: url("steak.jpg");
	
}

.box-2 {
	background-image: url("potato.jpg");
}

.box-3 {
	background-image: url("corn.jpeg");
}

.vid {
	border: 5px solid white;
}