/** Shopify CDN: Minification failed

Line 53:18 Expected identifier but found whitespace
Line 53:19 Unexpected "1px"
Line 53:30 Unexpected "{"
Line 53:39 Expected ":"
Line 65:10 Expected identifier but found whitespace
Line 65:12 Unexpected "{"
Line 65:21 Expected ":"
Line 69:10 Expected identifier but found whitespace
Line 69:12 Unexpected "{"
Line 69:21 Expected ":"
... and 10 more hidden warnings

**/


/* CSS from section stylesheet tags */
.faq-block-container li{
    border-bottom: 0.5px solid rgba(84,81,75,0.2);
    width: 100%; 
    margin: auto;
    display: inline-block;
    padding: 1.5rem 3rem 1.5rem 3rem;
    position: relative;
  }
  .question {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    cursor: pointer !important;
  }
  
  .question h2{width: 90%;margin: 0 0 0px;}
  
  .question img{width: 0.8rem; height:auto;transition: all 0.3s;}
  
  .answer {
    width:100%; 
    margin: auto; 
    display: none; 
    position: relative; 
    padding:1rem 0 0 0;
  }
  .caret.rotate {transform: rotate(180deg);}
  
  @media only screen and (max-width: 820px){
    .faq-block-container li{
      padding: 1.5rem 1rem 1.5rem 1rem;
    }
  }
.site-footer__hr {
    border-bottom: 1px solid {{ section.settings.color_footer_bg | color_darken: 10 }};
  }
  
  .site-footer__linklist-item a {color: var(--alibaster); font-size: clamp(0.8rem, 1vh, 1.2rem);}

  .site-footer p,
  .site-footer__rte a,
  .site-footer h4,
  .site-footer small,
  .site-footer__copyright-content a,
  .site-footer__newsletter-error,
  .site-footer__social-icons .social-icons__link {
    color: {{ section.settings.color_footer_text }};
  }

  .site-footer {
    color: {{ section.settings.color_footer_text }};
    background-color: {{ section.settings.color_footer_bg }};
  }

  .site-footer__rte a {
    border-bottom: 1px solid {{ section.settings.color_footer_text }};
  }
  .copyright a,
  .copyright a:focus,
  .copyright a:visited,
  .site-footer__rte a:hover,
  .site-footer__linklist-item a:hover,
  .site-footer__copyright-content a:hover {
    color: var(--alibaster);
  }

  .site-footer__social-icons .social-icons__link:hover {
    color: {{ footer_text_color_hover }};
  }
