html {
     cursor: url("https://files.cargocollective.com/c1230124/Ellipse-2.svg")12.5 12.3, auto !important;
}
 a {
     cursor: url("https://files.cargocollective.com/c1230124/cursorhover.svg")12.5 12.5, auto !important;
}
 .menu {
     cursor: url("https://files.cargocollective.com/c1230124/cursorg.png")12.5 12.3, auto !important;
}
 .content .slick-slide img:not(.image-zoom) {
     cursor: url("https://files.cargocollective.com/c1230124/cursorhover.svg")12.5 12.5, auto !important;
}
 fade1 {
     opacity: 0;
     animation-name: fade-in-bottom;
     animation-duration: 1.5s;
     animation-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
     animation-fill-mode: forwards;
     animation-delay: 1.7s;
}
 fade2 {
     opacity: 0;
     animation-name: fade-in-bottom;
     animation-duration: 1.7s;
     animation-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
     animation-fill-mode: forwards;
     animation-delay: 2.5s;
}
 fade3 {
     opacity: 0;
     animation-name: fade-in-bottom;
     animation-duration: 1s;
     animation-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
     animation-fill-mode: forwards;
     animation-delay: 2.5s;
}
 @font-face {
     font-family: 'Moderat';
     font-weight: 500;
     font-style: normal;
     src: url('https://files.cargocollective.com/c1230124/Moderat-Regular.woff') format('woff');
}
 @font-face {
     font-family: 'Moderat';
     font-weight: 500;
     font-style: italic;
     src: url('https://files.cargocollective.com/c1230124/Moderat-Regular-Italic.woff') format('woff');
     font-display: swap;
}
 @font-face {
     font-family: 'Moderat';
     font-weight: 300;
     font-style: italic;
     src: url('https://files.cargocollective.com/c1230124/Moderat-Thin-Italic.woff') format('woff');
     font-display: swap;
}
 @font-face {
     font-family: 'Moderat';
     font-weight: 300;
     font-style: normal;
     src: url('https://files.cargocollective.com/c1230124/Moderat-Thin.woff') format('woff');
     font-display: swap;
}
 @font-face {
     font-family: 'Moderat';
     font-weight: 700;
     font-style: normal;
     src: url('https://files.cargocollective.com/c1230124/Moderat-Bold.woff') format('woff');
     font-display: swap;
}
 @font-face {
     font-family: 'Moderat';
     font-weight: 700;
     font-style: italic;
     src: url('https://files.cargocollective.com/c1230124/Moderat-Bold-Italic.woff') format('woff');
     font-display: swap;
}
 @font-face {
     font-family: 'Karrik';
     font-weight: 500;
     font-style: normal;
     src: url('https://files.cargocollective.com/c1230124/Karrik-Regular.woff') format('woff');
}
 @font-face {
     font-family: 'Karrik';
     font-weight: 500;
     font-style: italic;
     src: url('https://files.cargocollective.com/c1230124/Karrik-Italic.woff') format('woff');
     font-display: swap;
}
 #toolset {
     display: none;
}
 body {
     background-color: #fff;
     color: #303030;
}
 .page a.active {
     color: #1a4a24;
}
 i, em {
     font-style: italic;
}
 b, strong {
     font-weight: bolder;
}
 sub, sup {
     position: relative;
     vertical-align: baseline;
}
 sub {
     top: 0.3em;
}
 sup {
     top: -0.4em;
}
 s {
     text-decoration: line-through;
}
 img {
     border: 0;
     padding: 1px;
}
 ul, ol {
     margin: 0;
     padding: 0 0 0 2.5em;
}
 blockquote {
     margin: 0;
     padding: 0 0 0 2em;
}
 hr {
     background: rgba(26, 74, 36, 1);
     border: 0;
     height: 1px;
     display: block;
}
 .content img {
     float: none;
     margin-bottom: 0;
}
 .gallery_image_caption {
     margin-top: 1rem;
     margin-bottom: 0.5rem;
     font-size: 1.3rem;
     font-weight: 500;
     color: rgba(0, 0, 0, 0.4);
     font-family: Diatype, Icons;
     font-style: normal;
     line-height: 1.3;
}
 .about {
     font-size: 2.5vh;
}
 body.mobile .about {
     margin-left: 1vw;
     margin-bottom: 10vh;
}
 .centered-and-cropped {
     object-fit: cover;
}
 body.mobile .centered-and-cropped {
     object-fit: contain;
}
 #centered-and-cropped2 {
     margin-top: 1vh;
     padding: 5vh;
     display: flex;
     justify-content: center;
     width: auto;
     height: auto;
}
 body.mobile #centered-and-cropped2 {
     margin-top: 0vh;
     margin-bottom: 5vh;
}
/** * Loading Animation */
 .loading[data-loading] {
     position: fixed;
     bottom: 8px;
     left: 8px;
}
/** * Editor styles */
 [data-predefined-style="true"] h1 {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 300;
     padding: 0;
     margin-bottom: 10vh;
     font-size: 5vw;
     line-height: 1;
     color: rgba(48, 48, 48, 1);
     letter-spacing: -0.4rem;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 body.mobile h1 {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 300;
     margin-bottom: 12.5vh;
     font-size: 12vw;
     line-height: 1;
     color: rgba(48, 48, 48, 1);
     letter-spacing: -0.3rem;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 [data-predefined-style="true"] h1 a {
     color: rgba(48, 48, 48, 1);
     text-decoration: none;
     text-decoration-thickness: 0px;
     font-size: 5vw;
}
 body.mobile h1 a {
     color: rgba(48, 48, 48, 1);
     text-decoration: none;
     text-decoration-thickness: 0px;
     letter-spacing: -0.2rem;
     font-size: 8vw;
}
 [data-predefined-style="true"] h2 {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 700;
     text-transform: uppercase;
     text-decoration: none;
     color: rgba(0, 0, 0, 0.85);
     font-size: 2rem;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 [data-predefined-style="true"] h2 a {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 700;
     text-decoration: none;
     text-transform: uppercase;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
     color: rgba(48, 48, 48, 1);
}
 body.mobile h2 {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 700;
     text-transform: uppercase;
     text-decoration: none;
     color: rgba(0, 0, 0, 0.85);
     font-size: 3.0rem;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 .iswork {
     background-color:#fbf7f1;
     padding-top:1rem;
     padding-left:1rem;
     padding-right:1rem;
     padding-bottom:1rem;
     border-radius: 5px;
}
 .issh {
     text-transform:uppercase;
     font-size: 1.2rem;
     font-weight: 600;
     letter-spacing: 0.5px;
     margin-bottom: 1rem;
     color: rgba(48, 48, 48, 0.8);
}
 body.mobile .issh {
     font-size: 2rem;
     margin-bottom: 2rem;
}
 body.mobile .iswork {
     background-color:#fbf7f1;
     padding-top:1rem;
     padding-left:1rem;
     padding-right:1rem;
     padding-bottom:1rem;
     border-radius: 5px;
}
 h2 a:hover {
     font-family: "Moderat", Icons;
     font-style: italic;
     font-weight: 700;
     padding: 0;
     margin: 0;
     text-decoration: none;
     text-transform: uppercase;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
     color: rgba(48, 48, 48, 1);
}
 [data-predefined-style="true"] h3 {
     font-family: "moderat", Icons;
     font-style: normal;
     font-weight: 500;
     padding: 0;
     margin-bottom: 2.3rem;
     letter-spacing: -1px;
     text-decoration: none;
     color: rgba(48, 48, 48, 1);
     font-size: 2.3rem;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 [data-predefined-style="true"] h3 a {
     font-family: "moderat", Icons;
     font-style: normal;
     font-weight: 300;
     margin-left: 10px;
     text-decoration: none;
     color: rgba(48, 48, 48, 1);
     font-size: 3.5vw;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 body.mobile h3 {
     margin-bottom: 3.5rem;
     font-size: 3.5rem;
}
 [data-predefined-style="true"] h4 {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 500;
     text-decoration: none;
     color: rgba(0, 0, 0, 0.85);
     font-size: 3.5vh;
     line-height: 1.3;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 [data-predefined-style="true"] h4 a {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 500;
     padding: 0;
     margin: 0;
     text-decoration: none;
     font-size: 3.0rem;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
     color: rgba(48, 48, 48, 1);
}
 body.mobile h4 {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 500;
     padding: 0;
     margin: 0;
     text-decoration: none;
     color: rgba(0, 0, 0, 0.85);
     font-size: 3.0rem;
     line-height: 1.2;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 [data-predefined-style="true"] h5 {
     display: inline;
     color: rgba(48, 48, 48, 1);
     text-decoration-style: wavy;
     text-decoration-thickness: 2px;
     position: relative;
     bottom: relative;
}
 [data-predefined-style="true"] h5 a {
     display: inline;
     color: rgba(255, 85, 36, 1);
     font-size: 1.2em;
     text-decoration-style: wavy;
     text-decoration-thickness: 2px;
     position: relative;
     display: inline-flex;
     animation: shake-bottom 2s ease 1;
     animation-delay: 5s;
     transition: color 1s ease-out;
}
 h5 a:hover {
     color: rgb(81, 157, 104);
     position: relative;
     right: 0;
     bottom: relative;
     left: 0;
}
 h6 {
     font-family: "karrik", Icons;
     font-style: normal;
     font-weight: 500;
     text-decoration: none;
     font-size: 7vw;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
     color: rgba(48, 48, 48, 1);
}
 h6 a {
     font-family: "karrik", Icons;
     font-style: normal;
     font-weight: 500;
     text-decoration: none;
     font-size: 7vw;
     letter-spacing: -2px;
     word-spacing: 2px;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
     color: rgba(0, 0, 0, 0.85);
     animation-name: slide-in-right;
     animation-duration: 0.5s;
     animation-timing-function: ease-out;
     animation-fill-mode: forwards;
     animation-delay: 0s;
}
 h6:hover {
     font-family: "karrik", Icons;
     font-style: normal;
     font-weight: 500;
     text-decoration: none;
     font-size: 7vw;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
     color: rgba(255, 255, 255, 1);
     background-color: #ff5524;
}
 body.mobile h6 a {
     font-family: "karrik", Icons;
     font-style: normal;
     font-weight: 500;
     text-decoration: none;
     font-size: 10vw;
     line-height: 1;
     letter-spacing: -1px;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
     color: rgba(0, 0, 0, 0.85);
     animation-name: slide-in-right;
     animation-duration: 0.5s;
     animation-timing-function: ease-out;
     animation-fill-mode: forwards;
     animation-delay: 0s;
}
 body.mobile h6 a:hover {
     color: rgba(255, 255, 255, 1);
     background-color: #ff5524;
}
 h7 {
     font-family: "Karrik", Icons;
     font-style: normal;
     font-weight: 500;
     padding: 0;
     margin: 0;
     color: rgba(18, 36, 23, 1);
     font-size: 6vw;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 h7 a {
     font-family: "karrik", Icons;
     font-style: normal;
     font-weight: 500;
     padding: 0;
     margin: 0;
     text-decoration: none;
     font-size: 6vw;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
     color: rgba(18, 36, 23, 1);
     transition: color 1s ease-out;
}
 h7 a:hover {
     font-family: "karrik", Icons;
     font-style: normal;
     color: rgba(81, 157, 104, 1);
}
 body.mobile h7 a {
     font-family: "Karrik", Icons;
     font-style: normal;
     font-weight: 500;
     line-height: 1.2;
     color: rgba(18, 36, 23, 1);
     font-size: 14vw;
}
 h8 {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 700;
     padding: 0;
     margin: 0;
     text-transform: uppercase;
     letter-spacing: 1px;
     text-decoration: none;
     color: rgba(48, 48, 48, 0.4);
     font-size: 1.5rem;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 h8 a {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 700;
     padding: 0;
     margin: 0;
     text-transform: uppercase;
     letter-spacing: 1px;
     text-decoration-color: #ffffff;
     text-decoration-style: dotted;
     text-decoration-thickness: 2px;
     color: rgba(48, 48, 48, 0.85);
     font-size: 1.5rem;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
     transition: color 1s ease-in-out, text-decoration-color .3s ease-in;
}
 body.mobile h8 a {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 700;
     padding: 0;
     margin-left: 2.5vw;
     text-transform: uppercase;
     letter-spacing: 1px;
     text-decoration: none;
     color: rgba(48, 48, 48, 0.85);
     font-size: 2rem;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 body.mobile h8 {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 700;
     padding: 0;
     margin-left: 5vw;
     text-transform: uppercase;
     letter-spacing: 1px;
     text-decoration: none;
     color: rgba(48, 48, 48, 0.4);
     font-size: 2rem;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 h8 a:hover {
     color: rgb(81, 157, 104);
     position: relative;
     text-decoration-color: #519d68;
}
 h9 {
     font-family: "moderat", Icons;
     font-style: italic;
     font-weight: 300;
     padding-left: 5vw;
     display: inline-block;
     text-decoration: none;
     color: rgba(48, 48, 48, 1);
     font-size: 1.8rem;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 body.mobile h9 {
     font-family: "moderat", Icons;
     font-style: italic;
     font-weight: 300;
     text-decoration: none;
     color: rgba(48, 48, 48, 1);
     font-size: 4.5vw;
     padding-right: 15vw;
     line-height: 1;
     padding-bottom: 1.5vh;
     padding-top: 1.5vh;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 h10 {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 700;
     padding: 0;
     margin: 0;
     text-transform: uppercase;
     letter-spacing: 1px;
     text-decoration: none;
     color: rgba(255, 255, 255, 0.4);
     font-size: 1.5rem;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
     transition: color 1s ease-in-out, text-decoration .3s ease-in;
}
 h10 a {
     font-family: "Moderat", Icons;
     font-style: normal;
     font-weight: 700;
     padding: 0;
     margin: 0;
     text-transform: uppercase;
     letter-spacing: 1px;
     text-decoration: none;
     color: rgba(255, 255, 255, 1);
     font-size: 1.5rem;
     line-height: 1;
     font-variation-settings: 'slnt' 0, 'MONO' 0;
     transition: color 1s ease-in-out, text-decoration .3s ease-in;
}
 body.mobile h10 a {
     display:none;
}
 body.mobile h10 {
     display:none;
}
 .headernav {
     padding-top:4.5vh;
     padding-left:1vw;
}
 .headernav:hover h10 {
     color:rgba(48, 48, 48, 0.5);
}
 .headernav:hover h10 a {
     color:rgba(48, 48, 48, 0.5);
}
 h10 a:hover {
     color:rgba(48, 48, 48, 0.5);
     text-decoration: underline;
     text-decoration-thickness: 2px;
}
 listc {
     font-size: 1.5rem;
}
 body.mobile listc {
     font-size: 2.5rem;
}
 abc {
     font-size: 1.5rem;
}
 body.mobile abc {
     font-size: 2.5rem;
}
 [data-predefined-style="true"] bodycopy {
     font-size: 1.5rem;
     color: #303030;
     font-family: 'moderat', Icons;
     text-decoration: none;
     font-style: normal;
     font-weight: 500;
     line-height: 1.4;
}
 bodycopy a.image-link, bodycopy a.icon-link, bodycopy a.image-link:hover, bodycopy a.icon-link:hover {
     border-bottom: 0;
     padding-bottom: 0;
     cursor: url("https://files.cargocollective.com/c1230124/cursorm.png")12.5 12.5, auto !important;
}
 [data-predefined-style="true"] small {
     display: inline-block;
     font-size: 1.2rem;
     line-height: 1.2;
     font-family: "Diatype Variable", Icons;
     font-style: normal;
     font-weight: 500;
     color: rgba(0, 0, 0, 0.85);
     font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 [data-predefined-style="true"] small a {
     color: rgba(0, 0, 0, 0.85);
     border-bottom-width: 0em;
}
 a:active {
     opacity: 1;
     text-decoration: none;
     font-family: inherit;
}
/** * Breakpoints */
 [data-css-preset] .page {
     background-color: initial 
    /*!page_bgcolor*/
    ;
}
 .mobile .page, [data-css-preset].mobile .page {
     position: relative;
     min-height: 10px;
     max-width: 100%;
     width: 100%;
     background-color: transparent 
    /*!page_bgcolor*/
    ;
}
 [data-css-preset] .container {
     margin-left: auto 
    /*!content_left*/
    ;
     margin-right: auto 
    /*!content_left*/
    ;
     text-align: left 
    /*!text_left*/
    ;
}
 [data-css-preset] body {
     background-color: #fff
    /*!body_bgcolor*/
    ;
}
 [data-css-preset] .container_width {
     width: 100%
    /*!content_left*/
    ;
}
 [data-css-preset] .content_padding {
     padding-top: 0.5rem 
    /*!main_margin*/
    ;
     padding-bottom: 0.5rem 
    /*!main_margin*/
    ;
     padding-left: 0.5rem 
    /*!main_margin*/
    ;
     padding-right: 0.5rem 
    /*!main_margin*/
    ;
}
 badge2 {
     font-size: 4rem;
     position: relative;
     top: 0px;
     right: 0px;
}
 body.mobile badge2 {
     font-size: 8.5vw;
}
/** * Thumbnails */
 div[thumbnails] {
     justify-content: flex-start;
}
 [data-css-preset] .thumbnails {
     background-color: rgba(0, 0, 0, 0)
    /*!thumbnails_bgcolor*/
    ;
}
 [data-css-preset] .thumbnails_width {
     width: 100%
    /*!thumbnails_width*/
    ;
}
 [data-css-preset] [thumbnails-pad] {
     padding: 1rem
    /*!thumbnails_padding*/
    ;
}
 [data-css-preset] [thumbnails-gutter] {
     margin: -2rem
    /*!thumbnails_padding*/
    ;
}
 [data-css-preset] [responsive-layout] [thumbnails-pad] {
     padding: 0.5rem
    /*!responsive_thumbnails_padding*/
    ;
}
 [data-css-preset] [responsive-layout] [thumbnails-gutter] {
     margin: -1rem
    /*!responsive_thumbnails_padding*/
    ;
}
 .thumbnails .thumb_image {
     outline: 0px solid rgba(0,0,0,.12);
     outline-offset: -1px;
}
 .thumbnails .title {
     margin-top: 1.0rem;
     margin-bottom: 1rem;
     font-size: 1.8rem;
     font-weight: 500;
     color: rgba(0, 0, 0, 0.85);
     font-family: Diatype, Icons;
     font-style: normal;
     line-height: 1.3;
}
 .thumbnails .tags {
     margin-top: 1rem;
     margin-bottom: 0.5rem;
     font-size: 1.3rem;
     font-weight: 400;
     color: rgba(0, 0, 0, 0.4);
     font-family: "Monument Grotesk Mono", Icons;
     font-style: normal;
     line-height: 0.5;
}
 .thumbnails .tags a {
     border-bottom: 0;
     color: rgba(0, 0, 0, 0.35);
     text-decoration: none;
}
 .thumbnails .has_title .tags {
     margin-top: 0rem;
}
/** * Site Menu Button */
 [data-css-preset] #site_menu_button {
     color: #fff;
     line-height: 1;
     font-size: 30px 
    /*!site_menu_button*/
    ;
     padding-top: 30px;
     padding-bottom: 30px;
     padding-left: 30px;
     padding-right: 30px;
     margin-top: 2%;
     margin-right: 2%;
     display: flex;
     position: absolute;
     top: 0rem 
    /*!site_menu_button*/
    ;
     right: 0rem 
    /*!site_menu_button*/
    ;
}
 .menu-wrap:hover .hamburger{
     position: relative;
     border-radius: 100px;
     top: -5px;
     right: -5px;
     z-index: 1;
     width: 120px;
     height: 120px;
     padding: 30px;
     background: var(--primary-color);
     box-shadow: 48px 28px 22px rgba(0, 0, 0, 0.01), 27px 16px 19px rgba(0, 0, 0, 0.03), 12px 7px 14px rgba(0, 0, 0, 0.05), 3px 2px 8px rgba(0, 0, 0, 0.06), 0px 0px 0px rgba(0, 0, 0, 0.06);
     backdrop-filter: blur(10.5px);
     transition: padding .5s, width .5s, height .6s, top .5s, right .6s, border-radius .5s;
}
 body.mobile #site_menu_button {
     font-size: 25px;
     padding-top: 30px;
     padding-bottom: 30px;
     padding-left: 30px;
     padding-right: 30px;
     position: fixed;
     margin-top: 3%;
     margin-right: 3%;
}
 #site_menu_button.custom_icon {
     width: 30px;
     height: auto;
}
 #site_menu_button.active {
     display: inline-flex;
}
/** * Site Menu */
 #site_menu {
     font-family: 'karrik', Icons;
     color: white;
     font-size: 5vw;
     font-style: normal;
     font-weight: 500;
     padding-top: 50px;
     padding-bottom: 20px;
     padding-left: 100px;
     padding-right: 100px;
}
 body.mobile #site_menu {
     display: inline-block;
     position: absolute;
     left: 100px;
     padding-top: 10px;
     padding-bottom: 90px;
     padding-left: 90px;
     padding-right: 100px;
     justify-content: left;
     overflow: hidden;
     max-height: 40vh;
     border-radius: 0px 0px 80px 80px;
     margin-left:35%;
}
 #site_menu .page-link a {
     color: rgba(255, 255, 255, 0.75);
}
 #site_menu .page-link a:hover {
     color: rgba(26, 74, 36, 1);
}
 #site_menu .set-link > a {
     color: rgba(255, 255, 255, 0.75);
     font-weight: bold;
}
 #site_menu a:active {
     opacity: .4;
}
 #site_menu a.active {
     opacity: 1;
}
 #site_menu .close {
     display: none;
     color: rgba(255, 255, 255, 0.4);
     line-height: .85em;
     font-size: 45px;
}
 body.mobile #site_menu .close {
     display: none;
     font-size: 50px;
     line-height: 1em;
}
/*#site_menu .break {
     height: 28px;
}
 #site_menu .indent {
     margin-left: 28px;
}
/** * Shop Button */
 [data-css-preset] #shop_button {
     color: rgba(0, 0, 0, 0.85);
     background: transparent;
     font-size: 32px;
     font-style: normal;
     font-weight: 400;
     line-height: 1.;
     position: fixed;
     padding: 6px;
     top: 2.5rem 
    /*!shop_button*/
    ;
     right: 3rem 
    /*!shop_button*/
    ;
}
 #shop_button.text {
     font-family: Diatype, Icons;
     font-size: 2.4rem;
     padding: 0;
     font-weight: 500;
     color: rgba(0, 0, 0, 0.85);
     font-style: normal;
     line-height: 1.2;
}
 #shop_button.custom_icon {
     width: 40px;
     height: auto;
}
 body.mobile #shop_button:not(.text) {
     margin: -6px;
     font-size: 36px;
}
/** * Shop Product Widget */
 .shop_product {
     width: 100%;
     max-width: 22rem;
     position: relative;
     display: block;
}
 .shop_product .price {
     font-family: Diatype, Icons;
     font-size: 1.3rem;
     line-height: 1rem;
     color: rgba(0, 0, 0, 0.85);
     display: block;
     margin-bottom: 1rem;
     font-style: normal;
     font-weight: 500;
}
 .shop_product .dropdown {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
     font-size: 1.3rem;
     display: inline-block;
     width: 100%;
     border: 1px solid rgba(0,0,0,.2);
     background: white url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right;
     margin-bottom: 1rem;
     line-height: 1.2;
     padding: .7rem 2.5rem .8rem 1rem;
     font-style: normal;
     font-weight: 400;
}
 .shop_product .button {
     font-family: Diatype, Icons;
     font-size: 1.3rem;
     background: rgba(0, 0, 0, 0.7);
     color: rgba(255,255,255,1);
     flex: 0 0 50%;
     text-align: left;
     display: inline-block;
     line-height: 1;
     padding: .8rem 1rem .8rem;
     font-style: normal;
     font-weight: 500;
}
/** * Image Zoom */
 .content img.image-zoom:active {
     opacity: .7;
}
/** * Quick View */
 [data-css-preset] .quick-view {
     padding-top: 2.5rem 
    /*!quick_view_padding*/
    ;
     padding-bottom: 2.5rem 
    /*!quick_view_padding*/
    ;
     padding-left: 2.5rem 
    /*!quick_view_padding*/
    ;
     padding-right: 2.5rem 
    /*!quick_view_padding*/
    ;
     height: 100% 
    /*!quick_view_height*/
    ;
     width: 100% 
    /*!quick_view_width*/
    ;
}
 body.mobile .quick-view {
     width: 100%;
     height: 100%;
     margin: 0;
}
 [data-css-preset] .quick-view-background {
     background: rgba(255, 255, 224, 0.45) 
    /*!quick_view_bgcolor*/
    ;
}
 .quick-view-caption {
     font-family: Diatype, Icons;
     transition: 100ms opacity ease-in-out;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     margin: 3.5rem 0;
     text-align: center;
     font-size: 1.3rem;
     font-style: normal;
     font-weight: 500;
     line-height: 1.3;
}
 .quick-view-caption span {
     padding: 0.5rem 1rem;
     display: inline-block;
     background: rgba(0,0,0,0.5);
     color: white;
}
 .med {
     margin: 10vw;
}
/** * Quick View Navigation */
 .quick-view-navigation .left-arrow {
     left: 10px;
}
 .quick-view-navigation .right-arrow {
     right: 10px;
}
 .quick-view-navigation .left-arrow, .quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
     height: 36px;
     width: 36px;
}
 .quick-view-navigation .left-arrow .inner-color, .quick-view-navigation .right-arrow .inner-color {
     stroke: #fff;
     stroke-width: 0px;
}
 .quick-view-navigation .left-arrow .outer-color, .quick-view-navigation .right-arrow .outer-color {
     stroke: rgba(0, 0, 0, 0.85);
     stroke-width: 2px;
}
 .quick-view-navigation .close-button {
     top: 10px;
     right: 10px;
    /* Change height/width together to scale */
     width: 36px;
     height: 36px;
}
 .quick-view-navigation .close-button .inner-color {
     stroke: #fff;
     stroke-width: 0px;
}
 .quick-view-navigation .close-button .outer-color {
     stroke: rgba(0, 0, 0, 0.85);
     stroke-width: 2px;
}
/** * Image Gallery Navigation Arrows */
 .image-gallery-navigation .left-arrow, .image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
     height: 36px;
     width: 36px;
}
 .image-gallery-navigation .left-arrow .inner-color, .image-gallery-navigation .right-arrow .inner-color {
     stroke: #fff;
     stroke-width: 1.5px;
}
 .image-gallery-navigation .left-arrow .outer-color, .image-gallery-navigation .right-arrow .outer-color {
     stroke: rgba(0, 0, 0, 0.6);
     stroke-width: 2.5px;
}
/** * Wallpaper Backdrop Navigation Arrows */
 .wallpaper-navigation .left-arrow, .wallpaper-navigation .right-arrow {
    /* Change height/width together to scale */
     width: 36px;
     height: 36px;
}
 .wallpaper-navigation .left-arrow .inner-color, .wallpaper-navigation .right-arrow .inner-color {
     stroke: #fff;
     stroke-width: 1.5px;
}
 .wallpaper-navigation .left-arrow .outer-color, .wallpaper-navigation .right-arrow .outer-color {
     stroke: rgba(0, 0, 0, 0.6);
     stroke-width: 2.5px;
}
/** * Feed */
 .feed .content_container .page {
     border-top: 0px dashed rgba(0, 0, 0, 0.2);
}
 .feed .content_container .page_container:first-child .page {
     border-top: 0;
}
 [data-css-preset] .backdrop {
     width: 100% 
    /*!background_cover*/
    ;
}
 .homeblurb {
     font-size: 2vw;
     background-color: rgba(219, 237, 204, 1);
     color: #122417;
     line-height: 1.4;
     z-index: 0;
     height: 80vh;
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-items: center;
     padding-right: 3vw;
     padding-left: 3vw;
     padding-top: 25%;
     padding-bottom: 5%;
     animation-name: slide-in-top;
     animation-duration: 1s;
     animation-timing-function: ease-out;
     animation-fill-mode: both;
     animation-delay: 0.8s;
}
 body.mobile .homeblurb {
     background-color: rgba(219, 237, 204, 1);
     color: #122417;
     font-size: 5vw;
     line-height: 1.4;
     width: 75vw;
     padding-left: 3vw;
     padding-right: 3vw;
     padding-top: 15vh;
     padding-bottom: 5vh;
     align-items: flex-start;
     animation-name: slide-in-top;
     animation-duration: 1s;
     animation-timing-function: ease-out;
     animation-fill-mode: both;
     animation-delay: 0.8s;
}
 .homeblurb2 {
     background-color: #ffffe0;
     color: #1a4a24;
     padding-top: 3vh;
     padding-bottom: 3vh;
     padding-left: 5vw;
     border-radius: 3px;
     margin-left: 3px;
     margin-right: 3px;
     margin-top: 3px;
}
 .homeblurb3 {
     background-color: #1a4a24;
     color: #ffffe0;
     padding-top: 3vh;
     padding-bottom: 3vh;
     padding-left: 5vw;
     border-radius: 3px;
     margin-left: 3px;
     margin-right: 3px;
     margin-top: 3px;
}
 .homeblurb2:hover {
     color: #1a4a24;
     background-color: #dbedcc;
     font-style: italic;
     margin-left: 0.5%;
     margin-right: 0.5%;
     padding-top: 3.5vh;
     padding-bottom: 3.5vh;
}
 .homeblurb2 a:hover {
     color: #1a4a24;
     background-color: #dbedcc;
     margin-left: 0.5%;
     margin-right: 0.5%;
     padding-top: 3.5vh;
     padding-bottom: 3.5vh;
}
 .homeblurb3:hover {
     color: #1a4a24;
     background-color: #dbedcc;
     margin-left: 0.5%;
     margin-right: 0.5%;
     padding-top: 3.5vh;
     padding-bottom: 3.5vh;
}
 .homeblurb3 a:hover {
     color: #1a4a24;
     background-color: #dbedcc;
     margin-left: 0.5%;
     margin-right: 0.5%;
     padding-top: 3.5vh;
     padding-bottom: 3.5vh;
}
 .homeblurb4 {
     background-color: rgba(18, 36, 23, 1);
     color: #dbedcc;
     padding-top: 3vh;
     padding-bottom: 3vh;
     padding-left: 5vw;
     border-radius: 3px 3px 3px 3px;
     margin-left: 3px;
     margin-right: 3px;
     margin-top: 3px;
     margin-bottom: 1%;
}
 .homeblurb4:hover {
     color: #1a4a24;
     background-color: #dbedcc;
     font-style: italic;
     margin-left: 0.5%;
     margin-right: 0.5%;
     padding-top: 3.5vh;
     padding-bottom: 3.5vh;
}
 .homeblurb4 a:hover {
     color: #1a4a24;
     background-color: #dbedcc;
     margin-left: 0.5%;
     margin-right: 0.5%;
     padding-top: 3.5vh;
     padding-bottom: 3.5vh;
}
 .homeblurb5 {
     background-color: #303030;
     color: #ffffff;
     padding: 10px;
     border-radius: 3px;
     margin-left: -10px;
     margin-right: -10px;
     margin-top: -10px;
}
 .homeblurb6 {
     background-color: #ffffff;
     color: #303030;
     z-index: 1;
     position: relative;
     padding-top: 3vh;
     padding-bottom: 3vh;
     margin-left: -10px;
     margin-right: -10px;
     animation-name: slide-in-right;
     animation-duration: 0.5s;
     animation-timing-function: ease-in;
     animation-fill-mode: forwards;
     animation-delay: 0s;
}
 body.mobile .homeblurb6 {
     background-color: #ffffff;
     color: #303030;
     z-index: 1;
     padding-top: 3vh;
     padding-bottom: 3vh;
     margin-left: -10px;
     margin-right: -10px;
     animation-name: slide-in-right;
     animation-duration: 0.5s;
     animation-timing-function: ease-in;
     animation-fill-mode: forwards;
     animation-delay: 0s;
}
 body.mobile .homeblurb6:hover {
     color: #ffffff;
     background-color: #ff5524;
}
 body.mobile .homeblurb6 a:hover {
     color: #ffffff;
     background-color: #ff5524;
}
 .homeblurb6:hover {
     color: #ffffff;
     background-color: #ff5524;
}
 .homeblurb6 a:hover {
     color: #ffffff;
     background-color: #ff5524;
}
 .homeblurb7 {
     background-color: #1a4a24;
     color: #ffffff;
     padding-left: 2vw;
     padding-right: 2vw;
     padding-top: 5vh;
     animation: slide-in-right 1s ease-in-out forwards;
     animation-delay: 0.2s;
}
 body.mobile .homeblurb7 {
     padding-left: 1vw;
     padding-right: 1vw;
}
 body.mobile .homeblurb7:hover .head3 {
     transform: translate(35vw, 0vh);
     transition-property: transform;
     transition-duration: 1.5s;
     transition-delay: 0s;
     transition-timing-function: ease-out;
}
 body.mobile .homeblurb7:hover .head4 {
     transform: translate(-35vw, 0vh);
     transition-property: transform;
     transition-duration: 1.5s;
     transition-delay: 0s;
     transition-timing-function: ease-out;
}
 .homeblurb8 {
     background-color: #ffffff;
     color: #303030;
     z-index: 1;
     position: relative;
     padding-top: 3vh;
     padding-bottom: 3vh;
     margin-left: -10px;
     margin-right: -10px;
     animation-name: slide-in-right;
     animation-duration: 0.5s;
     animation-timing-function: ease-in;
     animation-fill-mode: forwards;
     animation-delay: 0s;
}
 .proj {
     color: #303030;
     display: inline-grid;
     align-content: space-between;
     text-decoration: none;
     font-family: "moderat", Icons;
     font-style: normal;
     font-weight: 400;
     font-size: 2vh;
     border-radius: 15px;
     margin-bottom: 50px;
}
 .proj a{
     color: #303030;
     text-decoration: none;
}
 body.mobile .proj {
     color: #303030;
     position: relative;
     font-family: "moderat", Icons;
     font-style: normal;
     font-weight: 400;
     font-size: 2.5rem;
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
     margin-bottom: 40px;
}
 .proj2 {
     color: #303030;
     background-color: transparent;
     position: static;
     margin-top: 25vh;
     margin-bottom: 25vh;
     margin-right: 30vw;
     margin-left: 5vw;
     font-family: "moderat", Icons;
     font-style: normal;
     font-weight: 400;
     font-size: 2.2rem;
     animation-name: fade-in-bottom;
     animation-duration: 2s;
     animation-timing-function: ease-out;
     animation-fill-mode: both;
     animation-delay: 2.5s;
}
 body.mobile .proj2 {
     color: #303030;
     background-color: transparent;
     position: relative;
     margin-top: 40vh;
     margin-bottom: 15vh;
     padding-right: 15vw;
}
 .proj3 {
     color: rgba(48, 48, 48, 0.8);
     background-color: transparent;
     font-family: "moderat", Icons;
     font-style: normal;
     font-weight: 400;
     margin-bottom: 5vh;
     margin-top: 5vh;
     margin-left: 2.5vw;
     max-width: 50rem;
}
 .proj3 a {
     color: #2458ff;
}
 body.mobile .proj3 {
     font-size: 2.5rem;
     padding-right: 5vw;
     max-width: 100%;
}
 .proj4 {
     color: rgba(48, 48, 48, 0.8);
     background-color: transparent;
     font-family: "moderat", Icons;
     font-style: normal;
     font-weight: 400;
     margin-bottom: 2.5vh;
     margin-top: 10vh;
     margin-left: 2.5vw;
     max-width: 40rem;
}
 body.mobile .proj4 {
     font-size: 2.5rem;
     padding-right: 30vw;
     margin-bottom: 2.5vh;
     max-width: 100%;
}
 .proj5 {
     color: rgba(48, 48, 48, 0.8);
     background-color: transparent;
     font-family: "moderat", Icons;
     font-style: normal;
     font-weight: 400;
     margin-bottom: 2.5vh;
     margin-top: 2.5vh;
     margin-left: 2.5vw;
     max-width: 50rem;
}
 body.mobile .proj5 {
     font-size: 2.5rem;
     padding-right: 15vw;
     max-width: 100%;
}
 .proj6 {
     display: inline-block;
     color: #303030;
     background-color: transparent;
     font-family: "moderat", Icons;
     font-style: normal;
     font-weight: 400;
     font-size: 1.7rem;
     margin-bottom: 10vh;
     margin-top: 10vh;
}
 .vidd {
     float:right;
     padding-right: 1.5vw;
}
 body.mobile .vidd {
     margin-left: 5vw;
     margin-right: 5vw;
     width: 90%;
}
 .proj7 {
     display: flex;
     align-self: center;
     max-width: 40rem;
     position: relative;
     right: 0;
     color: rgba(48, 48, 48, 0.8);
     background-color: transparent;
     font-family: "moderat", Icons;
     font-style: normal;
     font-weight: 400;
}
 body.mobile .proj7 {
     font-size: 2.5rem;
     padding-right: 10vw;
     margin-left: 2.5vw;
     margin-top: 3vh;
     position: relative;
     max-width: 100%;
     left: 0;
     top: 0;
}
 .proj8 {
     color: #303030;
     background-color: transparent;
     padding-left: 5vw;
     padding-right: 5vw;
     margin-top: 10%;
     margin-bottom: 20%;
     font-family: "moderat", Icons;
     font-style: normal;
     font-weight: 400;
     font-size: 1.7rem;
}
 body.mobile .proj8 {
     font-size: 2.5rem;
     margin-bottom: 5vh;
     margin-top: 3vh;
}
 .projimg {
     height: 2.2em;
     width: auto;
     margin-top: 10px;
     margin-left: -7px;
     transform: perspective(1px) translateZ(0);
     transition-duration: 0.3s;
     transition-property: transform;
     transition-timing-function: linear;
     transition-delay: 0s;
}
 .projimg:hover {
     -webkit-transform: scale(1.1) rotate(-4deg);
     transform: scale(1.1) rotate(-4deg);
}
 body.mobile .projimg {
     width: auto;
     height: 2.7em;
     margin-bottom: 10px;
}
 .projimg2 {
     height: 2.2em;
     width: auto;
     margin-top: 10px;
     margin-left: -7px;
}
 body.mobile .projimg2 {
     width: auto;
     height: 2.7em;
     margin-bottom: 10px;
}
 #fullbleed {
     margin-bottom: 5vh;
}
 body.mobile #fullbleed {
     margin-top: 2vh;
     margin-bottom: 10vh;
}
 #normal2 {
     margin-left: 5vw;
     margin-right: 15vw;
     padding-bottom: 10vh;
}
 body.mobile #normal2 {
     margin-left: 1.5vw;
     margin-right: 5vw;
     padding-left: 0vw;
     padding-right: 5vw;
     padding-bottom: 10vh;
}
 #normal3 {
     margin-left: 20vw;
     margin-right: 5vw;
     padding-bottom: 0vh;
}
 body.mobile #normal3 {
     margin-left: 1.5vw;
     margin-right: 5vw;
     padding-left: 0vw;
     padding-right: 5vw;
     padding-bottom: 5vh;
}
 #hm1 {
     height: 80vh;
     justify-items: center;
     align-items: flex-end;
     background-color: #1a4a24;
}
 body.mobile #hm1 {
     display: inline-block;
     height: 55vh;
}
 body.mobile .head1 {
     display: none;
}
 body.mobile .head2 {
     display: none;
}
 .head1 {
     position: relative;
     transition: transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s;
}
 .head2 {
     position: relative;
     transition: transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s;
}
 .head3 {
     display: none;
}
 .head4 {
     display: none;
}
 body.mobile .head3 {
     display: inline-block;
     position: relative;
     width: 50%;
     padding-right: 2vw;
     padding-left: 0px;
     transform: translate(0%, 0%);
     transition-property: transform;
     transition-duration: 2s;
     transition-delay: 0s;
     transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
     animation-name: slide-in-right;
     animation-duration: 3s;
     animation-timing-function: ease-out;
     animation-fill-mode: backwards;
     animation-delay: 2s;
}
 body.mobile .head4 {
     display: inline-block;
     position: relative;
     width: 50%;
     padding-right: 0px;
     padding-left: 2vw;
     animation-name: slide-in-left;
     animation-duration: 3s;
     animation-timing-function: ease-out;
     animation-fill-mode: backwards;
     animation-delay: 2s;
     transform: translate(0%, 0%);
     transition-property: transform;
     transition-duration: 2s;
     transition-delay: 0s;
     transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
 .ac-container {
     max-width: 70%;
}
 body.mobile .ac-container {
     max-width: 80%;
}
 .ac-container label {
     height: auto !important;
     cursor: url("https://files.cargocollective.com/c1230124/cursorhover.svg")12.5 12.5, auto !important;
     line-height: 4rem !important;
     font-size: 4rem !important;
     font-family: 'Moderat' !important;
     padding-top: 2vh;
     padding-bottom: 1vh;
     margin-bottom: 3vh;
     position: relative;
     z-index: 20;
     display: flex;
     justify-content: space-between;
     color: #ffffff;
     background: #000000;
     border-bottom: 1px solid;
     border-color: #ffffff;
}
 .ac-container {
     width: 100%;
     margin: 10px auto 30px auto;
     text-align: left;
}
 .ac-container label:hover {
     background: #000000;
}
 .ac-container input:checked + label,.ac-container input:checked + label:hover {
     background: #000000;
     color: #ffffff;
}
 .ac-container label:hover:after,.ac-container input:checked + label:hover:after {
     content: '';
     position: absolute;
     width: 24px;
     height: 24px;
     right: 13px;
     top: 7px;
}
 .ac-container input {
     display: none;
}
 .ac-container article {
     background: #000000;
     overflow: hidden;
     height: 0;
     position: relative;
     z-index: 10;
     -webkit-transition: height 0.3s ease-in-out;
     -moz-transition: height 0.3s ease-in-out;
     -o-transition: height 0.3s ease-in-out;
     -ms-transition: height 0.3s ease-in-out;
     transition: height 0.3s ease-in-out;
}
 .ac-container article p {
     color: #ffffff;
     line-height: 3.2vh;
     font-size: 3vh;
     padding-bottom: 2.5vh;
     font-family: 'Moderat';
}
 body.mobile .ac-container article p {
     color: #ffffff;
     line-height: 2.7vh;
     font-size: 2.5vh;
     padding-bottom: 2.5vh;
     font-family: 'Moderat';
}
 .ac-container input:checked ~ article {
     -webkit-transition: height 0.5s ease-in-out;
     -moz-transition: height 0.5s ease-in-out;
     -o-transition: height 0.5s ease-in-out;
     -ms-transition: height 0.5s ease-in-out;
     transition: height 0.5s ease-in-out;
}
 .ac-container input:checked ~ article.ac-small {
     height: 25vh;
}
 .ac-container input:checked ~ article.ac-medium {
     height: 25vh;
}
 body.mobile .ac-container input:checked ~ article.ac-small {
     height: 35vh;
}
 body.mobile .ac-container input:checked ~ article.ac-medium {
     height: 35vh;
}
 .ac-container input:checked ~ article.ac-large {
     height: 20vh;
}
 body.mobile .ac-container2 {
     max-width: 90%;
}
 .ac-container2 label {
     height: auto !important;
     cursor: url("https://files.cargocollective.com/c1230124/cursorhover.svg")12.5 12.5, auto !important;
     line-height: 1.5rem !important;
     font-size: 1.5rem !important;
     font-family: 'moderat' !important;
     letter-spacing: -1px;
     font-weight: 200;
     text-transform: uppercase;
     padding-top: 1rem;
     padding-bottom: 1rem;
     margin-bottom: 1rem;
     position: relative;
     z-index: 20;
     display: flex;
     justify-content: space-between;
     color: #303030;
     background: transparent;
     border-bottom: 1px solid;
     border-color: #f7eee2;     
     transition: transform 1s ease;
}
body.mobile  .ac-container2 label{
     font-size: 2.5rem !important;
     line-height: 2.5rem !important;
}
 .ac-container2 {
     width: 100%;
     margin: 30px auto 0px auto;
     text-align: left;
}

 .ac-container2 label:hover:after,.ac-container2 input:checked + label:hover:after {
     content: '>';
     position: absolute;
     width: 1.5rem;
     height: 1.5rem;
  transform: rotate(90deg);
  transition: all 0.35s;
}
.ac-container2 label:after {
     content: '>';
     position: static;
     right: 0px;
     width: 1.5rem;
     height: 1.5rem;
     transition: transform 0.35s ease;
     color: rgba(163, 130, 84, 1);
     border-radius: 50%;
}
 .ac-container2 input:checked + label:after {
     transform: rotate(90deg);
}
 .ac-container2 input {
     display: none;
}
 .ac-container2 article {
     background: transparent;
     overflow: hidden;
     height: 0;
     position: relative;
     z-index: 10;
     -webkit-transition: height 0.3s ease-in-out;
     -moz-transition: height 0.3s ease-in-out;
     -o-transition: height 0.3s ease-in-out;
     -ms-transition: height 0.3s ease-in-out;
     transition: height 0.3s ease-in-out;
}
 .ac-container2 article p {
     color: #303030;
     line-height: 2rem;
     font-size: 1rem;
     padding-bottom: 2rem;
     padding-left: .5rem;
     font-family: 'Moderat';
}
 body.mobile .ac-container2 article p {
     color: #303030;
     line-height: 3rem;
     font-size: 2rem;
     padding-top: 2.5vh;
     padding-bottom: 2.5vh;
     font-family: 'Moderat';
}
 .ac-container2 input:checked ~ article {
     -webkit-transition: height 0.5s ease-in-out;
     -moz-transition: height 0.5s ease-in-out;
     -o-transition: height 0.5s ease-in-out;
     -ms-transition: height 0.5s ease-in-out;
     transition: height 0.5s ease-in-out;
}
 .ac-container2 input:checked ~ article.ac-small {
     height: 25vh;
}
 .ac-container2 input:checked ~ article.ac-medium {
     height: 25vh;
}
 .ac-container2 input:checked ~ article.ac-large {
     height: 30vh;
}
 body.mobile .ac-container2 input:checked ~ article.ac-small {
     height: auto;
}
 body.mobile .ac-container2 input:checked ~ article.ac-medium {
     height: auto;
}
 body.mobile .ac-container2 input:checked ~ article.ac-large {
     height: auto;
}

body.mobile #abt .ac-container3 {
     max-width: 90%;
}
 #abt .ac-container3 label {
     height: auto !important;
     cursor: url("https://files.cargocollective.com/c1230124/cursorhover.svg")12.5 12.5, auto !important;
     line-height: 1.5rem !important;
     font-size: 1.5rem !important;
     font-family: 'moderat' !important;
     letter-spacing: -1px;
     font-weight: 200;
     text-transform: uppercase;
     padding-top: 1rem;
     padding-bottom: 1rem;
     margin-bottom: 1rem;
     position: relative;
     z-index: 20;
     display: flex;
     justify-content: space-between;
     color: #303030;
     background: transparent;
     border-bottom: 1px solid;
     border-color: #f7eee2;     
     transition: transform 1s ease;
}
body.mobile #abt .ac-container3 label{
     font-size: 2.5rem !important;
     line-height: 2.5rem !important;
}
 #abt .ac-container3 {
     width: 100%;
     margin: 30px auto 0px auto;
     text-align: left;
}

 #abt .ac-container3 label:hover:after,.ac-container3 input:checked + label:hover:after {
     content: '>';
     position: absolute;
     width: 1.5rem;
     height: 1.5rem;
  transform: rotate(90deg);
  transition: all 0.35s;
}
 #abt .ac-container3 label:after {
     content: '>';
     position: static;
     right: 0px;
     width: 1.5rem;
     height: 1.5rem;
     transition: transform 0.35s ease;
     color: rgba(163, 130, 84, 1);
     border-radius: 50%;
}
 #abt .ac-container3 input:checked + label:after {
     transform: rotate(90deg);
}
 #abt .ac-container3 input {
     display: none;
}
 #abt .ac-container3 article {
     background: transparent;
     overflow: hidden;
     height: 0;
     position: relative;
     z-index: 10;
     -webkit-transition: height 0.3s ease-in-out;
     -moz-transition: height 0.3s ease-in-out;
     -o-transition: height 0.3s ease-in-out;
     -ms-transition: height 0.3s ease-in-out;
     transition: height 0.3s ease-in-out;
}
 #abt .ac-container3 article p {
     color: rgba(48, 48, 48, 0.85);
     line-height: 1.5rem;
     font-size: 1rem;
     padding-bottom: 2rem;
     padding-left: .5rem;
     padding-right: 2rem;
     font-family: 'Moderat';
}
 body.mobile #abt .ac-container3 article p {
     color: #303030;
     line-height: 2rem;
     font-size: 2rem;
     padding-top: 2.5vh;
     padding-bottom: 2.5vh;
     font-family: 'Moderat';
}
 #abt .ac-container3 input:checked ~ article {
     -webkit-transition: height 0.5s ease-in-out;
     -moz-transition: height 0.5s ease-in-out;
     -o-transition: height 0.5s ease-in-out;
     -ms-transition: height 0.5s ease-in-out;
     transition: height 0.5s ease-in-out;
}
 #abt .ac-container3 input:checked ~ article.ac-small {
     height: auto;
}
 #abt .ac-container3 input:checked ~ article.ac-medium {
     height: auto;
     padding-bottom: 2.5vh;
}
 #abt .ac-container3 input:checked ~ article.ac-large {
     height: auto;
     padding-bottom: 2.5vh;
}
body.mobile #abt .ac-container3 input:checked ~ article.ac-small {
     height: auto;
}
body.mobile #abt .ac-container3 input:checked ~ article.ac-medium {
     height: auto;
}
body.mobile #abt .ac-container3 input:checked ~ article.ac-large {
     height: auto;
}
.ispro {
    max-width: 40rem;
    margin-top: 10vh;
	padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 5vh;
    padding-bottom: 5vh;
    background-color: #FBF7F1;
    border-radius: 3px;
}
body.mobile .ispro {
    max-width: 90%;
    margin-top: 5vh;
	padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 5vh;
    padding-bottom: 5vh;
    background-color: #FDFBF8;
    border-radius: 3px;
}
.ispro2 {
    max-width: 40rem;
    margin-top: 5vh;
	padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 5vh;
    padding-bottom: 5vh;
    background-color: #FBF7F1;
    border-radius: 3px;
}
body.mobile .ispro2 {
    max-width: 90%;
    margin-top: 5vh;
	padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 5vh;
    padding-bottom: 5vh;
    background-color: #FDFBF8;
    border-radius: 3px;
}
 #abt .ac-container {
     max-width: 100%;
     margin: 0px auto 30px auto;
     text-align: left;
}
 body.mobile #abt .ac-container {
     max-width: 100%;
     padding-right:0px;
}

