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


*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

:root{
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 0.2rem;
}

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

.navigation{
    background-color: #002a4e;
}

.nav--color{
    background-color: #002a4e;
    height: 64px;
}

.fitzfun-logo{
    max-height: 2.625rem;
}

.hero-elements{
    position: relative;
}

.hero-div{
    background-image: url(../assets/hero-Banner-01.png);
    min-height: 90vh;
    background-size: cover;
    position: relative;
}



.hero-text-title{
    color: white;
    font-size: 80px; /* originally 4.625rem */
    font-weight: 700;
    line-height: 1.5; /* 1.08 */
}

.list-text{
    font-size: 34px; /* originally 20px */
    font-weight: 500;
}

.overlay{
    height: 100%;
    width: 100%;
}

.bg--color{
    background-color: #f2f2f2;
}

.feature-edges{
    padding: 2.5rem 0;
}

.your-fitness-terms{
    font-size: 40px; /* originally 2.125rem */
    line-height: 1.06;
    font-weight: 700;
}

.icon-img-top{
    width: 72px;
    height: auto;
}

.card{
    background: transparent;
    border: none;
}

.card-body{
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.card-title{
    font-size: 16px; /* originally 1rem */
    font-weight: 700 !important;
    flex-grow: 1;
}

.card-text{
    font-size: 16px; /* originally .875rem */
}

/*
.col-md-3{
    width: 27%;
}
*/

.img--features{
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}

.img--contents{
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    background-color: none !important;
}

.img-feature-item{
    width: 630px;
    height: auto;
    margin-bottom: 2rem;
    background-color: none;
}

.img--title{
    font-size: 20px; /* originally 1.25rem */
    font-weight: 700;
    line-height: 1.2222;
    color: #002a4e;
    margin-bottom: 0.5rem;
}

.img--title-description{
    font-size: 16px;
}

.fa-clock{
    margin-right: 0.4rem;
}

.fa-location-dot{
    margin-right: 0.4rem;
}

.fa-phone{
    margin-right: 0.3rem;
}

.line-link{
    text-decoration: none;
    color: inherit;
    font-size: 24px;
    cursor: pointer;
}

.line-logo{
    width: 24px;
    height: 24px;
}

.line-logo:hover{
  /*  color: #00B900; */
  filter: invert(45%) sepia(75%) saturate(3554%) hue-rotate(93deg) brightness(105%) contrast(105%);
    transition: ease-in-out 0.2s;
}

footer{
    background-color: #002a4e;
}

.footer-text{
    color: white;
}

.contact-us-heading{
    font-size: 20px;
}

.contact-us-details{
    font-size: 20px;
    margin-bottom: 0;
}

@media (min-width: 320px) and (max-width: 374.98px){
    .hero-div{
        min-height: 24.8vh;
        background-position: center;
    }
    .logo-div{
        margin: auto !important;
    }
    .hero-text-title{
        font-size: 24px; /* originally 1.625rem */
    }
    .list-text{
        font-size: 10px;
    }
    .hero-text--div{
        margin-left: -1em;
    }
    .your-fitness-terms{
        font-size: 20px; 
        line-height: 1.06;
        font-weight: 700;
    }
    .icon-img-top{
        width: 35px;
        height: auto;
    }

    /* Mobile Footer */
    .contact-us-heading{
        font-size: 15px;
    }
    
    .contact-us-details{
        font-size: 15px;
    }
    .line-logo{
        width: 24px;
        height: auto;
    }

}

@media (min-width: 375px) and (max-width: 424.98px){
    .hero-div{
        min-height: 25.8vh;
    }
    .logo-div{
        margin: auto !important;
    }
    .hero-text-title{
        font-size: 24px; /* originally 1.625rem */
    }
    .list-text{
        font-size: 10px;
    }
    .hero-text--div{
        margin-left: 1em;
    }
    .your-fitness-terms{
        font-size: 20px; 
        line-height: 1.06;
        font-weight: 700;
    }
    .icon-img-top{
        width: 35px;
        height: auto;
    }

    /* Mobile Footer */
    .contact-us-heading{
        font-size: 15px;
    }
    
    .contact-us-details{
        font-size: 15px;
    }
    .line-logo{
        width: 24px;
        height: auto;
    }
}

@media (min-width: 425px) and (max-width: 479.98px){
    .hero-div{
        min-height: 25vh;
    }
    .logo-div{
        margin: auto !important;
    }
    .hero-text-title{
        font-size: 24px; /* originally 1.625rem */
    }
    .list-text{
        font-size: 10px;
    }
    .hero-text--div{
        margin-left: 1em;
    }
    .your-fitness-terms{
        font-size: 20px; 
        line-height: 1.06;
        font-weight: 700;
    }
    .icon-img-top{
        width: 35px;
        height: auto;
    }

    /* Mobile Footer */
    .contact-us-heading{
        font-size: 15px;
    }
    
    .contact-us-details{
        font-size: 15px;
    }
    .line-logo{
        width: 24px;
        height: auto;
    }
}

@media (min-width: 480px) and (max-width: 575.98px){
    .hero-div{
        min-height: 30vh;
    }
    .logo-div{
        margin: auto !important;
    }
    .hero-text-title{
        font-size: 24px; /* originally 1.625rem */
    }
    .list-text{
        font-size: 10px;
    }
    .hero-text--div{
        margin-left: 1em;
    }
    .your-fitness-terms{
        font-size: 20px; 
        line-height: 1.06;
        font-weight: 700;
    }
    .icon-img-top{
        width: 35px;
        height: auto;
    }

    /* Mobile Footer */
    .contact-us-heading{
        font-size: 15px;
    }
    
    .contact-us-details{
        font-size: 15px;
    }
    .line-logo{
        width: 24px;
        height: auto;
    }
}

@media (min-width: 576px) and (max-width:767.98px) { 
    .hero-div{
        min-height: 40vh;
    }
    .logo-div{
        margin: auto !important;
    }
    .hero-text-title{
        font-size: 24px; /* originally 1.625rem */
    }
    .list-text{
        font-size: 10px;
    }
    .hero-text--div{
        margin-left: 1em;
    }
    .your-fitness-terms{
        font-size: 20px; 
        line-height: 1.06;
        font-weight: 700;
    }
    .icon-img-top{
        width: 35px;
        height: auto;
    }
    /* Mobile Footer */
    .contact-us-heading{
        font-size: 15px;
    }
    
    .contact-us-details{
        font-size: 15px;
    }
    .line-logo{
        width: 24px;
        height: auto;
    }
 }

@media (min-width: 768px) and (max-width: 991.98px) { 
    .hero-div{
        min-height: 55vh;
        background-position: center right 30%;
    }
    .hero-text-title{
        font-size: 2.625rem;
    }
    .list-text{
        font-size: 12px;
    }
 }


@media (min-width: 992px) and (max-width: 1119.98px) { 
    .hero-div{
        min-height: 55vh;
        background-position: center right 40%;
    }
    .hero-text-title{
        font-size: 3.625rem;
    }
    .list-text{
        font-size: 14px;
    }

 }