.landingpages .l-content {
    width: 100vw;
}

  
  .page-wrapper .nav_component.nav_component-dark {
    background: transparent;
  }
  
  .c_hidden {
    display: none !important;
  }

  #header-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #header-items.centered {
    align-content: center;
    align-items: center;
  }

@media screen and (max-width:767px) {
  #header-items{
    height: calc(var(--header-height) - 85px);
  }

}
@media screen and (min-width:768px) {
    #header-items {
        height: calc(var(--header-height) - 90px) ;
      }

}
  #header-items * {
    color: white
  }
  #header-items h2 {
    font-family: 'Myriad Pro', sans-serif;
  }
  
  #header-items>* {
    font-weight: 500;
    text-align: left;
  }
#header-items.centered>* {
    text-align: center;
}

  @media screen and (max-width:640px) {
    #header-items h2 {
      font-size: 32px;
    }
    #header-items h2 {
        font-size: 24px;
      }
    #header-items p, #header-items a {
        font-size: 20px;
        font-weight: 400;
      }
    }
  @media screen and (max-width:991px) and (min-width:641px){
    #header-items h2 {
      font-size: 64px;
    }
    #header-items h3 {
        font-size: 48px;
      }
    #header-items p, #header-items a {
      font-size: 28px;
      font-weight: 400;
    }
  }
  
  @media screen and (min-width:992px) {
    #header-items h2 {
      font-size: 88px;
    }
  
    #header-items h3 {
      font-size: 64px;
    }
  
    #header-items p, #header-items a {
      font-size: 24px;
    }
  
    #header-items>* {
      max-width: max(50vw, 600px);
    }
  
  }
  
  #header-items .button-group>.kg-button-card {
    width: unset;
  }
  
  .button-group {
    display: flex;
    flex-direction: row;
  }

 div.landing_featured {
    height: var(--header-height);
    overflow: hidden;
    object-fit: cover;
    width: 100vw;
  
  }  

  .landing_featured img {
    overflow: hidden;
    object-fit: cover;
    width: 100vw;
    object-position: top right; 
  }
  .landing_featured img {
    height: var(--header-height)

  }

  .landingpages .l-wrapper, .landingpages .l-post-content {
    max-width: unset;
  }
  .landingpages .l-wrapper {
    padding-left: min(160px, 10vw);
    padding-right: min(160px, 10vw);
  }
  .landingpages #header-items .kg-button-card {
    justify-content:flex-start;
  }
  .landingpages .kg-button-card {
    justify-content: flex-start;
  }

  #header-items.centered .kg-button-card {
    justify-content: center;
  }

  .two-column, .one-two {
    align-items: center;
    display: grid;
    margin-top: 64px;
  }
  
  .two-column .kg-header-card,.one-two .kg-header-card {
    margin-top: 0;
  }
  
  .two-column figure.kg-card.kg-video-card, .one-two figure.kg-card.kg-video-card {
    max-width: 100%;
  }
  
  @media screen and (min-width:1200px) {
    .two-column {
      grid-template-columns: 1fr 1fr;
      gap: 50px;
      margin: 64px auto 64px auto;
      max-width: min(95vw, 1600px);
    }
    .one-two {
        grid-template-columns: 1fr 2fr;
        gap: 50px;
        margin: 64px auto 64px auto;
        max-width: min(95vw, 1600px);
      }  
    .one-two > * > :first-child:not(.kg-toggle-card), .two-column > * > :first-child:not(.kg-toggle-card) {
        margin-top:0;
        padding-top:0;
    }
  }
  
  @media screen and (max-width: 1199px) {
    .two-column, .one-two {
      grid-template-columns: 1fr;
      gap: 32px;
      margin: 16px 16px;
    }
  }

  .two-column img {
    object-fit: cover;
}
  
.two-column .kg-style-light {
    background-color: white !important;
  }

.black-background { 
    background-color: black; 
}
.orange-background {
  background-color: #F15623
}
.blue-background {
  background-color: #0066B3
}
.black-background, .blue-background, .orange-background {
    color: white;
    margin: 0 calc(-1 * min(160px,10vw));
    padding: min(80px, 5vw) min(160px,10vw);
    max-width:unset;
}
.black-background *, .orange-background *, .blue-background * {
  color: white !important;
}
.grey-background {
  background-color: #C7C8CA;
  color: white;
  margin: 0 calc(-1 * min(160px,10vw));
  padding: min(80px, 5vw) min(160px,10vw);
  max-width:unset;
}
.grey-background * {
  color:black;
}

.l-post-content .orange-background  .kg-button-card a.kg-btn {
  background-color: white!important;
  color: black!important;
}

.two-column figure {
    padding: none;
}
.vertical-line > :first-child {
    border-right: var(--ghost-accent-color) solid 3px;
}
.one-two > *, .two-column > * {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height:100%;
}


@media screen and (min-width:1400px) {
.automatic-columns {
    column-count: 2;
    column-gap: 64px
}
}
.landingpages hr:after {
    content:none;
}
.landingpages hr {
    border-top: 2px solid var(--ghost-accent-color);
    width: 20%;
}

.landingpages .l-wrapper {
    margin-bottom: -32px;
    padding-bottom:0px;
}
.landingpages .l-content {
    padding-bottom: 0;
}

.m-hero.with-picture {
position:absolute; 
width:100vw;
height:var(--header-height);
}

@media screen and (min-width: 768px) {
    .m-hero.with-picture { 
        height: calc(var(--header-height) - 90px); 
        top: 90px
    }
}
@media screen and (max-width: 767px) {
    .m-hero.with-picture { 
        height: calc(var(--header-height) - 85px); 
        top: 85px;
    
    }
}

.l-post-content .kg-button-card {
    margin-bottom:0;
    padding: 0
}
.l-content { padding: 0 ; margin-top: 90px;}
.m-hero {padding: 0!important;}

.kg-toggle-card .kg-button-card {
  padding-top: 16px;
}