/* ---- grid ---- */

.grid {
    /* background: #BBB; */
    /* max-width: 1200px; */
    margin: 0 auto;
    /* width: 100%; */
    /* padding:20px; */
}

/* clearfix */

.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- grid-item ---- */

/* @media (max-width:9999px) {
    .grid-sizer,
    .grid-item {
        width: 19%;
    }
    .gutter-sizer {
        width: 1.25%;
    }
} */

/* @media (max-width:9999px) {
    .grid-sizer,
    .grid-item {
        width: 24%;
    }
    .gutter-sizer {
        width: 1.33%;
    }
} */

@media (max-width:9999px) {
   .grid-sizer,
   .grid-item {
       width: 30%;
   }
   .gutter-sizer {
       width: 5%;
   }
}

@media (max-width:540px) {
   #main_index{
       width:100%;
   }
   .grid-sizer,
   .grid-item {
       width: 47%;
   }
   .gutter-sizer {
       width: 6%;
   }
}

.grumpy-image-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 76%;
    /* border: 2px solid white; */
    position: relative;
    display:block;
}
.grumpy-image {
    width: 100%;
    position: absolute;
}

.grid-item {
    /* height: 120px;
    float: left;
    background: #D26;
    border: 2px solid #333;
    border-color: hsla(0, 0%, 0%, 0.5);
    border-radius: 5px; */
    margin-bottom: 20px;
    border-radius: 12px;
}