main {
    width: 100%;
  }

  main > div {
    max-width: 1600px;
    width: 90%;
  
    margin: 20px auto;
  }
  
  main > div > article.portfolio {
    background-color: #dddddd;
    border-radius: 1em;
  
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: minmax(40vh, auto);
    grid-gap: 20px;
    padding: 20px;
  }
  
  main > div > article.content {
    background-color: #fff;
    border-radius: 1em;
  
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(40vh, auto);
    grid-gap: 20px;
    padding: 20px;
  }
  
  main > div > article > a {
    background-position: center;
    background-size: cover;
    border-radius: 0.5em;
  
    transition: transform 250ms;
  
    display: flex;
    align-items: flex-end;
  }
  
  main > div > article > a.landscapes-fig {
    background-image: url("../fp-img/portfolio-img-landscape.jpg");
  }
  main > div > article > a.streetart-fig {
    background-image: url("../fp-img/portfolio-img-streetart.jpg");
  }
  main > div > article > a.concerts-fig {
    background-image: url("../fp-img/portfolio-img-concerts.jpg");
  }
  
  main > div > article > a:hover {
    transform: scale(1.03);
  }
  
  main > div > article > a > section.caption-box {
    width: 100%;
    height: 4em;
    background-color: #000000;
  
    display: flex;
    align-items: center;
    justify-content: center;
  
    border-radius: 0 0 0.5em 0.5em;
  }
  
  main > div > article > section.content-img {
    background-position: center;
    background-size: cover;
    border-radius: 0.5em;
  }
  
  main > div > article > section.about-img {
    background-image: url("../fp-img/me.jpg");
  }
  
  main > div > article > section.disclaimer-img {
    background-image: url("../fp-img/dec.jpg");
  }
  
  main > div > article > section.contact-img {
    background-image: url(../fp-img/contact.jpg);
  }
  
  main > div > article > section.content-text {
    padding: 10px;
  }
  
  @media only screen and (max-width: 1090px) {
      main > div > article.portfolio {
        grid-template-columns: 1fr;
      }
      
      main > div > article.content {
        grid-template-columns: 1fr;
      }
  
    }