.module-subpage-hero {
    position: relative;
  }
  
  .module-subpage-hero + .module {
    position: relative;
    z-index: 2;
  }
  
  .module-subpage-hero .headline-group {
    padding-top: calc(55 * var(--base-unit));
  }
  
  .module-subpage-hero .headline-group .kicker {
    color: #1e1f1c;
  }

	.module-subpage-hero .headline-group .headline {
		color: #3a4390;
    margin-bottom: calc(35 * var(--base-unit));
	}
  
  .module-subpage-hero .sn-col-set {
    flex-flow: row nowrap;
  }

	.module-subpage-hero .col-1 {
		width: var(--grid-3-);
		position: relative;
		z-index: 3;
    flex-shrink: 0;
	}
  
	.module-subpage-hero .col-2 {
		width: 100%;
		position: relative;
		z-index: 3;
    max-width: 660px;
    margin-left: auto;
	}

	.headline-group .copy {
		margin-top: .5em;
	}

	.module-subpage-hero .copy {
		max-width: 31.25rem;
	}
  
  .module-subpage-hero .module-inner {
    position: relative;
    z-index: 2;
  }
	
  .module-subpage-hero .slanted-background {
    position: absolute;
    top: calc(var(--page-padding-top) * -1);
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--background-color);
    z-index: 1;
    --slant-clip: calc(100% - (130 * var(--base-unit)));
    clip-path: polygon(0% 0%, 100% 0%, 100% var(--slant-clip), 0% 100%);
  }




	@media (max-width: 750px) {
		
		.module-subpage-hero .col-2 > div {
			margin-right: calc(var(--grid-gap) * -3);
		}
		
		.module-subpage-hero .col-2 {
			width: var(--grid-2);
		}
		
		.module-subpage-hero .col-1 {
			width: calc(var(--grid-3) + var(--grid-gap));
		}
		
	}
  
  
  
  
  
  
  @media (max-width: 700px) {
    
    nav.breadcrumb {
      display: none;
    }
    
  }
	
	
	
	
	@media (max-width: 600px) {
		
		.module-subpage-hero .col-1 {
			order: 2;
			width: 100%; 
			margin-left: 0;
		}
		
		.module-subpage-hero .col-2 {
			order: 1;
	    width: auto;
	    margin-left: var(--grid-1);
			margin-bottom: 1.5em;
      display: none;
		}
		
		.module-subpage-hero .col-2 > div {
			margin-right: calc(var(--grid-gap) * -4);
		}
    
		.module-subpage-hero .headline-group {
		  padding-top: 0;
		}
    
    .module-subpage-hero .slanted-background {
      bottom: -50px;
    }
		
	}
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-subpage-hero {
      --mrgn: 90px;
    }
    
  }