:root {
  --bgprimaryColor: #fff9dc;
  --btnLightColor: #ff8282;
  --primaryDarkColor: #222222;
  --complementaryColor: #FFFFFF;
  --complementaryDarkColor: #cbd5e1;
  --brandColor: #004a30;
}

#hero-content {
  height: 300px;
}
#hero-content h1 {
  font-size: 15px;
  padding-top: 100px;
  margin-left: 20px;
}
#hero-content p {
  margin-left: 10px;
  font-size: 8px;
}
.btn {
  margin-left: 20px;
  padding: 5px 10px;
  font-size: 10px;
}


.container h2 {
  font-size: 20px;
  color: #000000;
  margin-left: 10px;
}

.container p {
  font-size: 12px;
  color: #000000;
  margin-left: 10px;
}

.col a {
  font-size: 20px;
  color: white;
  margin-left: 10px;
}

.col h4 {
  font-size: 14px;
}

.col h3 {
  font-size: 14px;
}


.card-img-top {
  width: 150px;
  height: 150px;
  margin-left: 20px;
}
.card-img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.card-img-menu {
  width: 100px;
  height: 100px;
  margin-left: 10px;
}
.contact-us {
  margin-top: 30px;
}

.menu-text h4 {
  font-size: 15px;

}
.menu-text p {
  font-size: 10px;

}

.form-section {
  margin: 0;
}

.form-section h3 {
  font-size: 20px;
  margin-top: 30px;
}

.form-section input {
  width: 88%;
  margin: 0;
}

.form-section textarea {
  width: 88%;
  margin: 0;
}

.form-section button  {
  width: 88%;
  margin: 0;
}