.section-container {
    position: relative;
    width: 100%;
    display: block;
    margin: auto;
  }
  
  .section-container-hero {
    position: relative;
    width: 100%;
    padding: 7rem 0rem 0rem 0rem;
    display: block;
    margin: 0 auto auto auto;
  }
  #shopify-section-FullWidthImage {width: 100%;}
  
  #full-image-container {
    width: 100%; 
    height: 80vh;
    overflow: hidden;
    margin: auto;
    position: relative;
    display: inline-block;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
  }
  
  #full-hero-container {
    width: 100%; 
    height: 87vh;
    overflow: hidden;
    margin: auto;
    position: relative;
    display: inline-block;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
  }
  
  #full-hero-container-mobile {display: none;}
  
  #full-hero-container-mobile .text-over,
  #full-hero-container .text-over,
  #full-image-container .text-over {
    position: absolute;
    z-index: 9;
  }
  
  #full-image-container .text-over.darknude-stroke,
  #full-width-section .text-over.darknude-stroke {
    border: 4px solid var(--darknude);
  }
  
  #full-image-container .text-over.marigold-stroke,
  #full-width-section .text-over.marigold-stroke {
    border: 4px solid var(--marigold);
  }

  #full-hero-container-mobile .text-over.bottomcenter,
  #full-hero-container .text-over.bottomcenter {
    left: 0;
    right: 0;
    bottom: 4rem;
    width: 100%;
    margin: auto;
    padding: 0rem 2rem;
  }
  
  #full-image-container .text-over.bottomcenter {
    left: 0;
    right: 0;
    bottom: 8rem;
    width: 100%;
    margin: auto;
    padding: 2rem;
  }
  #full-hero-container-mobile .text-over.centercenter,
  #full-hero-container .text-over.centercenter,
  #full-image-container .text-over.centercenter {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2rem;
  }

  #full-hero-container-mobile .text-over.centercenter,
  #full-hero-container .text-over.centercenter {width: 100%; max-width: 60%;}
  
  #full-image-container .text-over.centercenter {width: 100%;}

  #full-hero-container-mobile .text-over.left,
  #full-hero-container .text-over.left {
    bottom: 2rem;
    left: 2rem;
    padding: 2rem;
  }
  
  #full-width-section {
    width: 100%; 
    height: auto;
    padding: 6rem 4rem;
    margin: auto;
    position: relative;
    display: inline-block;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
  }
  
  #full-width-section .flex-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #full-width-section .flex-container.center {
     justify-content: center;
  }
  #full-width-section .flex-container.reverse {
    flex-direction: row-reverse;
  }
  #full-width-section .flex-container .text-over {
    padding: 2.5rem 2rem;
    z-index: 9;
    max-width: 40%;
  }
  
  #full-width-section .flex-container .inner-image {
    position: relative;
    max-width: 50%;
  }
  #full-width-section .flex-container .inner-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #full-width-halfsection {
    width: 100%; 
    height: 50vh;
    margin: auto;
    position: relative;
    display: inline-block;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
  }
  
  #full-width-halfsection .mobile-image {display: none;}

  #full-width-halfsection .text-over a.secondary-btn,
  #full-width-halfsection .text-over a.secondary-btn:focus,
  #full-width-halfsection .text-over a.secondary-btn:visited,
  #full-width-section .flex-container .text-over a.secondary-btn,
  #full-width-section .flex-container .text-over a.secondary-btn:focus,
  #full-width-section .flex-container .text-over a.secondary-btn:visited {
      display: block;
      margin: 2rem auto auto auto;
      z-index: 5;
      position: relative;
  }

  #full-width-halfsection .text-over h1,
  #full-width-section .flex-container .text-over h1 {
    font-size: var(--medheading);
  }
  
  #full-hero-container .text-over h1,
  #full-image-container .text-over h1 {
    font-size: var(--xlheading);
  }
  
  #full-image-container .text-over h1 .orpheus,
  #full-width-halfsection .text-over h1 .orpheus,
  #full-width-section .text-over h1 .orpheus {
    font-family: orpheuspro, serif;
    font-weight: 400; 
    font-style: normal;
  }
  #full-hero-container-mobile .text-over h1 .handwritten,
  #full-hero-container .text-over h1 .handwritten,
  #full-image-container .text-over h1 .handwritten,
  #full-width-halfsection .text-over h1 .handwritten,
  #full-width-section .text-over h1 .handwritten {
    font-family: "BonVivant";
  }
  
  @media only screen and (max-width:1024px) {
    #full-width-section {
      padding: 6rem 4rem;
    }
    
    #full-width-section .flex-container .text-over {width: 45%;}
    
    #full-hero-container .text-over h1,
    #full-width-section .flex-container .text-over h1 {
      font-size: 2.5rem;
    }

    #full-hero-container-mobile .text-over h1 {
      font-size: 3rem;
    }
  }
  @media only screen and (max-width:820px) {
    .section-container-hero {
      padding: 7rem 0rem 0rem 0rem;
    }
    #full-hero-container {
       display: none;
    }
    #full-hero-container-mobile {
      width: 100%;
      height: 80vh;
      display: block;
      margin: auto;
      overflow: hidden;
      position: relative;
      background-size: cover !important;
      -o-background-size: cover !important;
      -moz-background-size: cover !important;
      -webkit-background-size: cover !important;
    }
    #full-width-section .flex-container {
      flex-wrap: wrap;
    }
    #full-width-section .flex-container .text-over,
    #full-width-section .flex-container .inner-image {
      width: 100%;
      max-width: 100%;
    }
     #full-width-section .flex-container .inner-image {
      padding: 2rem 0 0 0;
    }
    #full-width-halfsection {background: unset !important}

    #full-width-halfsection .mobile-image {display: block; width: 100%;}

    #full-hero-container-mobile .text-over.bottomcenter {
      left: 0;
      right: 0;
      bottom: 2rem;
      width: 100%;
      margin: auto;
      padding: 0rem 2rem;
    }
  }
  @media only screen and (max-width:600px) {
    #full-width-section {
      padding: 6rem 2rem;
    }
    
    #full-width-section .flex-container .text-over {
      padding: 1.5rem 1rem;
    }

    #full-width-section .flex-container .text-over h1 {
    font-size: 2rem;
    }
  
    #full-width-section .text-over h1 {font-size: 3rem;}
  }
