label {
  padding: 0;
}

body {
  font-family: "Quicksand", sans-serif;
  height: 100%;
  background-color: #fff;
}

.bluehr {
  border-bottom: 2px solid #47725d;
  margin-bottom: 16px;
}

.topbar {
  background-color: #1a5268;
  height: 10px;
}

.headbar {
  background-color: #fff;
}

.phone {
  font-size: 32px;
  font-family: "Quicksand", sans-serif;
}

.addy {
  font-family: "Quicksand", sans-serif;
  font-size: 20px;
}

p {
  font-family: "Quicksand", sans-serif;
  font-size: 18px;
}

a {
  color: #000;
}

a:hover {
  color: #241e1e;
}

h1 {
  font-family: "Dancing Script", sans-serif;
  color: #fff;
  /* text-shadow: 2px 2px 5px #000, -2px 2px 5px #000, -2px -2px 5px #000,
    2px -2px 5px #000, 0px 5px 5px #000; */
  font-size: 64px;
  font-weight: bold;
  padding-top: 22px;
  text-align: center;
}

.homer {
  font-family: "Dancing Script", cursive;
  font-size: 56px;
  text-align: center;
  font-weight: bold;
  padding: 8px 4px;
  color: #243a2f;
}

.whitehead {
  font-family: "Dancing Script", cursive;
  font-size: 42px;
  text-align: center;
  font-weight: bold;

  padding-bottom: 0px;
  margin-bottom: 0px;
  color: #fff;
  text-shadow: 2px 2px 5px #000, -2px 2px 5px #000, -2px -2px 5px #000,
    2px -2px 5px #000, 0px 5px 5px #000;
}

h2 {
  font-family: "Dancing Script", cursive;
  font-size: 28px;
  font-weight: bold;
}

h3 {
  font-size: 24px;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  color: #5b5757;
}

h4 {
  font-family: "Dancing Script", cursive;
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 8px;
}

.servicecat {
  font-family: "Quicksand", cursive;
  font-size: 32px;
  font-weight: bold;

  padding-bottom: 8px;
  color: #000;
}

.price {
  font-weight: bold;
  align-self: center;
  font-size: 18px;
}

.btn-blue {
  font-weight: 500;
  background-color: #00b9c2;
  background-size: cover;
  color: #fff;
  border: 2px solid #fff;
  /* shorthand */
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  text-shadow: 0px 0px 10px #000;
  padding: 3px 10px !important;
  font-family: "Quicksand", sans-serif;
}

.btn-grn {
  font-weight: 500;
  background: #243a2f;
  background-size: cover;
  color: #d4af37;
  padding: 8px 26px !important;
  font-family: "Quicksand", sans-serif;
}

.btn-appt a:hover {
  color: #222 !important;
}

.btn-appt {
  padding-right: 20px;
  height: 40px !important;
}

.btn-hero a:hover {
  color: #f7f7f7;
  background-color: #1b2c24;
}

.slide1 .container-fluid,
.slide1 .row {
  height: 100%;
}

.slide1 {
  background: url(../images/hero-temp.jpg) center no-repeat;
  height: 530px;
}

.slidetext1 {
  font-family: "Dancing Script", sans-serif;
  color: #d4af37;
  text-shadow: 3px 5px 5px #000;
  font-size: 80px;
}

.slidetext2 {
  font-family: "Quicksand", sans-serif;
  color: #d4af37;
  text-shadow: 3px 5px 5px #000;
  font-size: 30px;
}

.map {
  padding: 0px;
  height: 300px;
  width: 100%;
}

.paralax-section {
  height: 350px;
}

.liteblu {
  background-color: #a9dde1;
}

/*.service{
	border:10px solid #00b9c2;
	max-width:690px;
	margin:0 auto;
}*/
.divided {
  border-bottom: 2px solid #47725d;
  padding: 10px 0px;
}

.callaction {
  background-image: url("../images/callaction.jpg");
  height: 350px;
  background-position: center;
}

.schedulebox {
  height: 100%;
  text-align: center;
}

.scheduletext {
  color: #d4af37;
  font-size: 48px !important;
  text-shadow: 3px 5px 5px #000;
}

.home-schedule {
  background-image: url("../images/styleworks_1.jpg");
  height: 350px;
}

.staff-parallax {
  background-image: url("../images/staff-bottom.jpg");
  height: 350px;
}

.services-parallax {
  background-image: url("../images/services-bottom.jpg");
  height: 350px;
}

