/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }

@media (max-width: 740px) {
  .full-page-intro {
    height: 1000px; } }

/* Half Page Carousel itself*/
.carousel {
    height: 100%;
}
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .carousel {
    height: 100%; } }

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0.3); }

.top-nav-collapse {
    background-color: #7aacd1;
}

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #7aacd1;
    }
}

/* Footer color for sake of consistency with Navbar */
.page-footer {
    background-color: #7aacd1;
    margin:0px;
}
.top-page {
    padding: 80px;
}
.map-container-6 {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .map-container-6 iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }
.fits {
    font-family: "Kaushan Script";
    color: #595F34
}
.fitsC {
    font-family: "Kaushan Script";
}

.fitsW {
    font-family: "Kaushan Script";
    color:white
}
.fhd {
    background-color: #969e57
}
.BackBK {
    background-color: black;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 20px;
}

.fitsForm {
    margin-top:100px;
}

.BackB {
    background-image: url("/img/dental1.jpg"); /* Set a specific height */
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.BackG {
    background-image: url("/img/dental2.jpg"); /* Set a specific height */
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
}
.BackC {
    background-image: url("/img/dental3.jpg"); /* Set a specific height */
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
}


.BackF {
    background-image: url('/img/chair1.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel1 {
    position: relative;
}

.mt-6 {
    margin-top: 100px;
}