#halfMediahalfTextImage {
    display: block;
    position: relative;
    margin: auto;
    width: 100%;
  }
  #halfMediahalfTextImage.sage {
    background: var(--sage);
  }
  #halfMediahalfTextImage.beige {
    background: #EFEAE5;
  }
  
  #halfMediahalfTextImage .col-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  #halfMediahalfTextImage .col-flex.reverse{
  grid-auto-flow: dense;
  direction: rtl;
  }
  
  #halfMediahalfTextImage .col-flex .column {
    position: relative;
  }

  #halfMediahalfTextImage.sage .col-flex .column h3,
  #halfMediahalfTextImage.sage .col-flex .column h4 {
    color: var(--alibaster);
  }
  
  #halfMediahalfTextImage .col-flex .column h4 {
    font-family: "BonVivant";
    font-size: var(--medheading);
  }
  
  #halfMediahalfTextImage .col-flex .column.backgroundImage {
    background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -webkit-background-size: cover !important;
    height: 100%;
  }
  #halfMediahalfTextImage .col-flex .column .smallImageContainer {
    width: 100%;
    margin: auto;
    display: block;
    text-align: center;
    position: relative;
    max-width: 200px;
    padding: 0 0 2rem 0;
  }
  #halfMediahalfTextImage .col-flex .column.text {
    padding: 4rem;
  }
  #halfMediahalfTextImage .col-flex .column .smallImageContainer img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #halfMediahalfTextImage p {
    line-height: 1.7;
    padding: 0 0 1rem 0; 
    color: var(--moss);
  }
  
  #halfMediahalfTextImage .secondary-btn {display: block; margin: 1.7rem auto 0 auto;}

  
  @media only screen and (max-width: 820px) {
    #halfMediahalfTextImage .col-flex {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
    }
    #halfMediahalfTextImage .col-flex.reverse{
      grid-auto-flow: unset;
      direction: unset;
    }
    #halfMediahalfTextImage .col-flex .column.text {
      padding: 4rem 2rem;
    }
    #halfMediahalfTextImage .col-flex .column.backgroundImage {
      height: 60vh;
    }
  }
#half-media-half-text {
    display: inline-block;
    padding: 6rem 4rem;
    position: relative;
    margin: auto;
  }
  
  #half-media-half-text .col-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  #half-media-half-text p {
    line-height: 1.7;
    padding: 0 0 1rem 0; 
    color: var(--moss);
  }
  
  #half-media-half-text .secondary-btn {display: block; margin: 1.7rem 0 0 0;}

  #half-media-half-text .text-left {padding-left: 8rem; padding-right: 4rem;}
  #half-media-half-text .text-right {padding-right: 8rem; padding-left: 4rem;}
  
  @media only screen and (max-width: 820px) {
    #half-media-half-text {padding: 6rem 4rem 6rem 4rem;}
    #half-media-half-text .col-flex .col-1-2,
    #half-media-half-text .col-flex .col-1-60,
    #half-media-half-text .col-flex .col-1-40 {
      width: 100%;
    }
    #half-media-half-text .text-left {
      padding-left: 0rem; padding-right: 0rem;
    }
    #half-media-half-text .col-flex .col-1-2 .half-image {
      padding: 0 0 2rem 0;
    }
    #half-media-half-text .col-flex .col-1-60 .half-image{
      padding: 0 0 2rem 0;
    }
  }
  
  @media only screen and (max-width: 600px) {
     #half-media-half-text {padding: 4rem 2rem 6rem 2rem;}
   }
