/* ATLANTICLANDSCAPECONSTRUCTION.COM - services.css */

h1 {width: 100%; padding: .125em;}

#pg-container {padding-bottom: 0;}

main {padding-top: 15px;}
@media screen and (max-width: 600px) {main {padding: 0;}}

#services {z-index: 5; background-color: #e5e7d8; border-radius: 5px 5px 0px 0px; padding: 10px 25px 50px;}
@media screen and (min-width: 1420px) {#services {margin-top: -3em;}}

.desc p, .desc ul, .desc ol {font-size: 1.125em;}
.desc ul ul, .desc ol ol {font-size: 1em;}
@media screen and (max-width: 600px) {.desc p, .desc ul, .desc ol {font-size: .875em;}}

#pix {padding: 0px 0px 25px; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: cover;margin: 0 auto; height: 100%;
  width: 100%; max-width: 1600px; background-clip: content-box; border-radius: 5px;}

@media screen and (min-width: 1441px) {
#pix {min-height: 680px; max-height: 80vh;}

.native-planting {
  background-image: url("/_img/hdrs/svc-native-planting-1600x0770.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-native-planting-1600x0770.webp"), url("/_img/hdrs/svc-native-planting-1600x0770.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-native-planting-1600x0770.webp") type("image/webp"), url("/_img/hdrs/svc-native-planting-1600x0770.jpg") type("image/jpeg"));
}
.hardscapes {
  background-image: url("/_img/hdrs/svc-hardscapes-1600x0770.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-hardscapes-1600x0770.webp"), url("/_img/hdrs/svc-hardscapes-1600x0770.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-hardscapes-1600x0770.webp") type("image/webp"), url("/_img/hdrs/svc-hardscapes-1600x0770.jpg") type("image/jpeg"));
}
.commercial {
  background-image: url("/_img/hdrs/svc-commercial-1600x0770.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-commercial-1600x0770.webp"), url("/_img/hdrs/svc-commercial-1600x0770.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-commercial-1600x0770.webp") type("image/webp"), url("/_img/hdrs/svc-commercial-1600x0770.jpg") type("image/jpeg"));
}
.landscape-renovation {
  background-image: url("/_img/hdrs/svc-landscape-renovation-1600x0770.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-landscape-renovation-1600x0770.webp"), url("/_img/hdrs/svc-landscape-renovation-1600x0770.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-landscape-renovation-1600x0770.webp") type("image/webp"), url("/_img/hdrs/svc-landscape-renovation-1600x0770.jpg") type("image/jpeg"));
}
.landscape-installation {
  background-image: url("/_img/hdrs/svc-landscape-installation-1600x0770.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-landscape-installation-1600x0770.webp"), url("/_img/hdrs/svc-landscape-installation-1600x0770.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-landscape-installation-1600x0770.webp") type("image/webp"), url("/_img/hdrs/svc-landscape-installation-1600x0770.jpg") type("image/jpeg"));
}
.paving {
  background-image: url("/_img/hdrs/svc-paving-1600x0770.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-paving-1600x0770.webp"), url("/_img/hdrs/svc-paving-1600x0770.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-paving-1600x0770.webp") type("image/webp"), url("/_img/hdrs/svc-paving-1600x0770.jpg") type("image/jpeg"));
}
}