#abt .ac-container label {
     height: auto !important;
     cursor: url("https://files.cargocollective.com/c1230124/cursorhover.svg")12.5 12.5, auto !important;
     line-height: 3rem !important;
     font-size: 2.6rem !important;
     font-family: 'karrik' !important;
     padding-top: 2vh;
     padding-bottom: 1vh;
     margin-bottom: 3vh;
     position: relative;
     z-index: 20;
     display: flex;
     justify-content: space-between;
     color: #303030;
     background: transparent;
     border-bottom: 1px solid;
     border-color: #a38254;
     transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}
 #abt .ac-container label:after {
     content: '+';
     position: absolute;
     right: 0px;
     width: 3rem;
     height: 3rem;
     color: #ffffff;
     text-align: center;
     border-radius: 50%;
     background: #1a4a24;
}

 body.mobile #abt .ac-container label:after {
     width: 4rem;
     height: 4rem;
}
 #abt .ac-container input:checked + label:after {
     content: '-';
     line-height: 2.6rem;
     background: #ff5524;
}
 body.mobile #abt .ac-container input:checked + label:after {
     line-height: 3.5rem;
}
 body.mobile #abt .ac-container label {
     font-size: 3.6rem !important;
     line-height: 4rem !important;
}

 #abt .ac-container input {
     display: none;
}
 #abt .ac-container article {
     background: transparent;
     overflow: hidden;
     height: 0;
     position: relative;
     z-index: 10;
     -webkit-transition: height 0.3s ease-in-out;
     -moz-transition: height 0.3s ease-in-out;
     -o-transition: height 0.3s ease-in-out;
     -ms-transition: height 0.3s ease-in-out;
     transition: height 0.3s ease-in-out;
}
 #abt .ac-container article p {
     color: #303030;
     line-height: 3.2vh;
     font-size: 2.5vh;
     padding-bottom: 2.5vh;
     font-family: 'Moderat';
}
 body.mobile #abt .ac-container article p {
     color: #303030;
     line-height: 2.7vh;
     font-size: 2.5vh;
     padding-bottom: 2.5vh;
     font-family: 'Moderat';
}
 #abt .ac-container input:checked ~ article {
     -webkit-transition: height 0.5s ease-in-out;
     -moz-transition: height 0.5s ease-in-out;
     -o-transition: height 0.5s ease-in-out;
     -ms-transition: height 0.5s ease-in-out;
     transition: height 0.5s ease-in-out;
}
 #abt .ac-container input:checked ~ article.ac-small {
     height: auto;
}
 #abt .ac-container input:checked ~ article.ac-medium {
     height: auto;
}
 #abt body.mobile .ac-container input:checked ~ article.ac-small {
     height: auto;
}
 #abt body.mobile .ac-container input:checked ~ article.ac-medium {
     height: auto;
}
 #abt .ac-container input:checked ~ article.ac-large {
     height: auto;
     margin-right: 10vw;
}
 #hm1:hover .head1 {
     transform: translate(70%, 0%);
}
 #hm1:hover .head2 {
     transform: translate(-70%, 0%);
}
 .process {
     margin-left: 0vh;
     margin-right: 0vh;
}
 body.mobile .process {
     margin-left: 5vw;
     margin-right: 3vw;
}
 shake-bottom1 {
     animation: shake-bottom 2s infinite;
}
 .slide-out-bottom {
     -webkit-animation: slide-out-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
     animation: slide-out-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
 .scale-in-ver-top {
     -webkit-animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
     animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
}
 .slide-top {
     -webkit-animation: slide-top 0.5s ease-in-out both;
     animation: slide-top 0.5s ease-in-out both;
}
 @keyframes transitionIn {
     from {
         padding: 0px;
         font-size: 0px;
    }
     to {
         padding-top: 15px;
         padding-bottom: 30px;
         padding-left: 30px;
         padding-right: 15px;
         font-size: 25px;
    }
}
 .scale-in-tr {
     -webkit-animation: scale-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
     animation: scale-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 @-webkit-keyframes scale-in-tr {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
         -webkit-transform-origin: 100% 0%;
         transform-origin: 100% 0%;
         opacity: 1;
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         -webkit-transform-origin: 100% 0%;
         transform-origin: 100% 0%;
         opacity: 1;
    }
}
 @keyframes scale-in-tr {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
         -webkit-transform-origin: 100% 0%;
         transform-origin: 100% 0%;
         opacity: 1;
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         -webkit-transform-origin: 100% 0%;
         transform-origin: 100% 0%;
         opacity: 1;
    }
}
 .scale-up-tr {
     -webkit-animation: scale-up-tr 1s cubic-bezier(0.785, 0.135, 0.150, 0.860) 5s forwards;
     animation: scale-up-tr 1s cubic-bezier(0.785, 0.135, 0.150, 0.860) 5s forwards;
}
 @-webkit-keyframes scale-up-tr {
     0% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
         -webkit-transform-origin: 100% 0%;
         transform-origin: 100% 0%;
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         -webkit-transform-origin: 100% 0%;
         transform-origin: 100% 0%;
    }
}
 @keyframes scale-up-tr {
     0% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
         -webkit-transform-origin: 100% 0%;
         transform-origin: 100% 0%;
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         -webkit-transform-origin: 100% 0%;
         transform-origin: 100% 0%;
    }
}
 @-webkit-keyframes fade-in-bottom {
     0% {
         -webkit-transform: translateY(50px);
         transform: translateY(50px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
    }
}
 @keyframes fade-in-bottom {
     0% {
         -webkit-transform: translateY(50px);
         transform: translateY(50px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
    }
}
 @keyframes fadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @-webkit-keyframes scale-in-ver-top {
     0% {
         -webkit-transform: scaleY(0);
         transform: scaleY(0);
         -webkit-transform-origin: 100% 0%;
         transform-origin: 100% 0%;
         opacity: 1;
    }
     100% {
         -webkit-transform: scaleY(1);
         transform: scaleY(1);
         -webkit-transform-origin: 100% 0%;
         transform-origin: 100% 0%;
         opacity: 1;
    }
}
 @keyframes scale-in-ver-top {
     0% {
         -webkit-transform: scaleY(0);
         transform: scaleY(0);
         -webkit-transform-origin: 100% 0%;
         transform-origin: 100% 0%;
         opacity: 1;
    }
     100% {
         -webkit-transform: scaleY(1);
         transform: scaleY(1);
         -webkit-transform-origin: 100% 0%;
         transform-origin: 100% 0%;
         opacity: 1;
    }
}
 @-webkit-keyframes slide-out-bottom {
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
    }
     100% {
         -webkit-transform: translateY(1000px);
         transform: translateY(1000px);
         opacity: 0;
    }
}
 @keyframes slide-out-bottom {
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
    }
     100% {
         -webkit-transform: translateY(1000px);
         transform: translateY(1000px);
         opacity: 0;
    }
}
 .slide-in-bottom {
     -webkit-animation: slide-in-bottom 2s cubic-bezier(0.860, 0.000, 0.070, 1.000) both;
     animation: slide-in-bottom 2s cubic-bezier(0.860, 0.000, 0.070, 1.000) both;
}
 @-webkit-keyframes slide-in-bottom {
     0% {
         -webkit-transform: translateY(1000px);
         transform: translateY(1000px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
    }
}
 @keyframes slide-in-bottom {
     0% {
         -webkit-transform: translateY(1000px);
         transform: translateY(1000px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
    }
}
 .slide-in-left {
     -webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
     animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 @-webkit-keyframes slide-in-left {
     0% {
         -webkit-transform: translateX(-1000px);
         transform: translateX(-1000px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
         opacity: 1;
    }
}
 @keyframes slide-in-left {
     0% {
         -webkit-transform: translateX(-1000px);
         transform: translateX(-1000px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
         opacity: 1;
    }
}
 .slide-in-right {
     -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
     animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 @-webkit-keyframes slide-in-right {
     0% {
         -webkit-transform: translateX(600px);
         transform: translateX(600px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
         opacity: 1;
    }
}
 @keyframes slide-in-right {
     0% {
         -webkit-transform: translateX(1000px);
         transform: translateX(1000px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
         opacity: 1;
    }
}
 .shake-bottom {
     -webkit-animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
     animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
 @-webkit-keyframes shake-bottom {
     0%, 100% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
         -webkit-transform-origin: 50% 100%;
         transform-origin: 50% 100%;
    }
     10% {
         -webkit-transform: rotate(2deg);
         transform: rotate(2deg);
    }
     20%, 40%, 60% {
         -webkit-transform: rotate(-4deg);
         transform: rotate(-4deg);
    }
     30%, 50%, 70% {
         -webkit-transform: rotate(4deg);
         transform: rotate(4deg);
    }
     80% {
         -webkit-transform: rotate(-2deg);
         transform: rotate(-2deg);
    }
     90% {
         -webkit-transform: rotate(2deg);
         transform: rotate(2deg);
    }
}
 @keyframes shake-bottom {
     0%, 100% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
         -webkit-transform-origin: 50% 100%;
         transform-origin: 50% 100%;
    }
     10% {
         -webkit-transform: rotate(2deg);
         transform: rotate(2deg);
    }
     20%, 40%, 60% {
         -webkit-transform: rotate(-4deg);
         transform: rotate(-4deg);
    }
     30%, 50%, 70% {
         -webkit-transform: rotate(4deg);
         transform: rotate(4deg);
    }
     80% {
         -webkit-transform: rotate(-2deg);
         transform: rotate(-2deg);
    }
     90% {
         -webkit-transform: rotate(2deg);
         transform: rotate(2deg);
    }
}
 .slide-in-top {
     -webkit-animation: slide-in-top 0.5s ease-out both;
     animation: slide-in-top 0.5s ease-out both;
}
 @-webkit-keyframes slide-in-top {
     0% {
         -webkit-transform: translateY(-1000px);
         transform: translateY(-1000px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
    }
}
 @keyframes slide-in-top {
     0% {
         -webkit-transform: translateY(-1000px);
         transform: translateY(-1000px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
    }
}
 .button {
     grid-column-gap: 1.125rem;
     color: #000;
     font-size: 1rem;
     text-align: center;
     letter-spacing: .01em;
     background-color: transparent;
     border: 2px solid #000;
     border-radius: 6rem;
     align-items: center;
     padding: 0.75rem 1.5rem;
     font-weight: 400;
     text-decoration: none;
     transition: all .2s;
     display: flex;
}
 .button.is-red-fill {
     background-color: #ff5524;
     color: #ffffff;
     border-color: transparent;
     font-weight: 500;
}
 .button.is-white-fill {
     background-color: #ffffff;
     border-color: #000;
}
 .w-inline-block {
     max-width: 100%;
     display: inline-block;
}
 .button:hover {
     background-color: #fff;
     border-color: #000;
     color: #000000 
}
 body.mobile .button {
     grid-column-gap: 0rem;
     color: #000;
     text-align: center;
     letter-spacing: .01em;
     background-color: transparent;
     border: 2px solid #000;
     border-radius: 5rem;
     font-size: 1.7rem;
     align-items: left;
     padding: 1rem 2rem;
     font-weight: 400;
     text-decoration: none;
     transition: all .2s;
     display: inline-block;
}
 .smalltext {
     font-size: 1rem;
}
 body.mobile .smalltext {
     font-size: 1.5rem;
}
body.mobile .lrn {
     color: rgba(48, 48, 48, 0.8);
     font-size: 2.5rem;
    padding-right: 0vw;
}
 .lrn {
     margin-right: 2rem;
     flex: 5; /* take up 5 parts of the container's width */
}
body.mobile .lrn2 {
     color: rgba(48, 48, 48, 0.8);
     font-size: 2.5rem;
    padding-right: 0vw;
    padding-bottom: 5vh;
     padding-left: 2.5rem;
    margin-right:5rem;
	margin-left:0rem;
}
 .lrn2 {
     color: rgba(48, 48, 48, 0.8);
    flex: 7; /* take up 7 parts of the container's width */
margin-right: 10rem;
}
body.mobile .lrn3 {
    padding-right: 0vw;
    padding-left: 0vw;
    margin-left:0vw;
margin-right:0vw;
}
 .lrn3 {
     margin-right: 5rem;
     margin-left: 2.5rem;
}
body.mobile .lrn4 {
    font-size: 2.5rem;
    padding-right: 0vw;
    padding-left: 2.5rem;
    margin-left:0vw;
margin-right:0vw;
}
 .lrn4 {
     margin-right: 40vw;
     color: rgba(48, 48, 48, 0.8);
     margin-left: 2.5vw;
}
.cs-details-two-col {
     display: flex;
     justify-content: center; /* Distribute the cards evenly */
align-items: center;
}
body.mobile .cs-details-two-col {
    flex-direction: column-reverse;
}
.cs-details-three-col {
     background-color: #122417;
     display: flex;
     justify-content: center; /* Distribute the cards evenly */
    flex-wrap: wrap; 
}
body.mobile .cs-details-three-col {
    flex-direction: column;
}
.csicard {
    background-color: #1a4a24;
    color: #dbedcc;
    font-size: 1.2rem;
    height: 35rem;
    max-width: 30rem;
    border-radius: 3px;
    flex: 1; /* Allow cards to grow and take up equal width */
    margin: 2rem; /* Add some margin for spacing between cards */
    box-sizing: border-box; /* To ensure padding and border are included in the total width/height */
    display: flex;        /* Add flexbox display */
    flex-direction: column; /* Organize children vertically */
    padding: 1rem;        /* Some padding to space out the content */
}
.cscard {
    background-color:#FAF8F5;
    color: #303030;
    font-size: 1.2rem;
    max-height: 20rem;
    max-width: 30rem;
    border-radius: 3px;
    flex: 1; /* Allow cards to grow and take up equal width */
    margin: 2rem; /* Add some margin for spacing between cards */
    box-sizing: border-box; /* To ensure padding and border are included in the total width/height */
    display: flex;        /* Add flexbox display */
    flex-direction: column; /* Organize children vertically */
    padding: 1rem;        /* Some padding to space out the content */
}
body.mobile .cscard {
    font-size: 2rem;
    margin-bottom: 2.5vh;
    margin-left: auto; /* Center the cards */
    margin-right: auto;
    max-height: 30vh;
    max-width: 80vw;
}
.cscard:hover {
     -webkit-transform: scale(1.1);
     transform: scale(1.1); 
}
.csicard:hover {
     -webkit-transform: scale(1.1);
     transform: scale(1.1); 
}
.csicard h3 {
    font-family: 'karrik';
    letter-spacing: 0px;
    margin-top: 1rem;
    margin-bottom: auto; /* Push the title to the top */
    color:#f7eee2;
}
body.mobile .csicard {
    font-size: 2rem;
    margin-bottom: 2.5vh;
    margin-left: auto; /* Center the cards */
    margin-right: auto;
    height: 40vh;
    max-width: 80vw;
}