@media screen and (max-width: 800px) {

    #blockwrapper {
      grid-template-columns: 90%;
      left: 10%;
      column-gap: 0rem;
    }
    .blockLeft{
      text-align: left;
      font-size: 5rem;
    }
    .blockRight{
      font-size: 0.85rem;
    }
    #bannerwrapper{
      width: 45vw;
      height: 45vw;
    }

    #aboutwrapper {
      font-size: 0.8rem;
      grid-template-columns: 90%;
    }
    #workWrapper {
      grid-template-columns: 400px;
      top: 150%;
      row-gap: 5rem;
    }
    .imgwrapper{
      width: 50%;
    }
    .tabs button {
      font-size: 0.8rem;
    }
    .tabContent{
      height: 30rem;
    }
    .bannerText{
      font-size: 0.4rem;

    }
    #infoWrapper{
      left: 90%;
      top: 95%;

    }
    #bgInfo{
      padding: 1rem;
      background-color: #222;
      color: #fff;
    }
}