<style>


html body div span applet object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, a, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  vertical-align: middle !important;
}


.funButton{
  color: #fff;
display: inline-block;
font-size: 1.1rem;
font-weight: 700;
line-height: 1;
padding: 5px 13px;
position: relative;
text-transform: uppercase;
transform: skewX(-15deg);
z-index: 1;
background: #bf885d;
}


.grid-container{
  grid-template-columns: repeat(4, 1fr);

}


/* Tablet */
@media only screen and (max-width: 900px) {


  .grid-container{
    grid-template-columns: repeat(2, 1fr);

  }

.grid-item{
  margin-left:auto !important;
  margin-right:auto !important;
}


}


/*Mobile */
@media only screen and (max-width: 600px) {


  .grid-container{
    grid-template-columns: repeat(1, 1fr);

  }

.grid-item{
  margin-left:auto !important;
  margin-right:auto !important;
}


}


</style>