body{
    display: flex;
    flex-direction: column;
    align-items: center;
}

h1{
    margin-top: 0;
    font-size: 10vh;
    padding-top: 20vh;
  }

  h2{
    text-align: center;
    margin-bottom: 10vh;
  }

  a{
    color: #1d1d1d;
    transition: all 1s ease-out;
  }

  #more:hover{
    text-decoration: underline;
    letter-spacing: 0.1em;
  }

section{
    width: 90vw;
    margin-bottom: 10vh;
  }
  
  section ul {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 0;
    }
    
    section ul li {
      height: 40vh;
      flex-grow: 1;
    }
    
    article ul li:last-child {
      flex-grow: 10;
    }
    
    section ul li img {
      max-height: 100%;
      min-width: 100%;
      object-fit: cover;
      vertical-align: bottom;
      transition: transform 1s;
    }
  
    section ul li img:hover {
      transform: scale(1.1);
    }

    @media (max-width: 912px){
        h1{
          margin-top: 0;
          font-size: 5vh;
          padding-top: 20vh;
        }
      }

    @media (max-aspect-ratio: 1/1) {
        section ul li {
          height: 30vh;
        }
      }
      
      @media (max-height: 480px) {
        section ul li {
          height: 80vh;
        }
      }
      
      
      @media (max-aspect-ratio: 1/1) and (max-width: 480px) {
        section ul {
          flex-direction: row;
        }
      
        section ul li {
          height: auto;
          width: 100%;
        }
        section ul li img {
          width: 100%;
          max-height: 75vh;
          min-width: 0;
        }
      }