.fab {padding:0px 5px;color:#7b7464}
.bac {background-color:#3a3a3a;height:80px;}
h6 {color:#7b7464; margin-left:8%;}
.fas {color:#7b7464; margin-top:2px;}
.first {margin-top:18px}
.num {margin-top:-8%;margin-left:16px;}
.par {margin-top:-5%}
.mon {margin-left: 10%; margin-top:-8%;}
.menus {margin-left:0%; background-color:#a2c046; border-end-start-radius: 31%;}
.log {margin-left:10%;background-color:#ffffff}
.second {margin-top:10px;margin-top: -2%;
}
.menus ul li {margin-left:4%;margin-top:12px;}
.ser {color:#9fc612;border-bottom: dotted;}
.we {border:solid 4px; border-color:#8a8282}
.para {margin-top:3%;}
.lawn h1 {font-size:25px}
.lawn h1:hover {color:#9fc612}
.fin {background-image: url('images/pic10.jpg');
width: 100%;
height: 600px;
margin-left: 0%;margin-top:3%;}
.pic {
    width: 100%;
    margin-left: -16px;}
.clr { margin-left: 11%}
.clr h4 a:hover {color:white;}
.left {margin-left: 45%;margin-top:35px;}
.right {margin-left: 1%;margin-top:35px;}
.side {border-bottom-style: dotted;color:#257985;margin-top: 20px;}
.side h1 {margin-left:5px;}
.full h1 {border-bottom-style: dotted;color:#257985;margin-top: 20px;text-align: center;}
.firm {margin-left:20%;margin-top:10%}
.full {border:solid 4px; border-color:#f2f2f2; margin-top:5%;box-shadow: 2px 4px 4pc 2px;}
.lans {margin-left: 4%;margin-top:3%;border: solid 2px;border-bottom-right-radius: 69px;
border-top-left-radius: 33px; background-color: #849f42}
.lans:hover{border: solid 2px;border-top-right-radius: 69px;
border-bottom-left-radius: 33px;border-bottom-right-radius: 0px;
border-top-left-radius: 0px; border-color: #9fc612;}
.lans h3 {font-size: 25px; color: brown;}
.lans h5 {font-size: 12px;}
.gin {background-image: url('images/pic16.jpg');
width: 100%;
height: 281px;

margin-top: 40px;}
.lag {background-image: url('images/20.png');
width: 141%;
height: 570px;
margin-left: -20%;
}
.run {color:black;border-bottom: dotted;border-bottom-color: darkgray;}
.lar {margin-top:4%;}
.late {margin-top:5%;}
.under {background-color: white;}
.under h1 {}
.gras {border:3px solid;color:#bca5b1;width:14%;margin:0px 10px}
.gras:hover {border:2px solid;color:#9fc612;}
.map {margin-top:4%}
.final {background-image: url('images/pic10.jpg');
width: 100%;
height: 345px;
margin-left: 0%;margin-top:3%;}
.final {color:white;}
.final h1 {font-size:30px;margin-top:14%}
.shot {margin-top: 25%;}
.shot h6 {color:#bca5b1}
.shot h6:hover{color:white;}
.tem h6{padding-left: 191px;
margin-top: -21px;
}
.under {background-color:white;

}
.under h1 {padding-top:13px;}

#zoom {
   
  transition: transform .2s;
  
}

#zoom:hover {
  transform: scale(1.1);
}

#zoom1 {
   
  transition: transform .2s;
  
}

#zoom1:hover {
  transform: scale(1.1);
}

#zoom2 {
   
  transition: transform .2s;
  
}

#zoom2:hover {
  transform: scale(1.1);
}


#zoom3 {
   
  transition: transform .2s;
  
}

#zoom3:hover {
  transform: scale(1.1);
}

#zoom4 {
   
  transition: transform .2s;
  
}

#zoom4:hover {
  transform: scale(1.1);
}

#zoom5 {
   
  transition: transform .2s;
  
}

#zoom5:hover {
  transform: scale(1.1);
}

#zoom8 {
   
  transition: transform .2s;
  
}

#zoom8:hover {
  transform: scale(1.2);
}

#zoom9 {
   
  transition: transform .2s;
  
}

#zoom9:hover {
  transform: scale(1.2);
}

#zoom10 {
   
  transition: transform .2s;
  
}

#zoom10:hover {
  transform: scale(1.2);
}

#zoom11 {
   
  transition: transform .2s;
  
}

#zoom11:hover {
  transform: scale(1.2);
}

#zoom12 {
   
  transition: transform .2s;
  
}

#zoom12:hover {
  transform: scale(1.2);
}

#zoom13 {
   
  transition: transform .2s;
  
}

#zoom13:hover {
  transform: scale(1.2);
}


.lawn {
  position: relative;
  width: 50%;
}

.image {
  display: block;
  width: 100%;
  height: 10%;
}

.overlay {
  position: absolute;
  bottom: 100%;
  top :0%;
  background-color:black;
  overflow: hidden;
  width: 85%;
  height:0;
  transition: .5s ease;
  opacity:0.6
}

.lawn:hover .overlay {
  
  height: 35%;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.sht {margin-top: 25%;}
.sht h6 {color:#bca5b1}
.sht h6:hover{color:#9fc612}
.ban {margin-top:5%}
.nam h1 {text-align:center;}
.nam h1:hover{color:#9fc612; background-color:black}
.gen {padding:0px 10px;}

.cart  {
  width: 0;
  position: fixed;
  z-index: 1;
  height: 250px;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.cart a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.cart a:hover {
  color: #f1f1f1;
}

.cart .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}

.opennav {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.opennav:hover {
  background-color:#444;
}

  .toggler { width: 500px; height: 200px; }


  #button { padding: .5em 1em; text-decoration: none; }
  #effect { width: 240px; height: 170px; padding: 0.4em; position: relative; }
  #effect h3 { margin: 0; padding: 0.4em; text-align: center; }

#mum {display: none;}
#fir{display:none;}
#for{display: none}
#block2 {display:none;}
#block4 {display:none;}
#block5 {display:none;}
.icons {display:grid;
position: fixed;
	top:550px;left:0px;
	font-weight:300
}
.icon-bar {
  width: 100%;
  background-color: #555;
  overflow: auto;
	 opacity: 2.0;
	 font-size: 20px;
	
	
}

.icon-bar a {
  float: left;
    text-align: center;
  padding: 12px 0;
   color: white;
  font-size: 36px;
  margin-left:20%
}

.icon-bar a:hover {
  background-color: #000;
 
}

#first {color:red}
#second {color:red}
#third {color:red}