html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  width: 100% !important;
  font-size: 1.3rem;
  min-height: 100% !important;
}

.color {
  color: #be0707;
  background-color: #be0707;
}

.navbar {
  z-index: 5;
}
.navbar .navbar-brand {
  font-size: 1.8rem;
}
.navbar .nav-link {
  padding-left: 1rem !important;
}

.phone {
  position: fixed;
  padding-top: 4rem;
  border-color: #be0707 !important;
  z-index: 1;
}

h1 {
  padding-top: 8.5rem !important;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.text {
  text-align: center;
  margin: 2rem;
}

.images {
  max-width: 90%;
}

.card-title {
  height: 6rem !important;
  font-size: 1.3rem;
}

.shading {
  text-shadow: 1px 2px 1px #000;
  color: #b22222;
}

.footer {
  line-height: 1.1rem;
}
.footer .copyright, .footer .law {
  max-width: 60%;
  font-size: 0.9rem !important;
}
.footer a:hover {
  color: #000 !important;
}

.return:hover {
  color: #ffd700;
}

.customers .card-body q, .customers .card-body p {
  font-size: 1rem !important;
}
.customers .opinion {
  max-width: 800px;
}

@media all and (max-width: 350px) {
  #card-dish .card {
    width: 6.5rem !important;
  }

  .navbar .navbar-brand {
    font-size: 0.9rem !important;
  }
}
@media all and (max-width: 400px) {
  .navbar .navbar-brand {
    font-size: 1.2rem;
  }
  .navbar .navbar-toggler {
    padding: 3px 8px !important;
    font-size: 1rem !important;
  }

  .card {
    width: 8rem !important;
    margin-right: 0 !important;
  }

  .customers .card {
    width: 100% !important;
  }

  .card-title {
    font-size: 1.1rem;
  }

  .card-text {
    font-size: 0.9rem !important;
  }

  .phone {
    margin-top: -0.5rem !important;
  }

  h1 {
    padding-top: 7.5rem !important;
  }

  .text {
    margin: 1rem !important;
  }
}
@media all and (min-width: 650px) {
  .description {
    text-align: center;
    max-width: 60%;
    margin: auto !important;
  }

  .footer {
    flex-direction: row !important;
  }
  .footer .copyright {
    padding-top: 1rem !important;
  }
}
@media all and (min-width: 992px) {
  .images {
    width: 900px;
  }
}

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