.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:#f2f2f2}
.para {margin-top:3%;}
.lawn h1 {font-size:25px}
.lawn h1:hover {color:#9fc612}
.fin {background-image: url('images/pic10.jpg');
width: 103%;
height: 345px;
margin-top: 3%;
margin-left: -2%;}
.pic {
    width: 100%;
    margin-left: -16px;}
.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:10px;}
.lans {margin-left: 4%;margin-top:3%;border: solid 2px;}
.lans h3 {font-size: 25px;}
.lans h5 {font-size: 12px;}
.gin {background-image: url('images/pic16.jpg');
width: 138%;
height: 281px;
margin-left: -19%;
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 {display: inline-flex;margin-top:4%;}
.late {margin-top:5%;}
.under {background-color: white;height:187px;}
.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 {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;
width:100%;height:52%;
}
.under h1 {padding-top:13px;}

.zoom {
   
  transition: transform .2s;
  
}

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


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

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

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

.lawn:hover .overlay {
  bottom: 0;
  height: 100%;
}

.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;}
.icons {display:grid;
position: fixed;
	top:231px;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;
 
}