h3{
	font-size: 1.2rem;
	margin-block-end: 1em;
	font-family: 'Haas-Medium', sans-serif;
	color: rgba(var(--grey), 1);
}

body {
	margin: 0;
	font-family: sans-serif;
  }

  h4{
	font-size: 1rem;
	margin-block-end: 1em;
  }


.post-feature-image{
	height: 90vh;
    overflow: hidden;
    opacity: 1;
    width: 100%;
}

.image-container.full {
    padding-top: 20%;
    height: 100%;
}

.grid3 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 20px;
}

.span4 {
    grid-column: span 4;
}

.span6{
	grid-column: span 6;
}
  .test-section {
	padding: 4rem 2rem;
  }

  .sticky-layout {
	display: flex;
	gap: 2rem;
	margin: 0 auto;
	min-height: 100vh; /* ensures scroll space */
  }

  .sticky-image {
	flex: 1;
  }

  .sticky-copy {
	flex: 1;

  }

  .sticky-box {
	position: sticky;
	top: 2rem;
  }

  .next-section {
	padding: 10rem 2rem;
	background: #d0ebff;
	text-align: center;
  }

  .sticky-copy{
		width: 50%
  }

.copy-inner{
	max-width: 850px;
}
  
p{
	margin-block-end: 1em;
}
  .image {
	flex: 2;
  }
  
  .copy {
	flex: 1;
  }
  
  .sticky {
	position: sticky;
	top: 2rem;
	background: #f8f8f8;
	padding: 1rem;
	border: 1px solid #ddd;
  }
  
  .image {
	flex: 2;
  }
  
  .copy {
	flex: 1;
  }
  
  .sticky {
	position: sticky;
	top: 2rem;
	background: #f8f8f8;
	padding: 1rem;
	border: 1px solid #ddd;
  }


.span4 .image-container.portrait{
	margin-bottom: 1em;
}
.caption p{
    font-size: .8rem;
    text-indent: 0px;
}

.section {
    padding-top: 6em;
}

.image-container.landscape {
    margin-bottom: 1em;
}

.image-container.portrait {
    margin-bottom: 1em;
}



@media screen and (max-width: 760px) {
	.image{
		height: auto;
	}
	.test-section {
		padding: 2rem 2rem;
	}
	.section {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	
	.top-section {
	    margin-top: 1em;
	}
	.sticky-layout {
		flex-direction: column;
	  }
	  .sticky-box, .sticky-image, .sticky-copy {
		position: relative;
		top: 0rem;
	  }
	  .sticky-copy{
		width: 100%
 	 }
	  .entry-header{
		top: 2em;
	  }
	  .span12 {
        grid-column: span 12;
    }
	.entry-header h1{
		font-size: 3.4rem !important;
	}
}