html {
    background-color: #242424;
}

body {
    
}

@font-face {
  font-family: Branch;
  src: url(../fonts/Branch.ttf);
}

h1 {
  font-family: Branch;
}

.slider {
  background-image: url('/images/background.svg');
  overflow-x: hidden;
  background-repeat: no-repeat;
width:100%;
    background-position: center;
    
}

.serif {
  font-family: Branch;
}

.sans {
    font-family: sans-serif;
}

.bg-rose {
  background-color: #972428 !important;
}

.rose {
  color: #972428 !important;
}

.headline-lg {
  font-size: 4rem;
  line-height: 4.5rem;
}

.headline-md {
  font-size: 2.3rem;
  line-height: 3rem;
}

.headline-sm {
  font-size: 2rem;
  line-height: 5rem;
}


.light-gray {
  color: #efefef !important;
}

#booking-form input {
   color: rgb(55, 65, 81) !important;
 font-size: .8rem; 
}

input[type="phone"] {
 color: rgb(55, 65, 81) !important;
 font-size: .8rem;
}

input[type="date"], input[type="time"] {
    color: rgb(55, 65, 81) !important;
    font-size: .8rem;
}

input[type="date"]::-webkit-calendar-picker-indicator {
 
}

input[type="time"]::-webkit-calendar-picker-indicator {
 
}

textarea::placeholder {
  color: rgb(55, 65, 81) !important;
  font-size: .8rem;
}

input::placeholder {
  color: rgb(55, 65, 81) !important;
  font-size: .8rem;
}

.link svg {
  width: 100%;
  height: 1.2rem;
  fill: #ffffff;
}

@media (max-width: 640px) {

  .headline-lg {
    font-size: 1.4rem;
    line-height: 2rem;
  }

}