@media screen and (min-width: 1px) and (max-width: 376px) {
  section {
    height: auto !important;
    padding-bottom: 25px; } }
@media screen and (min-width: 1px) and (max-width: 767px) {
  header {
    background-position: -630px center;
    background-size: cover; }
    header .card_server {
      margin: 300px auto 0 auto; }

  section .section_title {
    text-align: center; }
  section#bonus {
    background-position: -800px top; }
    section#bonus ul li {
      text-align: center; }
  section#exclusividades {
    background-position: -1000px top;
    display: flex;
    align-items: center; }

  .my-slider .slide {
    text-align: center; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  header {
    height: 600px;
    background-position: -700px top; }
    header .row {
      justify-content: end; }
    header .card_server {
      margin-top: 100px; }

  section#bonus .section_title {
    text-align: center; }
  section#bonus ul li {
    text-align: center; } }
@media screen and (min-width: 1024px) {
  header {
    height: 600px;
    background-position: center top; }
    header .row {
      justify-content: end; }
    header .card_server {
      margin-top: 100px; }
    header::before {
      background: linear-gradient(to bottom, #00000000 10%, #161616 100%, #161616 100%);
      content: ""; }

  section#bonus .section_title {
    padding-left: 40px; }
    section#bonus .section_title h1 {
      font-size: 4rem; }
  section#bonus a.btn {
    max-width: 300px; } }
@media screen and (min-width: 1700px) {
  header {
    background-position: left top; } }

/*# sourceMappingURL=breakpoints.css.map */