@font-face {
  font-family: "Abril Fatface";
  src: url("../font/AbrilFatface.ttf") format("truetype");
  font-display: block;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #c9a08e;
  border-radius: 10px;
}
::-webkit-scrollbar-track-piece {
  background: #373737;
}
::-webkit-scrollbar-thumb {
  background: #c9a08e;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #c9a08e;
}
::selection {
  background: #c9a08e;
  color: #373737;
}
::-moz-selection {
  background: #c9a08e;
  color: #373737;
}
body {
  margin: 0;
  font-family: "Abril Fatface";
  overflow-x: hidden;
  background-color: #373737;
}
.hero-image {
  transition: 0.4s;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("../img/banner.jpg");
  height: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@supports not (-webkit-touch-callout: none) {
  .hero-image {
    background-attachment: fixed;
  }
}
.hero-image-sm {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("../img/banner.jpg");
  height: 30%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@supports not (-webkit-touch-callout: none) {
  .hero-image-sm {
    background-attachment: fixed;
  }
}
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero-text h1 {
  font-size: 7vmin;
  white-space: nowrap;
}
.hero-text h2 {
  font-size: 3vmin;
}
.product-img {
  width: 100%;
  height: 30vh;
  object-fit: cover;
}
.dropdown-item:hover {
  background-color: #444;
}
.full-width {
  min-width: 100%;
  width: 100%;
}
.full-height {
  min-height: 100%;
  height: 100%;
}
.auto-height {
  height: auto;
}
.no-padding {
  padding: 0 !important;
  margin: 0 !important;
}
.content {
  position: relative;
  z-index: 3;
}
.footer {
  z-index: 2;
}
.footer i {
  transition: 0.5s;
}
.footer-insta:hover {
  color: #cf426d !important;
}
.footer-facebook:hover {
  color: #3877ea !important;
}
.logo {
  max-height: 75px;
}
button:focus {
  border-color: #c9a08e;
}
a:active {
  border-color: #c9a08e;
}
.content a {
  color: #c9a08e;
  text-decoration: underline;
}
.content a:hover {
  color: #a58375;
}
button:active {
  border-color: #c9a08e;
}
.xsmall {
  font-size: 0.75vmax;
}
.small {
  font-size: 1vw;
}
.medium {
  font-size: 1.5vh;
}
.large {
  font-size: 3vw;
}
.xlarge {
  font-size: 4vh;
}
.primary-color {
  background-color: #373737;
  color: #c9a08e !important;
}
.primary-color-light {
  background-color: #444;
  color: #c9a08e;
}
.primary-color-text {
  color: #373737 !important;
}
a.primary-color-text:hover {
  color: #2b2b2b !important;
}
.secondary-color {
  background-color: #c9a08e;
  color: #373737 !important;
}
.secondary-color-text {
  color: #c9a08e !important;
}
a.secondary-color-text:hover {
  color: #a58375 !important;
} /*# sourceMappingURL=main.css.map */