.fade-in {
    animation: fadeIn 2s ease-in;
}

@keyframes fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.home-header-gear {
    font-size: 4.5rem;
    margin-top: 102px;
}

.home-header-gear-icon {
    color:white;
}

.home-header-word {
    font-size:10.5rem;
    color:white;
}

.home-header-image { 
    border-radius: 50%;
}

.ultimate-workshop-text {
    font-size: 2rem;
}

.stemba-word-img {
    transition: 500ms;
}

/* /.stemba-word-img:hover {
    width: 200px;
}  */

/* XS - Mobile Portrait */
@media (max-width: 575.98px) {

    .home-banner {
        width:100%;
    }

    .home-banner-carousel {
        height:50%;
    }

    .home-header-word{
        border-right: 5px solid #626397;
        padding-bottom: 5%;
        color:black;
        font-size: 1.5rem;
    }

    .home-workshop-word {
        font-size: 4rem;
        color: white;
    }
    .home-header-gear {
        font-size:1rem;
    }

    .ultimate-workshop-text {
        font-size: 1.5rem;
        padding-bottom:5%;
    }

    .ultimate-workshop-img-lg {
        padding:0
    }

    .ultimate-workshop-img-sm {
        padding-top: 5%
    }

    .home-header-img {
        width: 100%;
        padding-top: 5%;
    }
    .bg-home-blue {
        background-color: rgba(129,216,208)
    }

    .mobile-wave {
        position:absolute;
        z-index:10;
        top:75%;
    }

    .welcome-border {
        border-left: 5px solid #626397 ;
        padding-bottom: 15px;
    }

    .welcome-home {
        justify-content: center !important;
    }

    .mobile-vh {
        height: 100vh !important;
    }

    .stemba-word-img {
        width: 85%;
        transition:500ms;

    }

    .active {
        width: calc(100% + 50px);
    }

    .active-div { 
        box-shadow: 2px 2px 10px 2px rgba(128, 128, 128, 0.284);
        border-radius: 10%;
    }

}

/* SM - Mobile Landscape*/
@media (min-width: 575.98px) and (max-width: 767.98px) {
    .welcome-home {
        justify-content: center !important;
    }

    .home-header-img {
        width: 100%;
        padding-top: 5%;
    }

    .home-header-word{
        border-right: 5px solid #626397;
        padding-bottom: 5%;
        color:black;
        font-size: 2.5rem;
    }

    .welcome-border {
        border-left: 5px solid #626397 ;
        padding-bottom: 15px;
        font-size:2.3rem
    }

    .stemba-word-img {
        width: 65%;
        transition:500ms
    }

    .active {
        width: 85%
    }

    .home-workshop-word {
        font-size: 6rem;
        color: white;
    }

    .home-header-gear {
        font-size:3rem;
    }   

    .ultimate-workshop-text {
        font-size: 2rem;
        padding-bottom:5%;
    }

    .ultimate-workshop-img-lg {
        padding:0
    }

    .ultimate-workshop-img-sm {
        padding-top: 5%
    }

    .stemba-container {
        padding-top: 15%;
    }

    body {
        font-size: 1.2rem;
    }
}

@media (min-width: 767.68px) and (max-width: 991.98px) {
    .welcome-home {
        justify-content: center !important;
    }

    .home-header-img {
        width: 100%;
        padding-top: 5%;
    }

    .home-header-word{
        border-right: 5px solid #626397;
        padding-bottom: 5%;
        color:black;
        font-size: 2.5rem;
    }

    .welcome-border {
        border-left: 5px solid #626397 ;
        padding-bottom: 15px;
        font-size:2.3rem
    }

    .stemba-word-img {
        width: 65%;
        transition:500ms
    }

    .active {
        width: 85%
    }

    body {
        font-size: 1.4rem;
    }

    .home-workshop-word {
        font-size: 6rem;
        color: white;
    }

    .home-header-gear {
        font-size:3rem;
    }   

    .ultimate-workshop-text {
        font-size: 2rem;
        padding-bottom:5%;
    }

    .ultimate-workshop-img-lg {
        padding:0
    }

    .ultimate-workshop-img-sm {
        padding-top: 5%
    }

    .stemba-container {
        padding-top: 5%;
    }
} 

@media (min-width:992px) and (max-width:1199.98px) {
    .welcome-home {
        justify-content: center !important;
    }

    .home-header-img {
        width: 100%;
        padding-top: 5%;
    }

    .home-header-word{
        border-right: 5px solid #626397;
        padding-bottom: 5%;
        color:black;
        font-size: 2.5rem;
    }

    .welcome-border {
        border-left: 5px solid #626397 ;
        padding-bottom: 15px;
        font-size:2.3rem
    }

    .stemba-word-img {
        width: 50%;
        transition:500ms
    }

    .active {
        width: 65%
    }

    body {
        font-size: 1.4rem;
    }
    .home-workshop-word {
        font-size: 6rem;
        color: white;
    }

    .home-header-gear {
        font-size:3rem;
    }   

    .ultimate-workshop-text {
        font-size: 2rem;
        padding-bottom:5%;
    }

    .ultimate-workshop-img-lg {
        padding:0
    }

    .ultimate-workshop-img-sm {
        padding-top: 5%
    }

    .stemba-container {
        padding-top: 5%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .welcome-home {
        justify-content: center !important;
    }

    .home-header-img {
        width: 100%;
        padding-top: 5%;
    }

    .home-header-word{
        border-right: 5px solid #626397;
        padding-bottom: 5%;
        color:black;
        font-size: 2.5rem;
    }

    .welcome-border {
        border-left: 5px solid #626397 ;
        padding-bottom: 15px;
        font-size:2.3rem
    }

    .stemba-word-img {
        width: 45%;
        transition:500ms
    }

    .active {
        width: 65%
    }

    body {
        font-size: 1.4rem;
    }
    .home-workshop-word {
        font-size: 6rem;
        color: white;
    }

    .home-header-gear {
        font-size:3rem;
    }   

    .ultimate-workshop-text {
        font-size: 2rem;
        padding-bottom:5%;
    }

    .ultimate-workshop-img-lg {
        padding:0
    }

    .ultimate-workshop-img-sm {
        padding-top: 5%
    }

    .stemba-container {
        padding-top: 5%;
    }
}

@media (min-width: 1400px) {
    .welcome-home {
        justify-content: center !important;
    }

    .home-header-img {
        width: 100%;
        padding-top: 5%;
    }

    .home-header-word{
        border-right: 10px solid #626397;
        padding-bottom: 5%;
        color:black;
        font-size: 2.5rem;
    }

    .welcome-border {
        border-left: 10px solid #626397 ;
        padding-bottom: 15px;
        font-size:2.3rem
    }

    .stemba-word-img {
        width: 35%;
        transition:500ms
    }

    .active {
        width: 45%
    }

    body {
        font-size: 1.2rem;
    }
    .home-workshop-word {
        font-size: 6rem;
        color: white;
    }

    .home-header-gear {
        font-size:3rem;
    }   

    .ultimate-workshop-text {
        font-size: 2rem;
        padding-bottom:5%;
    }

    .ultimate-workshop-img-lg {
        padding:0
    }

    .ultimate-workshop-img-sm {
        padding-top: 5%
    }

    .stemba-container {
        padding-top: 5%;
    }
}