/*
LeeP - 24-May-2023
JR CSS
*/

/* * * * * * * * * * DESKTOP * * * * * * * * */
@media screen and (min-width: 990px) { 

	/*INDEX PAGE CSS*/
	.divHeaderMain{width:84%;border:0px solid black;margin-left:8vw}
	.mainLogo{float:left}
	.mainImg{width:12vw;cursor: pointer;height:auto}
	.clear{clear:both}
	.fa {padding: 1vw;font-size: 1vw !important;width:1vw;text-align: center;text-decoration: none;background-color:#6aaf07;border-radius: 2vw;color:white}
	.fa:hover{opacity: 0.8}
	.divMainHeading{float:left;font-size:1.8vw;margin-left:22vw;margin-top:1.5vw;font-family: calistoga;color:black}
	.divIconsMain{float:right;margin-top:2vw}
	.divFacebook{float:left;}
	.divTwitter{float:left;margin-left:1vw}
	.divYT{float:left;margin-left:1vw}
	.divMainNav{float:left;width:60%;background-color: #272727;z-index: 100;position: absolute;height:5.2vw}
	.divNavOne{padding:2vw}
	.divNavTwo{width:7vw;float:left;text-align: center}
	.navBtns{color:white;font-size:1vw;width:5vw;text-transform: uppercase;font-weight: bold;text-decoration: none}
	.divMainNavTwo{float:left;width:91.9%;background-color: #6aaf07;position: absolute;z-index: 1;height:5.2vw}
	#content{margin-top:8vw;width:84%;border:0px solid black;margin-left:8vw}
	@font-face {font-family: calistoga;src: url('../fonts/Calistoga-Regular.ttf')  format('truetype');}
	@font-face {font-family: roboto;src: url('../fonts/Roboto-Regular.ttf')  format('truetype');}
	.divFooterIndexMain{height:5vw;background-color:#272727;width:100%;position: relative;clear:both;bottom:0;margin-top:auto;}
	.phoneIndex{background-color: transparent;cursor:default;padding:0.5vw;color:white !important}
	.divPhoneMain{;z-index: 2;position: relative;color:white}
	.divPhoneTwo{top:50%;position: absolute;transform: translate(0%, 80%);left:66%;font-size:1vw;font-weight: bold}
	.burgerMenu{display:none}
	
	/*HOME PAGE CSS*/
	.homeMainDivOne{float:left;width:50%}
	.homeDivOne{margin-top:0.5vw;font-size:1.1vw;line-height: 1.6vw;width:40vw;border:0px solid black}
	.homeDivTwo{margin-top:3vw;font-size:1.1vw;line-height: 1.6vw}
	.homeDivThree{margin-top:2vw;}
	.homeMainDivTwo{float:left;width:50%}
	.lawnImg{width:41.73vw;height:auto}
	/*.homeDivFour{float:left;width:50%;margin-top:1vw;font-size:1vw;line-height: 1.6vw}*/
	.homeDivFour{float:left;width:100%;margin-top:1vw;font-size:1vw;line-height: 1.6vw}
	.homeDivFive{float:left;width:50%;margin-top:1vw;font-size:1vw;line-height: 1.6vw}
	.smlBtns{text-decoration:none;word-spacing: 0.1vw;font-weight: bold;color:black !important;font-size:0.65vw}
	.smlBtns:hover{text-decoration: underline}
	.homeHeader{font-family: 'Calistoga', cursive;color:black;font-size:3vw;font-weight: normal}
	.leftBtn{border:0px solid blue;width:5vw;position: relative;/*float:left;*/;;;}
	.leftBtn:hover{opacity: 0.6;}
	.rightBtn:hover{;opacity: 0.6;}
	.rightBtn{border:0px solid blue;width:5vw;float:right;margin-right:-2vw}
	.leftArrBtn{display:inline-block;position: absolute;width:3vw;height:1.2vw;background-image: url(../images/left-new.png);background-repeat: no-repeat;background-color: transparent;border:0.1vw dashed #6aaf07;background-position: center;cursor: pointer;background-size: 0.25vw}
	.rightArrBtn{display:inline-block;position: absolute;width:3vw;height:1.2vw;background-image: url(../images/right-new.png);background-repeat: no-repeat;background-color: transparent;border:0.1vw dashed #6aaf07;background-position: center;cursor: pointer;background-size: 0.25vw}
	.divHomeImageMain{height:21.15vw;overflow-y: hidden;overflow-x: hidden;}
	.divHomeSpacer{margin-top:5vw}
	
	/*ABOUT US CSS*/
	.divAboutTxt{width:47%;float:left;font-size:1.1vw}
	.divAboutImg{;float:left;margin-left:2vw}
	.aboutHeader{}
	
	/*SERVICES CSS*/
	.divServiceMain{width:50%}
	.divServiceContent{font-size:1.1vw;margin-bottom: 4vw}
	.servicesHeader{}
	
	/*FOOTER CSS*/
	.divFooterMain{width:50%;border:0px solid red;;top:50%;position: absolute;transform: translate(-50%, -50%);left:50%}
	.footerNavBtns{color:white;font-size:0.6vw;width:5vw;text-transform: uppercase;font-weight: bold;text-decoration: none}
	.divFooterNav{;top:50%;position: absolute;transform: translate(0%, -50%);}
	.footerNav{width:4vw;float:left;text-align: center;}
	.footerIconsMain{margin-left:18vw}
	.footerPhoneMain{;top:50%;position: absolute;transform: translate(-80%, -50%);left:80%}
	.divFooterPhone{color:white;font-size:1vw}
	
	/*GALLERY CSS*/
	.slide {border: none; opacity: 0; position: absolute;-webkit-transition: opacity 2s linear;-moz-transition: opacity 2s linear;-o-transition: opacity 2s linear;transition: opacity 2s linear;;width:50vw}
	.showMe {opacity: 1;}
	.groupSlide{animation: slideIn 2s ease forwards .1s;opacity: 1}
	.container{margin-top:2vw;position: relative}
	.gallerySpacer{margin-top:30vw;}
	.galleryHeader{}

	body{font-family: roboto, sans-serif;;color:#272727;margin:0;padding:0;min-height: 100vh;display:flex;flex-direction: column}
	h1{margin-block-start:0vw;margin-block-end:0vw;font-family: 'Calistoga', cursive;color:black;font-size:3vw;font-weight: normal}
	a:hover{color:#6AAF07}
	#container {position: relative;}
	
	
	    
}

@keyframes slideIn {
  0% {
    transform: translateX(0vw) scale(.2);
  }
  100% {
    transform: translateX(0vw) scale(1);
  }
}
	

/* * * * * * * * * * * * PHONE * * * * * * * * * * * */
@media screen and (max-width: 990px) {
	/*INDEX PAGE CSS*/
	.divHeaderMain{width:84%;border:0px solid black;margin-left:8vw}
	.mainLogo{text-align: center}
	.mainImg{width:65vw;cursor: pointer;height:auto}
	.clear{clear:both}
	.fa {padding: 1vw;font-size: 1vw !important;width:1vw;text-align: center;text-decoration: none;background-color:#6aaf07;border-radius: 2vw;color:white}
	.fa:hover{opacity: 0.8}
	.divMainHeading{font-size:5vw;;margin-top:1.5vw;font-family: calistoga;color:black;text-align: center;margin-bottom: 5vw}
	.divIconsMain{display:none}
	.divFacebook{}
	.divTwitter{}
	.divYT{}
	.fa-facebook{padding:4vw !important;font-size:6vw !important;width:6vw !important; border-radius: 7vw !important}
	.fa-twitter{padding:4vw !important;font-size:6vw !important;width:6vw !important; border-radius: 7vw !important;margin-top:4vw}
	.fa-youtube{padding:4vw !important;font-size:6vw !important;width:6vw !important; border-radius: 7vw !important;margin-top:4vw}
	.divMainNav{float:left;width:60%;background-color: #272727;z-index: 100;position: absolute;height:5.2vw;display:none}
	.divNavOne{padding:2vw}
	.divNavTwo{width:7vw;float:left;text-align: center}
	.navBtns{color:white;font-size:1vw;width:5vw;text-transform: uppercase;font-weight: bold;text-decoration: none}
	.divMainNavTwo{float:left;width:91.9%;background-color: #6aaf07;position: absolute;height:10.2vw;}
	#content{margin-top:17vw;width:84%;border:0px solid black;margin-left:8vw}
	@font-face {font-family: calistoga;src: url('../fonts/Calistoga-Regular.ttf')  format('truetype');}
	@font-face {font-family: roboto;src: url('../fonts/Roboto-Regular.ttf')  format('truetype');}
	.divFooterIndexMain{height:auto;background-color:#272727;width:100%;position: relative;clear:both;bottom:0;margin-top:auto;}
	.phoneIndex{background-color: transparent;cursor:default;padding-right:4vw;color:white !important;font-size:4.5vw !important}
	.divPhoneMain{;z-index: 2;position: relative;color:white}
	.divPhoneTwo{top:50%;position: absolute;transform: translate(0%, 30%);left:5%;font-size:4.5vw;font-weight: bold}
	
	/*HOME PAGE CSS*/
	.homeMainDivOne{width:100%}
	.homeDivOne{margin-top:0.5vw;font-size:3.5vw;line-height: 4.5vw;width:100%;border:0px solid black}
	.homeDivTwo{margin-top:3vw;font-size:1.1vw;line-height: 1.6vw}
	.homeDivThree{margin-top:2vw;}
	.homeMainDivTwo{width:100%;margin-top:5vw;border:0px solid red}
	.lawnImg{width:84vw;height:auto}
	/*.homeDivFour{float:left;width:50%;margin-top:1vw;font-size:1vw;line-height: 1.6vw}*/
	.homeDivFour{float:left;width:100%;margin-top:10vw;font-size:3.5vw;line-height: 4.5vw}
	.homeDivFive{float:left;width:50%;margin-top:1vw;font-size:1vw;line-height: 1.6vw}
	.smlBtns{text-decoration:none;word-spacing: 0.1vw;font-weight: bold;color:black !important;font-size:3vw}
	.smlBtns:hover{text-decoration: underline}
	.homeHeader{font-family: 'Calistoga', cursive;color:black;font-size:5vw;font-weight: normal;text-align: center}
	.leftBtn{border:0px solid blue;width:5vw;position: relative;/*float:left;*/;;;}
	.leftBtn:hover{opacity: 0.6;}
	.rightBtn:hover{;opacity: 0.6;}
	.rightBtn{border:0px solid blue;width:5vw;float:right;margin-right:5vw}
	.leftArrBtn{display:inline-block;position: absolute;width:10vw;height:7.2vw;background-image: url(../images/left-new.png);background-repeat: no-repeat;background-color: transparent;border:0.4vw dashed #6aaf07;background-position: center;cursor: pointer;background-size: 1.8vw}
	.rightArrBtn{display:inline-block;position: absolute;width:10vw;height:7.2vw;background-image: url(../images/right-new.png);background-repeat: no-repeat;background-color: transparent;border:0.4vw dashed #6aaf07;background-position: center;cursor: pointer;background-size: 1.8vw}
	.divHomeImageMain{height:42.8vw;overflow-y: hidden;overflow-x: hidden;}
	.divHomeSpacer{margin-top:5vw}
	
	/*ABOUT US CSS*/
	.divAboutTxt{float:left;font-size:3.5vw}
	.divAboutImg{;float:left;margin-bottom: 5vw}
	.aboutHeader{font-size:5vw}
	
	/*SERVICES CSS*/
	.divServiceMain{}
	.divServiceContent{font-size:3.5vw;margin-bottom: 4vw}
	.servicesHeader{font-size:5vw}
	
	/*FOOTER CSS*/
	.divFooterMain{width:80%;border:0px solid red;margin:auto;padding-top:6vw}
	.footerNavBtns{color:white;font-size:5.2vw;width:5vw;text-transform: uppercase;font-weight: bold;text-decoration: none}
	.divFooterNav{;/*margin-top:5vw*/;margin-bottom: 5vw;width:65%;float:left}
	.footerNav{text-align: center;/*margin-top:1.5vw*/;height:14vw}
	.footerIconsMain{/*margin-left:28vw;margin-top:-28.5vw;position: absolute*/float:left/*;margin-top:7.5vw*/}
	.footerPhoneMain{;top:50%;/*position: absolute;transform: translate(-80%, -50%)*/;left:75%;margin-bottom:5vw;clear:both}
	.divFooterPhone{color:white;font-size:4.5vw;text-align: center}
	
	/*GALLERY CSS*/
	.slide {border: none; opacity: 0; position: absolute;-webkit-transition: opacity 2s linear;-moz-transition: opacity 2s linear;-o-transition: opacity 2s linear;transition: opacity 2s linear;;width:84vw}
	.showMe {opacity: 1;}
	.groupSlide{animation: slideIn 2s ease forwards .1s;opacity: 1}
	.container{margin-top:2vw;position: relative;height:42.5vw}
	.gallerySpacer{margin-top:5vw;}
	.galleryHeader{font-size:5vw}

	body{font-family: roboto, sans-serif;;color:#272727;margin:0;padding:0;min-height: 100vh;display:flex;flex-direction: column}
	h1{margin-block-start:0vw;margin-block-end:0vw;font-family: 'Calistoga', cursive;color:black;font-size:3vw;font-weight: normal}
	a:hover{color:#6AAF07}
	#container {position: relative;}
	
	/*BURGER MENU CSS*/
	#toggle {display: none;}

	.hamburger {position: fixed;/*top: 5em;margin-top: -15vw*/;margin-left:-6.8vw;width: 6.5vw;height: 1vw;z-index: 1;}
	.hamburger div {position: relative;width: 6.5vw;height: 1vw;background-color: #6AAF07;margin-top: 1.5vw;transition: all 0.3s ease-in-out;}
	.mobileButtons{font-size:7vw}
	.burgerMenu{z-index: 10000;position: relative}

	.nav {position: fixed;width: 100%;height: 100%;background-color: #272727;top: -100%; left: 0; right: 0; bottom: 0;overflow: hidden;transition: all 0.3s ease-in-out;transform: scale(0);}
	.nav-wrapper {position: relative;overflow: hidden;overflow-y: auto;height: 100%;}
	nav {text-align: left;margin-left: 25%;}
	nav a {position: relative;text-decoration: none;color: white;font-size: 2em;display: inline-block;margin-top: 1.25em;transition: color 0.2s ease-in-out;letter-spacing: 1px;}
	/*nav a:before {content: '';height: 0;position: absolute;width: 0.25em;background-color: white;left: -0.5em;transition: all 0.2s ease-in-out;}*/
	nav a:hover {color: white;}
	nav a:hover:before {height: 100%;}

	/*#toggle:checked + .hamburger .top-bun {transform: rotate(-45deg);margin-top: 25px;}
	#toggle:checked + .hamburger .bottom-bun {opacity: 0;transform: rotate(45deg);}
	#toggle:checked + .hamburger .meat {transform: rotate(45deg);margin-top: -7px;}*/
	#toggle:checked + .hamburger + .nav {top: 0;transform: scale(1);}

	
}