@media screen and (min-width: 769px) and (max-width: 1440px) {
#pix {min-height: 480px; max-height: 65vh;}

.native-planting {
  background-image: url("/_img/hdrs/svc-native-planting-1440x0690.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-native-planting-1440x0690.webp"), url("/_img/hdrs/svc-native-planting-1440x0690.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-native-planting-1440x0690.webp") type("image/webp"), url("/_img/hdrs/svc-native-planting-1440x0690.jpg") type("image/jpeg"));  
}
.hardscapes {
  background-image: url("/_img/hdrs/svc-hardscapes-1440x0690.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-hardscapes-1440x0690.webp"), url("/_img/hdrs/svc-hardscapes-1440x0690.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-hardscapes-1440x0690.webp") type("image/webp"), url("/_img/hdrs/svc-hardscapes-1440x0690.jpg") type("image/jpeg"));  
}
.commercial {
  background-image: url("/_img/hdrs/svc-commercial-1440x0690.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-commercial-1440x0690.webp"), url("/_img/hdrs/svc-commercial-1440x0690.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-commercial-1440x0690.webp") type("image/webp"), url("/_img/hdrs/svc-commercial-1440x0690.jpg") type("image/jpeg"));  
}
.landscape-renovation {
  background-image: url("/_img/hdrs/svc-landscape-renovation-1440x0690.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-landscape-renovation-1440x0690.webp"), url("/_img/hdrs/svc-landscape-renovation-1440x0690.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-landscape-renovation-1440x0690.webp") type("image/webp"), url("/_img/hdrs/svc-landscape-renovation-1440x0690.jpg") type("image/jpeg"));  
}
.landscape-installation {
  background-image: url("/_img/hdrs/svc-landscape-installation-1440x0690.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-landscape-installation-1440x0690.webp"), url("/_img/hdrs/svc-landscape-installation-1440x0690.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-landscape-installation-1440x0690.webp") type("image/webp"), url("/_img/hdrs/svc-landscape-installation-1440x0690.jpg") type("image/jpeg"));  
}
.paving {
  background-image: url("/_img/hdrs/svc-paving-1440x0690.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-paving-1440x0690.webp"), url("/_img/hdrs/svc-paving-1440x0690.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-paving-1440x0690.webp") type("image/webp"), url("/_img/hdrs/svc-paving-1440x0690.jpg") type("image/jpeg"));  
}
}
@media screen and (min-width: 601px) and (max-width: 768px) {
#pix {min-height: 480px;  max-height: 40vh;}

.native-planting {
  background-image: url("/_img/hdrs/svc-native-planting-0770x0580.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-native-planting-0770x0580.webp"), url("/_img/hdrs/svc-native-planting-0770x0580.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-native-planting-0770x0580.webp") type("image/webp"), url("/_img/hdrs/svc-native-planting-0770x0580.jpg") type("image/jpeg"));
}
.hardscapes {
  background-image: url("/_img/hdrs/svc-hardscapes-0770x0580.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-hardscapes-0770x0580.webp"), url("/_img/hdrs/svc-hardscapes-0770x0580.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-hardscapes-0770x0580.webp") type("image/webp"), url("/_img/hdrs/svc-hardscapes-0770x0580.jpg") type("image/jpeg"));
}
.commercial {
  background-image: url("/_img/hdrs/svc-commercial-0770x0580.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-commercial-0770x0580.webp"), url("/_img/hdrs/svc-commercial-0770x0580.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-commercial-0770x0580.webp") type("image/webp"), url("/_img/hdrs/svc-commercial-0770x0580.jpg") type("image/jpeg"));
}
.landscape-renovation {
  background-image: url("/_img/hdrs/svc-landscape-renovation-0770x0580.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-landscape-renovation-0770x0580.webp"), url("/_img/hdrs/svc-landscape-renovation-0770x0580.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-landscape-renovation-0770x0580.webp") type("image/webp"), url("/_img/hdrs/svc-landscape-renovation-0770x0580.jpg") type("image/jpeg"));
}
.landscape-installation {
  background-image: url("/_img/hdrs/svc-landscape-installation-0770x0580.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-landscape-installation-0770x0580.webp"), url("/_img/hdrs/svc-landscape-installation-0770x0580.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-landscape-installation-0770x0580.webp") type("image/webp"), url("/_img/hdrs/svc-landscape-installation-0770x0580.jpg") type("image/jpeg"));
}
.paving {
  background-image: url("/_img/hdrs/svc-paving-0770x0580.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-paving-0770x0580.webp"), url("/_img/hdrs/svc-paving-0770x0580.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-paving-0770x0580.webp") type("image/webp"), url("/_img/hdrs/svc-paving-0770x0580.jpg") type("image/jpeg"));
}
}
@media screen and (max-width: 600px) {
#pix {min-height: 350px; max-height: 480px;}

.native-planting {
  background-image: url("/_img/hdrs/svc-native-planting-0770x0580.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-native-planting-0770x0580.webp"), url("/_img/hdrs/svc-native-planting-0770x0580.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-native-planting-0770x0580.webp") type("image/webp"), url("/_img/hdrs/svc-native-planting-0770x0580.jpg") type("image/jpeg"));
}
.hardscapes {
  background-image: url("/_img/hdrs/svc-hardscapes-0770x0580.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-hardscapes-0770x0580.webp"), url("/_img/hdrs/svc-hardscapes-0770x0580.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-hardscapes-0770x0580.webp") type("image/webp"), url("/_img/hdrs/svc-hardscapes-0770x0580.jpg") type("image/jpeg"));
}
.commercial {
  background-image: url("/_img/hdrs/svc-commercial-0770x0580.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-commercial-0770x0580.webp"), url("/_img/hdrs/svc-commercial-0770x0580.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-commercial-0770x0580.webp") type("image/webp"), url("/_img/hdrs/svc-commercial-0770x0580.jpg") type("image/jpeg"));
}
.landscape-renovation {
  background-image: url("/_img/hdrs/svc-landscape-renovation-0770x0580.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-landscape-renovation-0770x0580.webp"), url("/_img/hdrs/svc-landscape-renovation-0770x0580.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-landscape-renovation-0770x0580.webp") type("image/webp"), url("/_img/hdrs/svc-landscape-renovation-0770x0580.jpg") type("image/jpeg"));
}
.landscape-installation {
  background-image: url("/_img/hdrs/svc-landscape-installation-0770x0580.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-landscape-installation-0770x0580.webp"), url("/_img/hdrs/svc-landscape-installation-0770x0580.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-landscape-installation-0770x0580.webp") type("image/webp"), url("/_img/hdrs/svc-landscape-installation-0770x0580.jpg") type("image/jpeg"));
}
.paving {
  background-image: url("/_img/hdrs/svc-paving-0770x0580.jpg"); 
  background-image: -webkit-image-set(url("/_img/hdrs/svc-paving-0770x0580.webp"), url("/_img/hdrs/svc-paving-0770x0580.jpg"));
  background-image: image-set(url("/_img/hdrs/svc-paving-0770x0580.webp") type("image/webp"), url("/_img/hdrs/svc-paving-0770x0580.jpg") type("image/jpeg"));
}
}