@media (max-width:629px) {
img#hideMobile {
display: none;
}
}
@media (min-width:629px) {
img#displayMobile {
display: none;
}
}
.gfg {
width:auto;
text-align:center;
padding:0px;
}
img {
max-width:100%;
height:auto;
}
.button_container {
display: flex;
flex-wrap: wrap;
}
.button_container .image {
width: 20%;
}
.button_container img {
width: calc(100% - (15px * 2));
margin: 20px;
}
.button_container img {
transition: .5s ease;
}
.button_container img:hover{
box-shadow:
1px 1px #373737,
2px 2px #373737,
3px 3px #373737,
4px 4px #373737,
5px 5px #373737,
6px 6px #373737;
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
transition: .5s ease;
}
.button_container_mobile {
display: flex;
flex-wrap: wrap;
}
.button_container_mobile .image {
width: 50%;
}
.button_container_mobile img {
width: calc(100% - (10px * 1));
margin: 2px;
}
.button_container_mobile img {
transition: .5s ease;
}
.button_container_2 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.button_container_2 .image {
width: 33.3333%;
}
.button_container_2 img {
width: calc(100% - (15px * 2));
margin: 20px;
}
.button_container_2 img {
transition: .5s ease;
}
.button_container_2 img:hover{
box-shadow:
1px 1px #373737,
2px 2px #373737,
3px 3px #373737,
4px 4px #373737,
5px 5px #373737,
6px 6px #373737;
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
transition: .5s ease;
}
.button_container_mobile_2 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.button_container_mobile_2 .image {
width: 50%;
}
.button_container_mobile_2 img {
width: calc(100% - (10px * 1));
margin: 2px;
}
.button_container_mobile_2 img {
transition: .5s ease;
}