.gallerymenu{
text-align: center;
 width:100%;
  height:1em;
  display:inline-block;
}
.toprow{
display:block;
}
.topbutton{
width: 800px;
}
.bottomrow{
width: 1600px;
}
.gallerybutton{
 border: none;
  color: #f1f1f1;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: Ailerons, fantasy;
  font-size: 7.19em;
  height: 300px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.streetbutton{
background-image: url('../img/gallerymenuimgs/street.jpg');
-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.streetbutton:hover{
-webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.sessionsbutton{
background-image: url('../img/gallerymenuimgs/sessions.jpg');
-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.sessionsbutton:hover{
-webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.studiobutton{
background-image: url('../img/gallerymenuimgs/studio.jpg');
-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.studiobutton:hover{
-webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.scansbutton{
background-image: url('../img/gallerymenuimgs/scans.jpg');
-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.scansbutton:hover{
-webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.gaiabutton{
background-image: url('../img/gallerymenuimgs/gaia.jpg');
-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
margin-bottom: 60px;
}
.gaiabutton:hover{
-webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}


@media screen and (max-width: 768px){
    .gallerymenu{
        text-align: center;

        width:100%;
        height:1em;
        display:inline-block;
    }

    .toprow{
        display:block;
    }
    .topbutton{
        width: 90vw;
    }
    .bottomrow{
        width: 90vw;
    }

    .gallerybutton{
        border: none;
        color: #f1f1f1;
        padding: 16px 0px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-family: Ailerons, fantasy;
        border-radius: 12px;
        font-size: 5.5em;
        height: 250px;
        transition-duration: 0.4s;
        cursor: pointer;
        margin-bottom: 10px;
    }

    .streetbutton{
        background-image: url('../img/gallerymenuimgs/street.jpg');
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        background-size: cover;
        background-position: center;
    }

    .sessionsbutton{
        background-image: url('../img/gallerymenuimgs/sessions.jpg');
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        background-size: cover;
        background-position: center;
    }

    .studiobutton{
        background-image: url('../img/gallerymenuimgs/studio.jpg');
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        background-size: cover;
        background-position: center;
    }
    .scansbutton{
        background-image: url('../img/gallerymenuimgs/scans.jpg');
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        background-size: cover;
        background-position: center;
    }
    .gaiabutton{
        background-image: url('../img/gallerymenuimgs/gaia.jpg');
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        margin-bottom: 60px;
        background-size: cover;
        background-position: 55% 40%;
    }

}