@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500&display=swap");
:root {
  Max-width: 100%;
}

body {
  margin: 0;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

.header {
  width: 100%;
  height: 42px;
  display: flex;
  border-bottom: 1px solid #000;
  background: #FFF;
}

.instagram {
  margin-left: 3.5rem;
  margin-top: 10px;
}

.twitter {
  margin-top: 10px;
  margin-left: 23px;
}

.instagram-link,
.twitter-link {
  color: #000;
  font-family: "Urbanist", sans-serif;
  font-size: 1.17938rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.title {
  color: #000;
  font-family: "montserrat", sans-serif;
  font-size: 18.87px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
  margin-left: 400px;
}

.send-email {
  margin-top: 10px;
  margin-left: 429px;
}

.send-email a {
  color: #000;
  font-family: "montserrat", sans-serif;
  font-size: 18.87px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.header-2 {
  display: flex;
  margin-top: 10px;
}

.title-two {
  margin-left: 56px;
}

.title-two a {
  color: #000;
  font-family: "Pacifico", sans-serif;
  font-size: 27.059px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.navigation nav ul {
  display: flex;
  margin-left: 514px;
  margin-top: 20px;
}

.navigation nav ul li {
  margin-right: 38px;
}

.navigation nav ul li a {
  color: #000;
  font-family: "Urbanist", sans-serif;
  font-size: 21.331px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#activePage {
  color: rgb(224, 101, 0);
}

.hero-section {
  width: 100%;
  height: 523px;
  flex-shrink: 0;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  background: hsl(39, 100%, 61%);
  display: flex;
}

.welcome-text {
  width: 462px;
  color: #000;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 46.76px;
  font-style: normal;
  font-weight: 500;
  line-height: 108%; /* 50.5px */
  margin-left: 143px;
  margin-top: 96px;
}

.welcome-subtext {
  width: 381px;
  color: #000;
  font-family: Montserrat;
  font-size: 17.305px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: 143px;
  margin-top: 28.85px;
}

.gold-text {
  color: rgb(255, 251, 0);
  text-shadow: 2px 2px rgba(1, 2, 5, 0.493);
}

.book-button button {
  width: 177px;
  height: 52px;
  flex-shrink: 0;
  border: 1px solid #000;
  background: #FFF;
  margin-left: 143px;
  margin-top: 22.15px;
}

.book-button button a {
  color: #000;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 17.305px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

button:hover {
  cursor: pointer;
  background-color: #f3ff45;
  transition: ease-in 0.35s;
}

.service-options {
  display: flex;
  margin-top: 96px;
}

.option-one,
.option-two,
.option-three {
  width: 279px;
  height: 344px;
  flex-shrink: 0;
  border: 2px solid #000;
  background: #F4F4F4;
  z-index: 1;
}

.option-one-image,
.option-two-image,
.option-three-image {
  margin-top: 9px;
  margin-left: 12px;
}

.option-one-image:hover,
.option-two-image:hover,
.option-three-image:hover {
  filter: grayscale(100%);
  transition: ease-in 0.4s;
}

.option-one-head,
.option-two-head,
.option-three-head {
  color: #000;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 17.305px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 25px;
  margin-left: 30px;
}

.option-one-p,
.option-two-p,
.option-three-p {
  color: #000;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 13.602px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 30px;
}

.option-one {
  margin-left: 50px;
  z-index: 2;
}

.option-one:hover {
  z-index: 5;
  background-color: rgb(255, 255, 178);
  transition: ease-in-out 0.3s;
  rotate: 5deg;
}

.option-two {
  margin-left: -90px;
}

.option-two:hover {
  z-index: 5;
  background-color: rgb(255, 255, 178);
  transition: ease-in-out 0.3s;
  rotate: 5deg;
}

.option-three {
  margin-left: -90px;
  z-index: 0;
}

.option-three:hover {
  z-index: 5;
  background-color: rgb(255, 255, 178);
  transition: ease-in-out 0.3s;
  rotate: 5deg;
}

.footer {
  width: 100%;
  height: 144px;
  flex-shrink: 0;
  background: #141414;
}

.back-to-top {
  z-index: 7;
  position: fixed;
  margin-left: 1120px;
  margin-top: 550px;
}

.back-to-top button {
  width: 182px;
  height: 38.251px;
  flex-shrink: 0;
  border-radius: 25.295px;
  background: rgba(255, 255, 255, 0.568627451);
  border: 0;
}

.back-to-top button a {
  color: #000;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 15.595px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}/*# sourceMappingURL=style.css.map */