@import "projectmobilesmall.css";

@media (max-width: 480px) {
  /* Brief width and bracket height */

  .brief {
    width: 17rem;
  }

  .briefbracket {
    height: 11rem;
  }

  /* Update ti basic css */

  .whitesection {
    background-color: #e6e7e8;
  }

  .whitesection H1 {
    color: black;
  }

  /* Stationary */

  .stationarycontent {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    width: 75%;
    justify-content: center;
  }

  #letterhead {
    width: 20rem;
  }

  #businesscard {
    width: 15rem;
  }

  #envelop {
    width: 20rem;
  }

  #a4envelop {
    width: 20rem;
  }

  #cd {
    width: 16rem;
  }

  /* Print */

  #billboard {
    width: 20rem;
  }

  .streamer {
    width: 15rem;
  }

  #poster {
    width: 20rem;
  }

  /* Bakery */

  #bakerylogo {
    width: 15rem;
  }

  #pattern {
    width: 15rem;
  }

  #sleeve {
    width: 15rem;
  }

  .tray {
    width: 12rem;
  }

  #mock {
    width: 18rem;
  }

  #wrappingpaper {
    width: 18rem;
  }
}