body {
  background-color: #de1f26;
  font-family: 'Poppins', sans-serif;
  font-size: 100%;
}

body h1 {
  color: #fff;
  font-weight: bold;
}

body p {
  color: #7a7a7a;
  font-size: 20px;
  font-weight: 501;
}

body h2 {
  color: #353535;
  font-size: 32px;
  font-weight: bold;
}

body h3 {
  color: #de1f26;
  font-weight: normal;
  font-weight: bold;
}

body h5 {
  color: #353535;
  font-size: 25px;
  font-weight: bold;
}

body h6 {
  color: #fcf3f3;
  font-weight: bold;
}

body hr {
  color: #fff;
  border: 3px solid;
}

.start {
  width: 100%;
  background-color: #fdbb11;
  padding: 0;
}

.navbar-nav .nav-item {
  font-size: 18px;
  margin-left: 15px;
  margin-right: 15px;
  font-weight: 550;
}

.navbar-nav .nav-item .nav-link {
  color: #000;
}

.navbar-nav .nav-item .nav-link:hover {
  color: #de1f26;
}

.btn-getinformation {
  background-color: #fdbb11;
  font-weight: bold;
  margin-right: 10px;
  border-radius: 20px;
  color: #fff;
}

.btn-getinformation:hover {
  background-color: #cc9407;
  color: #fff;
}

.btn-getstart {
  background-color: #de1f26;
  font-weight: bold;
  margin: 10px;
  margin-left: 0;
  border-radius: 20px;
  color: #fff;
}

.btn-getstart:hover {
  background-color: #b90006;
  color: #fff;
}

@media (max-width: 580px) {
  .decriptionHome {
    margin-top: 650px;
  }
  .start {
    height: 1000px;
  }
  .profile {
    margin-top: 80px;
  }
  .img-profile {
    margin-bottom: 10px;
  }
  header {
    height: 700px;
    width: auto;
  }
  .decriptionStart {
    margin-top: 150px;
  }
  .img-bubur {
    margin-bottom: 100px;
  }
}

@media (max-width: 360px) {
  .decriptionHome {
    margin-top: 650px;
  }
  .start {
    height: 1000px;
  }
  .profile {
    margin-top: 80px;
  }
  .img-profile {
    margin-bottom: 10px;
  }
  header {
    height: 700px;
    width: auto;
  }
  .decriptionStart {
    margin-top: 225px;
  }
  .img-bubur {
    margin-bottom: 100px;
  }
  .button-start {
    margin-top: -20px;
  }
  .button-start .btn-getstart {
    margin-top: -5px;
  }
}

.img-buburayam {
  width: 95%;
  height: 95%;
}

.img-profile {
  margin-top: 20px;
  margin-bottom: 5px;
}

@media (max-width: 1250px) {
  .img-buburayam {
    width: auto;
    height: auto;
  }
}

.img-howitmade {
  height: 200px;
  margin-bottom: 20px;
}

.profile {
  margin-top: 30px;
}

.review {
  margin-top: 80px;
}

.review .card {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.6);
}

.review .img-review {
  width: 300px;
  margin-top: 30px;
}

.review .score {
  color: gold;
}

.review .card-body p {
  font-size: 15px;
}

.review .card-body .score {
  color: #f1c40f;
}

.menu-start {
  margin-top: 20px;
  margin-bottom: 20px;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.menu-highlight .info-menu {
  margin-left: 30px;
  margin-top: 200px;
}

@media (max-width: 600px) {
  .menu-highlight .info-menu {
    margin-left: 0;
    margin-top: 0;
  }
}

.menu-highlight .btn-ordernow {
  background-color: #de1f26;
  font-weight: bold;
  border-radius: 5px;
}

.menu-highlight .btn-ordernow a {
  text-decoration: none;
  color: #fff;
}

.menu-highlight .btn-ordernow a:hover {
  background-color: #b90006;
  color: #fff;
}

.menu-highlight .btn-ordernow:hover {
  background-color: #b90006;
  color: #fff;
}

.menu-highlight {
  background-color: #fdbb11;
}

.menu-highlight .swiper-slide {
  background-color: #fdbb11;
  margin-bottom: 15px;
}

.all-menu {
  margin-top: 50px;
}

.all-menu .card {
  margin: 10px;
}

.all-menu .card:hover {
  -webkit-box-shadow: 0px 0px 56px -7px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 56px -7px rgba(0, 0, 0, 0.6);
}

.all-menu .btn-ordernow {
  background-color: #e67e22;
  font-weight: bold;
  border-radius: 5px;
}

.all-menu .btn-ordernow:hover {
  background-color: #f39c12;
  color: #fff;
}

.all-menu .score {
  color: #f1c40f;
}

.all-menu .btn-gofood {
  background-color: #00aa13;
  font-weight: bold;
  border-radius: 5px;
}

.all-menu .btn-shopefood {
  background-color: #EE4D2D;
  font-weight: bold;
  border-radius: 5px;
}

.all-menu .btn-gofood a {
  text-decoration: none;
  color: black;
}

.all-menu .btn-shopefood a {
  text-decoration: none;
  color: black;
}

.all-menu .btn-gofood a:hover {
  background-color: #8cd50d;
  color: #fff;
}

.all-menu .btn-gofood:hover {
  background-color: #8cd50d;
  color: #fff;
}

.all-menu .btn-shopefood:hover {
  background-color:  #f3765d;
  color: #fff;
}
/*# sourceMappingURL=main.css.map */