/*************************/
/* BELOW 1344px (smaller desktops) */
/*************************/

/* 1350px / 16px = 84em*/
@media (max-width: 75em) {
  .about-desc {
    width: 100%;
    align-content: center;
    height: auto;
  }

  .elizabeth-photo {
    display: inline;
    position: static;
    margin-left: auto;
    margin-right: auto;
  }

  .section--about {
    padding-bottom: 12rem;
  }

  .about-container {
    text-align: center;
  }
}

/*************************/
/* BELOW 1200px (Landscape Tablets) */
/*************************/

/* 1200px / 16px = 75em*/
@media (max-width: 75em) {
  html {
    /* 9px / 16px = 56.25% */
    font-size: 56.25%;
  }
}

/*************************/
/* BELOW 944px (Tablets) */
/*************************/

@media (max-width: 59em) {
  html {
    /* 8px / 16px = 0.5 = 50% */
    font-size: 50%;
  }

  .about-desc {
    width: 100%;
    align-content: center;
    height: auto;
  }

  .elizabeth-photo {
    display: inline;
    position: static;
    margin-left: auto;
    margin-right: auto;
  }

  .section--about {
    padding-bottom: 12rem;
  }

  .about-container {
    text-align: center;
  }
}

/*************************/
/* BELOW 704px (Smaller Tablets) */
/*************************/

@media (max-width: 44em) {
  .about-desc {
    width: 100%;
    align-content: center;
    height: auto;
  }

  .elizabeth-photo {
    display: inline;
    position: static;
    margin-left: auto;
    margin-right: auto;
  }

  .section--about {
    padding-bottom: 12rem;
  }

  .about-container {
    text-align: center;
  }
}

/*
- FONT SIZE SYSTEM (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98

- SPACING SYSTEM (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128
*/