h2 {text-transform: none; line-height: 1.5 !important;}
#quote-two-images-section .text-padding-right {
   padding: 0 5rem 0 0;
 }
#quote-two-images-section .col-flex {
  flex-wrap: wrap;
}
  
@media only screen and (max-width: 820px){
  #quote-two-images-section.paddingsidestop {padding: 4rem 4rem 0 4rem;}
  #quote-two-images-section .col-flex .col-1-30,
  #quote-two-images-section .col-flex .col-1-35 {width: 100%;}
  #quote-two-images-section .text-padding-right {padding: 0 0rem 0 0;}
  #quote-two-images-section .img-padding-right {
    padding: 4rem 0rem 4rem 0rem;
    text-align: center;
  } 
  #quote-two-images-section .img-padding-left {
    padding: 0rem 0rem 0rem 0rem;
    text-align: center;
  }
}
@media only screen and (max-width: 600px) {
  #quote-two-images-section.paddingsidestop {padding: 4rem 2rem 0 2rem;}
}
#text-block h2 span {
  font-family: "BonVivant" !important;
}
#shopify-section-thank-you {width: 100%; margin: auto; display: inline-block; padding: 8rem 0 4rem 0;}
  
  #thank-you-page .max-80 a:visited,
  #thank-you-page .max-80 a:focus{color: var(--moss);}
  
  @media only screen and (max-width: 416px){
     #thank-you-page p {text-align: center;}
    #thank-you-page .max-80 a {width: 100%; margin: auto; display: block; text-align: center;}
  }
#shopify-section-ThankYouText,
  .thank-you-section {width: 100%; margin: auto; display: inline-block;}
  .thank-you-section {padding: 0rem 6rem 8rem 6rem;}
  .signatures {
    display: flex;
    justify-content: center; 
    align-items: flex-start; 
    width: 100%; 
    flex-wrap: wrap;
    margin: auto;
    position: relative;
    max-width: 800px;}
  
  .founder-one,
  .founder-two {width: 50%;}
  
  .signatures img {max-width: 200px; width: 100%; margin: auto; display: block; text-align: center;}
  
  @media only screen and (max-width: 820px){
    .thank-you-section {padding: 0rem 4rem 8rem 4rem;}
    .founder-one,
    .founder-two {width: 48%;}
    .founder-one {margin-right: 1%;}
    .founder-two {margin-left: 1%;}
  }

  @media only screen and (max-width: 600px){
    .thank-you-section {padding: 0rem 2rem 8rem 2rem;}
    .thank-you-section .xlheading {font-size: 2.3rem;}
  }