.bottombar {
  background-color: #1b2c24;
  height: 5px;
}

.bottombg {
  background-color: #1b2c24;
}

.footline {
  border-right: solid 1px #1b2c24;
  height: 100%;
}

.botmen {
  height: 100%;
}

.botmen a {
  color: #d4af37;
}

.produ {
  border: solid 1px #000;
}

.headie {
  background-image: url("../images/greenbar.jpg");
  height: 150px;
  margin-bottom: 30px;
}

.headie h1 {
  text-shadow: 4px 3px 2px rgba(0, 0, 0, 0.78);
  color: #d4af37 !important;
}

.whiteborda {
  border: solid 6px #fff;
  box-shadow: 2px 2px 5px 1px #000;
}

.mobile-buttons i {
  color: #fff;
  font-size: 1.65rem;
}

/**NAVBAR**/

.navbar {
  /* navbar styles */
  background-color: #1b2c24;
  padding: 0 1rem;
  font-family: "Quicksand", cursive;
  font-weight: bold;
  background-size: cover;
}

.nav-link {
  /* top level link */
  color: #d4af37;
  text-transform: uppercase;
  font-size: 18px;
  position: relative;
}

.nav-link:hover {
  color: #f7f7f7;
  text-decoration: underline;
  text-underline-offset: 12px;
  text-decoration-thickness: 2px;
  text-decoration-color: #d4af37;
}

.dropdown-menu {
  /* dropdown menu styles */
  background: #fff;
}

.dropdown-item {
  /* dropdown link */
  color: #000;
}

.dropdown-item:hover {
  /* dropdown link hover */
  color: #fff;
  background: #00f;
}

.navbar-toggler {
  /* styles the mobile nav button border */
  border-color: #fff;
  border-radius: 8px;
}

.navbar-toggler-icon {
  /* sets color of the mobile nav button lines, only edit the "stroke='rgb(0,0,0)'" value */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(256, 256, 256)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.staff-container .btn-secondary {
  background: #243a2f;
}

.staff-container .btn-secondary:hover {
  background: #314e40;
}

.gold {
  color: #d4af37 !important;
}

footer {
  font-family: "Quicksand", sans-serif;
  background-color: #243a2f;
  color: #d4af37;
}


/* mobile nav styles */
@media (max-width: 767px) {
  .navbar {
    /* navbar styles */
    padding: 0.25rem 1rem;
  }

  .nav-link {
    /* top level link */
    text-align: left;
    font-size: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }

  .dropdown-menu {
    /* dropdown menu styles */
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    border: none;
  }

  .dropdown-item {
    /* dropdown link */
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }

  .mob-button {
    padding: 20px 12px;
  }
}

/**END NAVBAR**/

/************************/
/**SIZE SPECIFIC STYLES**/
/************************/

/**COMBINATIONS**/

/**SM & DOWN*/
@media (max-width: 767px) {
  .product {
    width: 70%;
    height: auto;
  }

  .logo {
    margin: 0 auto;
  }

  .scheduletext {
    font-size: 32px !important;
  }

  .schedulebox {
    height: 200px;
  }

  .callaction {
    height: 200px;
  }

  .price {
    text-align: center;
  }

  .parallax-section {
    height: 250px !important;
  }

  .greenblock {
    background-image: url("../images/greenback.jpg");
  }
}

/**MD & DOWN*/
@media (max-width: 991px) {}

/**LG & DOWN**/
@media (max-width: 1199px) {}

/**MD & UP*/
@media (min-width: 768px) {
  .greenblock {
    background-image: url("../images/greenlg.jpg");
  }

  /* .nav-link:before {
    display: block;
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -4px;
    background: #000;
    width: 8px;
    height: 8px;
    border-radius: 8px;
  }

  .nav-item:last-child .nav-link:before {
    display: none;
  } */
}

/**LG & UP**/
@media (min-width: 992px) {
  .hours {
    font-size: 20px;
  }
}

/**INDIVIDUAL SIZES**/

/**XS**/
@media (max-width: 575px) {
  .homer {
    padding: 8px 0px;
    font-size: 46px;
  }
}

/**SM**/
@media (min-width: 576px) and (max-width: 767px) {
  .homer {
    padding: 8px 160px;
  }
}

/**MD**/
@media (min-width: 768px) and (max-width: 991px) {}

/**LG**/
@media (min-width: 992px) and (max-width: 1199px) {}

/**XLG**/
@media (min-width: 1200px) {
  /* .hours {
  } */
}