/* HEADER*/
.header {
		background-color: #ebe7e1;
		margin-top: 3%;
		margin-left: 1%;
		margin-right: 1%;
		height: 80px;
		margin-bottom: 2%;
		}
		.line {
		margin-top: -1%;
		height: 5px;
    width: 100%;
		background-color: black;
    transform: translate(0,4%
);
		}
@font-face {
		font-family: myFirstFont;
  		src: url(../css/fonts/fnt1.ttf);
  		}
  		@font-face {
		font-family: mysecFont;
  		src: url(../css/fonts/fnt2.ttf);
  		}
  		@font-face {
		font-family: mythrFont;
  		src: url(../css/fonts/fnt3.ttf);
  		}
  		.menu, .gallery, .order, .contact {
  			float: right;
  			background-color: transparent;
  			text-decoration: none;
  			height: 45px;
  			font-size: 30px;
  			width: 10%;
  			margin-top: -1.8%;
  			border: none;
  			padding-bottom: 0;
        font-family: myFirstFont;
        margin-bottom: -50%;
  		}
      .contact {
        margin-right: 44%;
      transform: translate(365%,65%);
      }
      .menu {
        margin-right: 5%;
        transform: translate(-800%,65%);
      }
      .order {
        margin-right: 5%;
        transform: translate(-195%,65%);
      }
  		.gallery {
  			margin-right: 3%;
        transform: translate(-625%,65%);
  		}
  		.menu:hover, .gallery:hover, .order:hover, .contact:hover {
  			color: #c2ae9d;
  		}
/*BODY*/
.logocontainer {
  transform: translate(40%,-245%);
}
.logo {
  width: 20%;
}
#map {
	margin-left: 15%;
	margin-top: -15%;
  height: 320px;
 
  width: 20%;
 float: left;
}
.hours {
	margin-left: 4%;
	margin-top: -15%;	
	height: 320px;
	float: left;
 
  width: 20%;
}
.hoursimg {
  width: 125%;
}
.postcard {
	margin-left: 13%;
	height: 530px;
	width:75%;
	border: 3px solid black;
}
.half1 {
	width: 60%;
float: left;
}
.half2 {
	width: 32%;
	float: left;
	margin-top: 12%;
}
p {
	font-family: mysecFont;
	width: 55%;
	margin-left: 12%;
	margin-right: 0%;
}
h1 {
	width: 50%;
	font-family: myFirstFont;
	margin-left: 12%;
	margin-top: 25%;
}
.stamp {
	width: 50%;
	margin-top: -50%;
	margin-left: 65%;
}


.form {
  margin-bottom: 5%;
}



/*form*/
input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #f2d7c2;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;

}

input[type=submit]:hover {
  background-color: #f3c6b3;
}

div {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}