#about-img {
  height: calc(100vh - 50rem);
}

.intro-about { 
  margin-top: 20vh;
}



.layout {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem;
  max-width: calc(var(--content-width) - 20rem);
  margin: 0 auto;
  justify-content: center;
  margin-top: 15vh;
  min-height: calc(100vh - 30rem);
}

@media screen and (min-width: 45rem) {
  .layout {
    grid-template-columns: 1fr 2fr;

  }

}

@media screen and (max-width: 70rem) {
	.layout aside {
    	margin-top:35vh;
      width:80vw;
  }
  
 }

.layout aside section {
  margin-bottom: 3rem;
}

.layout aside h2 {
  margin-bottom: .75rem;
}

.about-text {
	max-width:50rem;
	line-height: 1.2rem;
  	font-size: .875rem;
}

.about-text a{
	text-decoration:underline;

}
.about-text a:hover{
	color:#bbb;
}

.about-text h1 {
	padding-bottom:2rem;

}