/* Below 800px ************************* */
@media (max-width: 50em) {
  .author__img {
    height: 8rem;
    width: 8rem;
  }
}

/* Below 700px ************************* */
@media (max-width: 43.75em) {

  .header__title{
    font-size: 4.3rem;
    text-align: center;
  }

  .nav__list{
    column-gap: 1rem;
  }

  .author__img{
    float: unset;
    margin: 0 auto 2rem;
  }

}



/* Below 600px ************************* */
@media (max-width: 37.5em) {

  .content{
    padding: 4rem;
  }

    .header {
      grid-template-areas:
        'logo'
        'title'
        'nav';
     gap: 1rem;
    }

    .header__logo{
      border-right: 0;
      border-bottom: 1px solid var(--clr-accent-2);
      padding-right: 0;
      padding-bottom: 1rem;
    }

    .header__logo, .header__title{
      justify-self: center;
    }

    .nav{
      margin-top: 2rem;
    }

  .article__body{
    columns: 1;
  }

  .lead__img{
    height: 30rem;
  }
}

/* Below 500px ************************* */

@media (max-width: 31.5em) {

  .header__title{
    font-size: 3.3rem;
   
  }
  
  .authors{
    grid-auto-flow: row;
  }

  .author{
    display: grid;
    gap: 2rem;
    grid-auto-flow: column;
  }
}