@charset "utf-8";

<style>
  /* Add your CSS styles here */
  header, nav, section, footer { margin: 20px; padding: 20px; }
  nav ul { list-style-type: none; }
  nav ul li { display: inline; margin-right: 10px; }
  nav ul li { display: block; margin: 0; }
  
/* Set a max-width for the entire page */
        body {
            font-family: Arial, sans-serif; 
            color: #333333;
            max-width: 866px;
            margin: 0 auto; 
/* Center the content horizontally */
            padding: 20px;
background-color: #333333;

        }

/* Main content */
main {
        background-color: #ffffff;
        padding: 20px;
}


/* Rounded content */

.mainRounded {
  border-radius: 25px;
  border: 2px solid #CEF163;
  background: #EEF3ED;
  padding: 20px;
        }

/* Footer image */
 
  @media (max-width: 600px) {
    #imgFooter1 {
      display: none; /* Hide on mobile screens */

    }
    #imgFooter2 {
      width: 100%;
      height: auto;
    }

      }
@media (min-width: 601px) {
    #imgFooter2 {
      display: none; /* Hide on desktop screens */

    }
     #imgFooter1 {
      width: 100%;
      height: auto;
 }

  }
/* Hero image */
 
  @media (max-width: 600px) {
    #img1 {
      display: none; /* Hide on mobile screens */

    }
    #img2 {
      width: 100%;
      height: auto;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
    }

      }
  @media (min-width: 601px) {
    #img2 {
      display: none; /* Hide on desktop screens */

    }
     #img1 {
      width: 100%;
      height: auto;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
 }

}

/* Service image */
 
  @media (max-width: 600px) {
    #svc {
      width: 30%;
      height: auto;
    }

      }

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #569508;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF3300;
}

footer {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}



/* Style for the container holding image and copy */
        .image-copy-container {
            display: flex;
            align-items: center;
            margin: 20px 0;
        }

        /* Style for the image */
        .image-copy-container img {
            max-width: 200px;
            height: auto;
		 border-radius: 10px;
		 border: 2px solid #EEF3ED;
            margin-right: 20px;
        }

        /* Style for the copy (text) */
        .image-copy-container p {
            
            flex-grow: 1;

  
        }

/* Floating Back-To-Top Button */
#myBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 50%;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

#myBtn:hover {
    opacity: 0.7;
}


</style>



/* CSS Document 

body {
	background-color: #333333;
}
.pageBg {
	height: 717px;
	width: 870px;
	background-image: url(images/page-bg-lawn-maintenance-services-nj.jpg);
}

.navContainer {
	height: 130px;
	width: 710px;
	padding-top: 40px;
	padding-right: 80px;
	padding-bottom: 0px;
	padding-left: 80px;
}
.pageContainer {
	height: 367px;
	width: 550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 80px;
	padding-right: 160px;
	padding-bottom: 30px;
	padding-left: 160px;
}
.footer {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style1 {font-size: 14px}

.pageBg .pageContainer img {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
*/