:root {
    --PrimaryColor: #2f4535;
    --SecondaryColor: #95bf5a;
    --HighlightColor: #27aeab;
    --HeadFont: "Barlow Condensed", sans-serif;
    --BodyFont: "Mukta", sans-serif;
    --color-1: #1d4d4e;
    --color-2: #3a7e7c;
    --color-3: #5ba9a6;
    --color-4: #87d4b6;
    --color-5: #b9e4d9;
}
body {
    --gp-slideout-width: 100%;
}
#generate-slideout-menu {
    transition: transform 1s cubic-bezier(.16,.68,.43,1.2) !important;
}
#generate-slideout-menu.is-open {
    transition: transform 1s cubic-bezier(.16,.68,.43,.99) !important;
}
@media screen and (max-width: 1440px) {
    :root {
        --pd-content-padding: 40px;
    }
}
@media screen and (max-width: 767px) {
    :root {
        --pd-content-padding: 30px;
    }
}
@media screen and (max-width: 400px) {
    :root {
        --pd-content-padding: 20px;
    }
}