/**General**/
body{background: url("images/productvideo01.gif") top center no-repeat #ffe497; padding-bottom: 400px;background-size:100%;}
img{width:100%;}
html{scroll-behavior:smooth;}

/**Header**/

.logo a {display:block;width: 80%;margin-top: 5px !important;}
div.row.header{height: 200px;background-color:#dcb68a;opacity:70%;}
div.row.header a{color: #402110;font-size: 30px;text-decoration: none;font-family:"nunito",sans-serif;font-style: normal; font-weight: 700; display:block; margin-top:60px;}
div.row.header a:hover{color:#917479;}
div.header span {cursor:pointer; color:#402110;display: none;float: right;font-size: 50px;}


/**content**/
div.cta h1{box-sizing: border-box; background-color:#ffe497;height:80px;border-radius: 20px;border: 5px solid #dcb68a;margin-bottom: 0px;margin-top: 100px; font-family:"nunito",sans-serif;font-style: normal; font-weight: 800; font-size: 50px;color:#917479;letter-spacing: 9px;text-align: center;}
div.cta h2{box-sizing: border-box; background-color:#ffe497;height:80px;width: 430px; border-radius: 20px;border: 5px solid #dcb68a;margin-left:70px;margin-top:-10px;font-family:"nunito",sans-serif;font-style: normal; font-weight: 800;font-size: 50px;color:#917479;letter-spacing: 9px;text-align: center;}
div.cta h2 span{color:#f8ab49;font-family:"nunito",sans-serif;font-style: normal; font-weight: 800; font-size:50px;letter-spacing: 6px;}
div.row.order h1{font-family: "nunito",sans-serif; font-style: normal; font-weight: 800; font-size: 70px;color:#402110;margin-top:260px; text-align:center;}
div.row.order a {display:block; width:50%; margin:0 auto; text-align:center;text-decoration: none; font-family: "nunito",sans-serif; font-style: normal; font-weight: 800; font-size: 70px;color:#402110;box-sizing:border-box; background-color:#f8ab49;border-radius: 60px; border: 5px solid #F5E4C4;padding:15px;}
div.row.order img{margin-top:420px;width:100%;}

/**About**/
.about {background: url("images/woodwithflowers.jpg") no-repeat;padding-bottom: 200px;margin-top:100px;background-size: 100%;opacity: 90%;}
.about p {font-family:"nunito", sans-serif; font-style:normal; Font-weight:700;;font-size: 16px;padding-top:10px;color:#402110;}
.about h1{font-family:"nunito",sans-serif;font-style: normal; font-weight: 800; font-size: 70px;color:#917479;text-align: center;}
.about img{}

/**Menu**/
.menu h1{font-family: "nunito",sans-serif; font-style: normal; font-weight: 800; font-size: 70px;color:#402110;margin: 0 auto; text-align:center;}
.menu h2{font-family: "nunito",sans-serif; font-style: normal; font-weight: 800; font-size: 30px;color:#402110;}
.menu p span{font-family: "nunito",sans-serif; font-style: normal; font-weight: 800; font-size: 16px;color:#402110;}
.menu img{padding-top: 40px;}
.menu p{text-align: center;font-family:"nunito", sans-serif; font-style:normal; Font-weight:600;;font-size: 16px;padding-top:10px;color:#402110;padding-bottom: 10px;}

/**contact**/
.contact{margin-top:80px;background-color: #F2DCB3;padding-bottom: 30px;}
.contact h1{font-family: "nunito",sans-serif; font-style: normal; font-weight: 800; font-size: 70px;color:#402110;margin: 0 auto; text-align:center;}
.contact h2{font-family: "nunito",sans-serif; font-style: normal; font-weight: 800; font-size: 20px;color:#402110;}
.contact label{font-family: "nunito",sans-serif; font-style: normal; font-weight: 800; font-size: 30px;color:#402110;}
#message{width:80%;height:100px;padding:15px;border-radius: 10px; border: 3px solid #917479;}
#name,#email{width:40%;border-radius: 10px; border: 3px solid #917479;}
.submit{background-color: #f8ab49;margin-top: 20px;color: #402110;padding:20px;border-radius: 20px; border:solid #F5E4C4;font-family: "nunito",sans-serif; font-style: normal; font-weight: 800; font-size: 20px;cursor:pointer}
.contact a{display: block;float: right; width: 20%;}

.confirmation{margin-top:200px;background-color: #F2DCB3;margin-bottom: 700px;}
.confirmation h1{font-family: "nunito",sans-serif; font-style: normal; font-weight: 800; font-size: 60px;color:#402110;margin: 0 auto; text-align:center;}
.confirmation h2{font-family: "nunito",sans-serif; font-style: normal; font-weight: 800; font-size: 20px;color:#402110;text-align:center;}
/**Footer**/
.footer{background-color: #402110;height:150px;}
div.row.footer a{color: #F2DCB3;font-size: 30px;text-decoration: none;font-family:"nunito",sans-serif;font-style: normal; font-weight: 700; display:block; margin-top:40px;}
.footer p{font-family:"nunito", sans-serif; font-style:normal; Font-weight:600;;font-size: 16px;color:#F2DCB3; padding-top: 30px;}

/**hamberger**/
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: rgb(0,0,0);
  background-color: #FFE497;
  overflow-x: hidden;
  transition: 0.5s;
	opacity: 90%;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #402110;
	font-family: "nunito",sans-serif;
	font-style: normal;
	font-weight: 700;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #917479;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/**mobile**/
@media only screen and (max-width: 700px) {
	.overlay a {font-size: 40px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
;
  }
	/**mobile**/
	div.row.header a{display: none ;}
	div.row.header{height: 100px;}
	.logo a {display: block !important; margin-top: 0 !important;}
	.logo a img{width:18% !important;}
	div.header span{display: block;}
	div.cta h1{font-size:40px;}
	div.cta h2{font-size:40px;width:370px;}
	div.cta h2 span{font-size:40px;}
	
	div.row.order h1{font-size:35px;margin-top:20px;}
	div.row.order img{margin-top:120px;}
	div.row.order a {font-size:20px;border-radius: 30px;}
	.about{background:url("images/woodwithflowersmobile.png") 30%;}
	/**menu mobile**/
	.menu p{font-size: 10px;}
	.menu p span{font-size: 10px;}
	
	
	/**footer mobile**/
	.footer{height:170px;}
	div.row.footer a{font-size: 20px;}
	


}