html, body, input, textarea, select, button {
  font-family: Arial, sans-serif;
  color: #3c3c3c;
  font-weight: 300;
}
body {
  font-size: 16px;
  background-color: #fff;
  position: relative;
  min-width: 320px;
  min-height: 480px;
  box-sizing: border-box;
}
a, a:focus, a:hover, a:active, a:visited {
  text-decoration: none;
  color: #3c3c3c;
}
h2 {
  font-size: 200%;
  line-height: 1;
  padding: 1.5rem 0;
  font-weight: 400;
}
h5 {
  font-size: 130%;
  line-height: 1;
  padding: 1.5rem 0;
  font-weight: 400;
}
h6 {
  font-size: 110%;
  line-height: .9;
  padding: 1.5rem 0;
  font-weight: 400;
}
.tata-burgundy {
  color: #802c2a;
}
.tata-orange {
  color: #ea730b;
}
.tata-green {
  color: #01843e;
}
.tata-bg-green {
  background-color: #01843e;
  color: #fff;
}
.tata-bg-burgundy {
  background-color: #802c2a;
}
.tata-bg-orange {
  background-color: #ea730b;
}
.selection-box-text, .selection-box-text:focus, .selection-box-text:hover, .selection-box-text:active, .selection-box-text:visited {
  color: #fff;
}
.selection-box-sampann {
  font-size: 200%;
  background-color: #802c2a;
}

.selection-box-tea {
  font-size: 200%;
  background-color: #ea730b;
}
.highlight-text {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 150%;
  text-transform:capitalize!important;
  line-height: 1  !important;
}
.shop-button, .shop-button:focus, .shop-button:hover, .shopbuttonbox:active, .shop-button:visited {
  font-size: 125%;
  padding: 1rem;
  color: #fff;
  background-color: #802c2a;
}
.carousel-control-next, .carousel-control-prev{
  width: 7%!important;
}
@media (min-width: 576px) {
  h2 {
    font-size: 300%;
    line-height: 1;
    padding: 1.5rem 0;
    font-weight: 400;
  }
  h5 {
    font-size: 200%;
    line-height: 1;
    padding: 1.5rem 0;
    font-weight: 400;
  }
  h6 {
    font-size: 150%;
    line-height: .9;
    padding: 1.5rem 0;
    font-weight: 400;
  }
  .highlight-text {
    font-weight: bold;
    font-size: 130%;
    text-transform: uppercase;
    line-height: 2;
  }
  .shop-button, .shop-button:focus, .shop-button:hover, .shopbuttonbox:active, .shop-button:visited {
    font-size: 150%;
    padding: 1rem;
    color: #fff;
    background-color: #802c2a;
  }
}