@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap');

:root {
  --primary: #EFE9E6;
  --border-radius: 0.25rem;
  --dark: #222237;
}

.bg-custom {
  background: var(--primary) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.text-dark {
  color: var(--dark) !important;
}

body {
  font-family: 'Rubik', sans-serif;
}

.row,
body,
.container-fluid,
.col-lg-5,
.col-lg-4,
.col-lg-3 {
  height: 100vh;
}

aside {
  position: absolute;
  height: 100%;
  width: 100px;
  z-index: 99;
}

aside div {
  height: 100%;
}
@media screen and (max-width: 993px) {
  aside {
    display: none;
  }

  main {
    padding-left: 0;
  }

  .row,
  body,
  .container-fluid,
  .col-lg-5,
  .col-lg-4,
  .col-lg-3 {
    height: auto;
  }
  .navbar-brand {
    width: 12rem !important;
  }
  .logo{
    height: 12rem !important;
  }
}

.navbar-brand {
  width: 25rem;
}

img {
  object-fit: cover;
}

.social-media {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.social-media .border {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: var(--primary) !important;
  text-decoration: none;
  transition: 0.3s;
}

.social-media .border:hover {
  background-color: var(--primary);
}

.social-media .border:hover i {
  color: black !important;
}

.border-radius {
  border-radius: 0.75rem;
}

.btn-white-outline {
  border: 1px solid black;
  color: black;
}

.btn-white-outline:hover {
  background-color: black;
  color: var(--primary);
}

.contact a {
  padding: 0.75rem 2rem 0.75rem 2rem;
}

.btn-booking{
  border: 3px solid var(--primary) !important;
  transition: 200ms;
}

.btn-booking:hover, .btn:active{
  border: 3px solid var(--primary) !important;
  color: var(--primary) !important;
  background-color: white !important;
  text-decoration: none;
}

.logo{
  height: 20rem;
}

@media (max-width: 767.98px) {
  .logo{
    height: 100% !important;
    width: 100% !important;
  }
  .navbar-brand {
    width: 10rem !important;
  }
}