#shopify-section-ThreeUp {width: 100%;}
  
  #three-image-section {
    display: inline-block;
    width: 100%;
    margin: auto;
    position: relative;
    padding: 6rem 3rem;
  }
  @media only screen and (max-width: 1000px) {
    #three-image-section {padding: 4rem 3rem;}
  }
  
  #three-image-section .col-flex {
    justify-content: space-between; 
    align-items: center; 
    flex-wrap: wrap;
  }
  
  #three-image-section .image-thirds {
    width: 31.33%; 
    height: 55vh;
    position: relative;
    cursor:pointer;
  }
  @media only screen and (max-width: 1440px) {
    #three-image-section .image-thirds {
       height: 500px;
    }
  }
  @media only screen and (max-width: 820px) {
    #three-image-section {padding: 2.5rem 2rem;}
    #three-image-section .image-thirds {
       width: 100%; 
    }
    #three-image-section .image-thirds.one, #three-image-section .image-thirds.two {display: none;}
  }
  #three-image-section .image-block {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
  }

  #three-image-section .image-thirds.one {margin-right: 1%;}
  #three-image-section .image-thirds.two {margin-left: 1%; margin-right: 1%;}
  #three-image-section .image-thirds.three {margin-left: 1%;}

  #three-image-section .image-block .bottom-gradient {
    position: absolute;
    z-index: 8;
    left: 0px;
    right: 0px;
    bottom: 0rem;
    width: 100%;
    height: 55%;
    background: rgb(17,28,26);
    background: -moz-linear-gradient(0deg, rgba(17,28,26,0.7) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(17,28,26,0.7) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(17,28,26,0.7) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111c1a",endColorstr="#ffffff",GradientType=1);
  }
  
  #three-image-section h3 {
    margin-block-start: 0em;
    margin-block-end: 0em;
    transition: 0.3s ease all;
  }
  
  #three-image-section p {transition: 0.3s ease all;}
  
  #three-image-section .image-block .textover {
    position: absolute;
    z-index: 9;
    left: 0px;
    right: 0px;
    bottom: 0rem;
    padding: 0 2rem 2rem 2rem;
    transition: 0.3s ease all;
  }
  
  #three-image-section .image-block.three:hover .textover p,
  #three-image-section .image-block.three:hover .textover h3,
  #three-image-section .image-block.two:hover .textover h3,
  #three-image-section .image-block.two:hover .textover p,
  #three-image-section .image-block.one:hover .textover p,
  #three-image-section .image-block.one:hover .textover h3 {
    color: var(--rose);
  }
#shopify-section-ThreeUp {width: 100%;}
  
  #three-image-section {
    display: inline-block;
    width: 100%;
    margin: auto;
    position: relative;
    padding: 6rem 3rem;
  }
  @media only screen and (max-width: 1000px) {
    #three-image-section {padding: 4rem 3rem;}
  }
  
  #three-image-section .col-flex {
    justify-content: space-between; 
    align-items: center; 
    flex-wrap: wrap;
  }
  
  #three-image-section .image-thirds {
    width: 31.33%; 
    height: 55vh;
    position: relative;
    cursor:pointer;
  }
  @media only screen and (max-width: 1440px) {
    #three-image-section .image-thirds {
       height: 500px;
    }
  }
  @media only screen and (max-width: 820px) {
    #three-image-section {padding: 2.5rem 2rem;}
    #three-image-section .image-thirds {
       width: 100%; 
    }
    #three-image-section .image-thirds.one, #three-image-section .image-thirds.two {display: none;}
  }
  #three-image-section .image-block {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
  }

  #three-image-section .image-thirds.one {margin-right: 1%;}
  #three-image-section .image-thirds.two {margin-left: 1%; margin-right: 1%;}
  #three-image-section .image-thirds.three {margin-left: 1%;}

  #three-image-section .image-block .bottom-gradient {
    position: absolute;
    z-index: 8;
    left: 0px;
    right: 0px;
    bottom: 0rem;
    width: 100%;
    height: 55%;
    background: rgb(17,28,26);
    background: -moz-linear-gradient(0deg, rgba(17,28,26,0.7) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(17,28,26,0.7) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(17,28,26,0.7) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111c1a",endColorstr="#ffffff",GradientType=1);
  }
  
  #three-image-section h3 {
    margin-block-start: 0em;
    margin-block-end: 0em;
    transition: 0.3s ease all;
  }
  
  #three-image-section p {transition: 0.3s ease all;}
  
  #three-image-section .image-block .textover {
    position: absolute;
    z-index: 9;
    left: 0px;
    right: 0px;
    bottom: 0rem;
    padding: 0 2rem 2rem 2rem;
    transition: 0.3s ease all;
  }
  
  #three-image-section .image-block.three:hover .textover p,
  #three-image-section .image-block.three:hover .textover h3,
  #three-image-section .image-block.two:hover .textover h3,
  #three-image-section .image-block.two:hover .textover p,
  #three-image-section .image-block.one:hover .textover p,
  #three-image-section .image-block.one:hover .textover h3 {
    color: var(--rose);
  }
