main.css

body{
	background:#FCF3CF;
	font-family: helvetica neue, helvetica, arial, sans-serif;
	color: #c0c0c0;
	padding: 0px 20px 10px 20px;
	margin: 0;
	text-transform: capitalize;
	font-size: 100%;
}
p, label{
	font-size: 1em;
	color: black;
	opacity: 0.7;
}
a{
	font-size: 3vw;
	color: black;
	opacity: 0.7;
	padding: 20px 30px 20px 30px;
	
}
h1{
	color: white;
	text-decoration: none;
	text-align: center;
	padding: 50px, 0px, 10px, 0px;
	opacity: 0.8;
	font-size: 20vw;
}
h2{
	color: #hbc;
	padding: 30px 0px 50px 0px;
	font-size: 1.2em;
	font-weight: 100;
	opacity: 0.8;
}
/*--BANNER--*/
nav a:link, nav a:visited{
	color:white;
	/*padding: 20px 30px 20px 30px;*/
	opacity: 0.6;
	
}

nav a:hover{
	color: white;
	opacity: 0.5;
	
}
nav a:active{
	color: black;
	opacity: 1;
}

nav a{
	font-size: 3vw;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	color: black;
	opacity: 0.8;
}

h2.subhead{
	color: white;
	font-size: 2vw;
	font-weight: bold;
}
.subhead{
	padding: 0px 60px 0px 60px;
}

header{
	background-image: url(bread.jpg);
	background-size: 100% 100%;
	color: white;
	margin:0;
}

/*frame1*/
.maps{
	flex: 2 0 100%;
	width: 600px;
	padding: 25px;
	border: 1px solid red;
	margin: 0px;
}
/*frame2*/

.vid{
	flex: 2 0 25%;
	height: 25vw;
	
	width: 25vw;
	
	position: relative;
	overflow: hidden;
	
	border: 1px solid red;
	margin: 0px;
	
}
/*frame3*/
.orderform{
	flex: 2 2 100%;
	height: 100%;
	
	position: relative;
	border: 1px solid red;
	margin: 0px;
}
form{
	padding: 2% 40% 5% 40%;
}
label{
	padding: 2% 0% 2% 0%;
}