body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  color: #4a4a4a;
  background-color: #eee;
}
@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
h1 {
  font-size: 22px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 19px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 17px;
}
h6 {
  font-size: 16px;
}
.w3-upper {
  text-transform: uppercase;
}
.w3-shadow {
  text-shadow: 1px 1px 1px #000;
}
.w3-bebas {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.w3-link-none,
a {
  text-decoration: none;
}
.w3-text-white {
  color: #fff;
}
.w3-hover-white:hover,
.w3-white {
  color: #4a4a4a !important;
  background-color: #fff !important;
}
.w3-green {
  background-color: #2a652c !important;
  color: #fff;
}
.w3-greentea {
  background-color: #547f4b;
  color: #fff;
}
.w3-gradient {
  background-image: linear-gradient(45deg, #c0d3b5, #547f4b);
}
.w3-light-gradient {
  background-image: linear-gradient(45deg, #d4ddcf, #fdfffc);
  color: rgba(0, 0, 0, 0.8);
}
i.star {
  display: inline-block;
  background-image: url(star_rating.svg);
  background-size: auto;
  width: 1rem;
  height: 1rem;
}
.botoes-suspensos {
  position: fixed;
  right: 0;
  top: 0;
  margin: 15px 15px 0 0;
  width: 64px;
  height: 80px;
  z-index: 3;
}
@media (min-width: 600px) {
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 15px;
  }
}