@media only screen and (min-width: 320px) {
    /*Padding stuff*/
    .gb-container.no-padding, .is-root-container .gb-container.no-padding, .editor-styles-wrapper .gb-container.no-padding {
        padding: 0;
    }
    .bottom-padding, .is-root-container .bottom-padding, .editor-styles-wrapper .bottom-padding{
        padding:var(--section-padding);
        padding-top:0px;
    }
    .gb-container.no-padding-bottom, 
    .is-root-container .no-padding-bottom, .editor-styles-wrapper .no-padding-bottom{
        padding-bottom:0px;
    }
    .gb-container.no-padding-top, 
    .is-root-container .no-padding-top, .editor-styles-wrapper .no-padding-top{
        padding-top:0px;
    }
    /*Margin stuff*/
    .gb-container.default-margin-top, .is-root-container .gb-container.default-margin-top, .editor-styles-wrapper .gb-container.default-margin-top{
        margin-top:var(--default-margin-top);
    }
    .gb-container.default-margin-bottom, .is-root-container .gb-container.default-margin-bottom, .editor-styles-wrapper .gb-container.default-margin-bottom{
        margin-bottom:var(--default-margin-bottom);
    }
    /*Object fit img*/
    figure:has(> img.object-fit-img), .is-root-container figure:has(> img.object-fit-img){
        height: 100%;
        width: 100%;
        position:relative;
    }
    .object-fit-img, .is-root-container .object-fit-img{
        object-fit: cover;
        object-position: center;
        height: 100%;
        width: 100%;
    }
    /*Green layer on top of image*/
    figure:has(> img.green-layer), .editor-styles-wrapper figure:has(> img.green-layer){
        position:relative;
    }
    figure:has(> img.green-layer):after{
        content:'';
        position: absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        background: transparent linear-gradient(149deg, #3DF49E00 0%, #3DF49E 100%) 0% 0% no-repeat padding-box;
        mix-blend-mode: multiply;
        transition: all 1s ease-in-out;
    }
    /*Mooday image*/
    img.moody-image, .editor-styles-wrapper img.moody-image{
        filter: grayscale(100%) contrast(1.08) brightness(0.95);
    }
    /*Typography stuff*/
    .small-heading, .editor-styles-wrapper .small-heading{
        font-size:20px;
    }
    .huge-heading, .editor-styles-wrapper .huge-heading{
        font-size:60px;
        line-height:0.8em;
    }
    .larger-text, .editor-styles-wrapper .larger-text, .excerpt, .editor-styles-wrapper .excerpt{
        font-size:1.25rem;
    }
    .semi-bold, .editor-styles-wrapper .semi-bold, .excerpt, .editor-styles-wrapper .excerpt{
        font-weight:600;
    }
    .very-large-text, .editor-styles-wrapper .very-large-text, .recommendations-quote{
        font-size:24px;
    }
    .light-text, .editor-styles-wrapper .light-text{
        font-weight:300;
    }
    /*Text shadow*/
    .text-shadow, .editor-styles-wrapper .text-shadow{
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }
    /*Black and white image*/
    .black-and-white, .editor-styles-wrapper .black-and-white{
        filter: grayscale(100%);
    }
    .black-and-white-invert, .editor-styles-wrapper .black-and-white-invert{
        filter: grayscale(100%) invert(1);
    }
    /*Square image*/
    .square-img, .editor-styles-wrapper .square-img{
        aspect-ratio: 1/1;
        object-fit: cover;
    }
    .square-img img, .editor-styles-wrapper .square-img img{
        aspect-ratio: 1/1;
        object-fit: cover;
    }
    /*Pan image*/
    figure:has(> img.pan-image), .editor-styles-wrapper figure:has(> img.pan-image){
        position:relative;
        overflow:hidden;
        height: 100%;
        width: 100%;
    }
    img.pan-image, .editor-styles-wrapper img.pan-image{
        /* Tuning */
        --pan-scale: 1.25;
        --pan-duration: 30s;
        /* Default direction: bottom-left -> top-right */
        --pan-from-x: 8%;
        --pan-from-y: -8%;
        --pan-to-x: -8%;
        --pan-to-y: 8%;

        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(var(--pan-scale)) translate(var(--pan-from-x), var(--pan-from-y));
        /* Symmetric transition in both states prevents the back-and-forth "wobble" */
        transition: transform var(--pan-duration) linear;
        will-change: transform;
    }
    img.pan-image.is-visible {
        transform: scale(var(--pan-scale)) translate(var(--pan-to-x), var(--pan-to-y));
    }
    /* Direction modifiers (set on the same element as .pan-image) */
    img.pan-image.pan-bl-tr { --pan-from-x: 8%;  --pan-from-y: -8%; --pan-to-x: -8%; --pan-to-y: 8%;  } /* bottom-left -> top-right */
    img.pan-image.pan-tr-bl { --pan-from-x: -8%; --pan-from-y: 8%;  --pan-to-x: 8%;  --pan-to-y: -8%; } /* top-right -> bottom-left */
    img.pan-image.pan-tl-br { --pan-from-x: 8%;  --pan-from-y: 8%;  --pan-to-x: -8%; --pan-to-y: -8%; } /* top-left -> bottom-right */
    img.pan-image.pan-br-tl { --pan-from-x: -8%; --pan-from-y: -8%; --pan-to-x: 8%;  --pan-to-y: 8%;  } /* bottom-right -> top-left */
    img.pan-image.pan-l-r   { --pan-from-x: 8%;  --pan-from-y: 0;   --pan-to-x: -8%; --pan-to-y: 0;   } /* left -> right */
    img.pan-image.pan-r-l   { --pan-from-x: -8%; --pan-from-y: 0;   --pan-to-x: 8%;  --pan-to-y: 0;   } /* right -> left */
    img.pan-image.pan-t-b   { --pan-from-x: 0;   --pan-from-y: 8%;  --pan-to-x: 0;   --pan-to-y: -8%; } /* top -> bottom */
    img.pan-image.pan-b-t   { --pan-from-x: 0;   --pan-from-y: -8%; --pan-to-x: 0;   --pan-to-y: 8%;  } /* bottom -> top */

    @media (prefers-reduced-motion: reduce) {
        img.pan-image { transition: none; }
    }
}
@media only screen and (min-width: 640px) {

}

@media only screen and (min-width: 768px) {
  /*Max width*/
  .max-width-600-article, .is-root-container .max-width-600-article {
    max-width: 600px;
    margin: 0 auto;
  }
  /*Typography stuff*/
  .small-heading, .editor-styles-wrapper .small-heading{
    font-size:25px;
  }
  .huge-heading, .editor-styles-wrapper .huge-heading{
    font-size:80px;
  }
  .very-large-text, .editor-styles-wrapper .very-large-text, .recommendations-quote{
    font-size:40px;
  }
}

@media only screen and (min-width: 1024px) {
  /*Max width*/
  .max-width-600, .is-root-container .max-width-600, 
  .editor-styles-wrapper .max-width-600
  .editor-styles-wrapper .gb-container.max-width-600{
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .max-width-768, .is-root-container .max-width-768, 
  .editor-styles-wrapper .max-width-768,
  .editor-styles-wrapper .gb-container.max-width-768 {
    max-width: 768px;
    margin: 0 auto;
  }

  .max-width-600-article, .is-root-container .max-width-600-article {
    max-width: 600px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1280px) {
  .huge-heading, .editor-styles-wrapper .huge-heading{
    font-size:100px;
  }
}
@media only screen and (max-width: 767px) {
.hide-in-mobile{
  display: none;
}
}