#shopify-section-ThreeUp {width: 100%;}
  
  #three-image-section {
    display: inline-block;
    width: 100%;
    margin: auto;
    position: relative;
    padding: 6rem 3rem;
  }
  @media only screen and (max-width: 1000px) {
    #three-image-section {padding: 4rem 3rem;}
  }
  
  #three-image-section .col-flex {
    justify-content: space-between; 
    align-items: center; 
    flex-wrap: wrap;
  }
  
  #three-image-section .image-thirds {
    width: 31.33%; 
    height: 55vh;
    position: relative;
    cursor:pointer;
  }
  @media only screen and (max-width: 1440px) {
    #three-image-section .image-thirds {
       height: 500px;
    }
  }
  @media only screen and (max-width: 820px) {
    #three-image-section {padding: 2.5rem 2rem;}
    #three-image-section .image-thirds {
       width: 100%; 
    }
    #three-image-section .image-thirds.one, #three-image-section .image-thirds.two {display: none;}
  }
  #three-image-section .image-block {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
  }

  #three-image-section .image-thirds.one {margin-right: 1%;}
  #three-image-section .image-thirds.two {margin-left: 1%; margin-right: 1%;}
  #three-image-section .image-thirds.three {margin-left: 1%;}

  #three-image-section .image-block .bottom-gradient {
    position: absolute;
    z-index: 8;
    left: 0px;
    right: 0px;
    bottom: 0rem;
    width: 100%;
    height: 55%;
    background: rgb(17,28,26);
    background: -moz-linear-gradient(0deg, rgba(17,28,26,0.7) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(17,28,26,0.7) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(17,28,26,0.7) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111c1a",endColorstr="#ffffff",GradientType=1);
  }
  
  #three-image-section h3 {
    margin-block-start: 0em;
    margin-block-end: 0em;
    transition: 0.3s ease all;
  }
  
  #three-image-section p {transition: 0.3s ease all;}
  
  #three-image-section .image-block .textover {
    position: absolute;
    z-index: 9;
    left: 0px;
    right: 0px;
    bottom: 0rem;
    padding: 0 2rem 2rem 2rem;
    transition: 0.3s ease all;
  }
  
  #three-image-section .image-block.three:hover .textover p,
  #three-image-section .image-block.three:hover .textover h3,
  #three-image-section .image-block.two:hover .textover h3,
  #three-image-section .image-block.two:hover .textover p,
  #three-image-section .image-block.one:hover .textover p,
  #three-image-section .image-block.one:hover .textover h3 {
    color: var(--rose);
  }
#shopify-section-TwoImages {width: 100%;}
  .two-images {
    width: 100%;
    display: inline-block;
    margin: auto;
    padding: 0rem 6rem 6rem 6rem;
  }
  
  .two-images .col-flex {
    width: 100%; 
    flex-wrap: wrap; 
    align-items: flex-start;
  }
  
  .two-images .firstimage {padding: 0 2rem 0 0rem;}
  
  .two-images .secondimage{
    padding: 0 0rem 0 2rem; 
    width: 100%;
  }
  
  @media only screen and (max-width: 820px) {
    .two-images {padding: 0rem 4rem 6rem 4rem;}
    .two-images .col-flex .col-1-60,
    .two-images .col-flex .col-1-40 {width: 100%;}
    .two-images .firstimage {padding: 0 0rem 2rem 0rem;}
    .two-images .secondimage {padding: 0 0rem 0 0rem;}
  }