/* <><> MOBILE STYLES <><> */
@media only screen and (width <= 1000px) {
  .interpretation-accordian {
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }
  
  .interpretation-img {
    margin-bottom: 2rem;
  }
  
  #interpretation-img-1{
    grid-row:2;
  }
  #interpretation-img-2{
    grid-row:4;
  }
  #interpretation-img-3{
    grid-row:6;
  }
  #interpretation-img-4{
    grid-row:8;
  }
}

@media only screen and (width <= 700px) {
  h1, h2, h3 {
    font-size: 3rem;
  }
  
  .data-architecture-img {
    max-width: 100%;
    margin: 0;
    margin-top: 2rem;
  }
  
  .footer-icon {
    max-width: 3rem;
  }
  
  .nav-img {
    max-width: 5rem;
  }
}

@media only screen and (width <= 600px) {
  .main, section {
    padding: 3rem;
    margin: 0;
    max-width: 100%;
  }
}

@media only screen and (width <= 450px) {
  html {
    font-size: 10px;
  }
}