*{
  font-family: 'Spartan', sans-serif;
}

:root {
  --primary-color: #41e296;
  --secondary-color: #d0dbe4;
  --dark-color: #454545;
  --alt-color: #147c3c;
}

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

.text-secondary {
  color: var(--secondary-color:);
}

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

.text-alt {
  color: var(--alt-color:);
}

body {
  padding-top: 79px !important;
  font-size: 16px;
}

.navbar a:hover {
  color: var(--primary-color) !important;
}

.navbar {
  background-color: rgba(255, 255, 255, 0.85) !important;
}

.nav-item {
  font-size: 20px;
  margin-left: 2rem;
}

.btn-scootch {
  color: #000;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-scootch {
  color: #000;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-scootch:hover {
  background-color: var(--alt-color) !important;
  border-color: var(--alt-color) !important;
  color: #000 !important;
}

.banner-text {
  background-color: rgba(65, 226, 150, 0.6);
  padding: 2rem 4rem;
  border-radius: 5px;
}

.deal-banner-text {
  background-color: rgba(65, 226, 150, 0.8);
  padding: 2rem 4rem;
  border-radius: 5px;
}

.banner-deal {
  background-color: #4e4852;
  /* background-attachment: fixed; */
  background-position: center;
  background-position-x: center;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-size: cover;
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  height: 30vh;
  /* min-height: 25em; */
  overflow: hidden;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}

.banner-alt {
  background-image: url('/media/uploads/banner_main.jpg');
  background-color: #4e4852;
  /* background-attachment: fixed; */
  background-position: center bottom;
  background-position-x: center;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-size: cover;
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  height: 60vh;
  /* min-height: 25em; */
  overflow: hidden;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}

.banner-slim {
  background-image: url('/media/uploads/friends_eating_and_drinking_slim.jpg');
  background-color: #4e4852;
  /* background-attachment: fixed; */
  background-position: center bottom;
  background-position-x: center;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-size: cover;
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  height: 60vh;
  min-height: 25em;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}


.dark-section {
  padding: 10rem 0rem;
  background-color: var(--dark-color);
  color: #fff;
}

.white-section {
  padding: 10rem 0rem;
  background-color: #fff;
  color: #000;
}

.alt-section {
  padding: 10rem 0rem;
  background-color: var(--primary-color);
  color: #000;
}