.layout {
  display: grid;
  grid-template-columns: 1fr;
  /* grid-gap: 2rem */
}

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

/*aside div { flex: 1 0 auto;  
Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. } 
address { flex-shrink: 0; }*/ 

.about content { height: auto; background-color: #FFF; }

blockquote {
  margin: 1rem;
  text-align: center;
  font-weight: 300; 
}


/* BREAKING POINTS 45 */


/* narrow */
@media screen and (max-width: 45rem) {
  .layout { position: relative; /* height: auto; */ }
  aside { display: block; } 
  blockquote { display: none; }
  address { 
    position: absolute; 
    bottom: 1rem;
    z-index: -1;
  }
  content { 
    position: absolute;
    top:  3rem;
    width:  100%;
  }
  .about-text { background: #F3F3F3; padding: 0; }
  .text figure img { padding: 0; }
  .about-text { padding:  1rem; page-break-after: 1rem; }
  .text .one-half {  width: 100%; padding: 0; }
  .text .two-halves { width: 100%; padding: 0 0 1em 0; }
  .text .two-halves +.two-halves { width: 100%; padding: 0; }
}
/* end narrow */

/* inbetween */
@media screen and (min-width: 45rem) {
  .layout { grid-template-columns: 1fr 2fr; }
  .about-text { padding: 1.25rem 2rem 2rem; }
}
/* end inbetween */



.about-text { 
  /* padding: 1.25rem 2rem 2rem;  */
  background-color: rgba(255, 255, 255, 0.75); 
}
.accordion { /* max-height: 93vh; */  } 
.accordion .acc__item { border-bottom: 1px solid rgba(0, 0, 0, .85); }
.accordion .acc__item .acc__title {
  margin-bottom: 0;
  padding: .75rem 0 .75rem;
  cursor: pointer;
  transition: .3s ease;
}
.accordion .acc__item .acc__copy {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  height: auto;
  max-height: 0;
  overflow: scroll;  
}
.accordion .acc__item.active .acc__copy {
  opacity: 1;
  padding-bottom: .75rem;
  max-height: 70vh; 
}

h4 a {
  display: block;
  padding: 15px;
  text-decoration: none;
  transition: 0.15s all ease-in-out;
}
h4 a:hover, h4 a:not(.collapsed) { transition: 0.15s all ease-in-out; }
          
.panel-body { padding-top: 0; }
.panel-heading+.panel-collapse>.list-group,
.panel-heading+.panel-collapse>.panel-body { border-top: none } 

.one-half { width: 50%; padding: 0 1em 1em 0; float: left; } 
.two-halves { width: 50%; padding: 0 .5em .5em 0; float: left; }
.two-halves + .two-halves { padding: 0 0 .5em .5em; }