@charset "utf-8";

.headerimage{
    background-image: url(../images/yama6.jpg);

}

.main-works {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
    background: url(../images/yama4.png);
    max-width: 100%;
    background-size:cover;
    background-position: center center;

    position: relative;
    z-index: -10;

 }

 .works_gallery2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 30px;
}

@media screen and (max-width:1200px) {
    .works_gallery2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:600px) {
    .works_gallery2 {
        display: grid;
        grid-template-columns: 1fr;
    }
}

.gallery_box img:hover{
    transform:scale(1.8,1.8);
  }
  @media screen and (max-width:1200px) {
    .gallery_box img:hover{
        transform:scale(1.1,1.1);;
    }
}

  @media screen and (max-width:600px) {
    .gallery_box img:hover{
        transform:scale(1.1,1.1);;
      }
    }