/*

Please add any custom CSS code in here, it will be easier to transfer if updating themes.

We highly recommend labelling changes, or App installs, so these can also be updated or removed as needed.

*/

#shopify-section-1627479762e56742ad .shopify-section.custom-html {
  padding-bottom: 120px !important;
}


#shopify-section-template--14838589194439__1626995877b6499493 {
  background-color: #CDEEFB;
}

  .index-subheading {
    font-family: "Basis Grotesque" !important;  
  }
  

<!--Hero slideshow - Prices & Packages-->

#shopify-section-template--14838589194439__1626995813557faa46
div.slideshow-content.justify-content-start {
    margin-top: auto !important;
    position: relative;
    top: 25%;
}


<!-- End -->

<!-- Prices & Packages - So you've heard of the ManServants -->

#shopify-section-template--14838589194439__16269958745f3f47ed .index-rich-text h2 {
    font-family: 'Glossy Magazine';
  	font-size: 4rem;
}

#shopify-section-template--14838589194439__16269958745f3f47ed .rich-text-button.button a{
   background-color: #E7FB5C;
   border-radius: 25px !important;
   color: #000000;
   padding: 0.4em 1.25em;
   margin: 0.5em 1em;
   border: 0px;
}

a.rich-text-button.button.hover-animation {
 background-color: red;
}


<!-- End So you've heard -->


<!-- Prices & Packages - The ManServant Experience -->

#shopify-section-template--14838589194439__1626995877b6499493 .index-features-block-heading {
  font-family: 'Glossy Magazine';
  font-size: 4.5rem;
}

#shopify-section-template--14838589194439__1626995877b6499493 .index-features {
  padding: 10% 15%;
}

@media screen and (max-width: 520px) {
#shopify-section-template--14838589194439__1626995877b6499493 .index-features {
  padding: 10% 5%;
}
}

<!-- End The ManServant Experience -->


@media only screen and (min-width: 768px) {
#shopify-section-template--14891236360391__16279089035558e82b div.homepage-image-with-text--text.grid-item-50 {
   padding: 4% 10%;
}
}