/*---- Header ----*/

.cw-header-info {
    background: linear-gradient(to bottom, #5f11fa 0%,#9829ea 100%);;
}

.cw-responsive {
    width: 100%;
    height: auto;
  }  

/*---- NEW HEADER ----*/

.cw-logo {
    padding: 1em;
}

.cw-header-business h3 {
    font-size: 1.25rem;
    padding: 0.3em 0.5em;
    margin-bottom: 0;
    color: #F0C945;
}

.cw-header-info p {
    /* font-size: 0.9em; */
    padding: 1em;
    line-height: 1.4em;
    margin-bottom: 0;
    color: #F0C945;
    text-shadow: 0 0 1px #000;
}

.cw-address {
    margin-top: -1.5rem;
}

/* .cw-header-info img {
    width: 260px;
} */

.cw-header-info .row .justify-content-center {
    flex-direction: column;
}
.cw-header-info a {
    color: #F0C945 !important;
}
.cw-header-info a:hover {
    color: #000 !important;
}

.navbar-nav .active .nav-link {
    color: #000 !important;
}
.header .navbar .navbar-nav .dropdown-item, .header .navbar .navbar-nav .nav-link {
    font-size: 1.5rem;
}

@media (min-width: 330px) {
    .cw-address {
        margin-top: -2.25rem;
    }
}
@media (min-width: 440px) {
    /* .cw-header-info img {
        width: 370px;
    } */
    .cw-address {
        margin-top: -2.5rem;
    }
}
@media (min-width: 768px) {
    /* .cw-header-info img {
        width: 363px;
    } */
    .cw-address {
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    /* .cw-header-info img {
        width: 503px;
    } */
    .cw-address {
        margin-top: -2.25rem;
    }
}
@media (min-width: 1200px) {
    .cw-header-business h3 {
        font-size: 1em;
    }
}
@media (min-width: 1400px) {
    /* .cw-header-info img {
        width: 585px;
    } */
}


	/* Starburst */
    .cw-starburst {
        position: relative;
        width: fit-content;
        margin: auto;
        /* top: 5%;
        left: 0%; */
    }

    .cw-burst {
        position: relative;
        z-index: 5;
        width: 332px;
        top: 0px;
    }

    .cw-starburst h5 {
        position: absolute;
        top: 12%;
        left: 15%;
        z-index: 5;
        color: #FFFFFF;
        text-align: center;
        font-size: 1.6em;
        font-weight: 800;
        text-shadow: 2px 2px 2px #000000;
    }

/* XS: 440px & Up */
    @media (min-width: 440px) {}

/* SM: 768px & Up */
    @media (min-width: 768px) {

        /* .cw-burst {
            position: relative;
            z-index: 5;
            width: 292px;
            top: 0px;
        } */
    
        .cw-starburst h5 {
            /* position: absolute;
            top: 52%;
            left: 25%;
            z-index: 5;
            color: #FFFFFF;
            text-align: center; */
            font-size: 2em;
            /* font-weight: 800;
            text-shadow: 2px 2px 2px #000000; */
        }

    }

/* MD: 992px & Up */
    @media (min-width: 992px) {
        .cw-starburst h5 {
            font-size: 2em;
        }
    }

    /* .cw-burst {
        position: relative;
        z-index: 5;
        width: 394px;
        margin-left: 30px;
    } */

    /* .cw-starburst h5 {
        position: absolute;
        top: 52%;
        left: 25%;
        z-index: 5;
        color: #FFFFFF;
        text-align: center;
        font-size: 2em;
        font-weight: 800;
        text-shadow: 2px 2px 2px #000000;
    } */

/* LG: 1200px & Up */
    @media (min-width: 1200px) {
        .cw-starburst h5 {
            font-size: 2em;
        }
    }

    /* .cw-burst {
        position: relative;
        z-index: 5;
        width: 394px;
        margin-left: 30px;
    } */

    /* .cw-starburst h5 {
        position: absolute;
        top: 52%;
        left: 25%;
        z-index: 5;
        color: #FFFFFF;
        text-align: center;
        font-size: 2em;
        font-weight: 800;
        text-shadow: 2px 2px 2px #000000;
    } */

/* XLG: 1400px & Up */
    @media (min-width: 1400px) {
        /* .cw-starburst {
            left: 5%;
        } */
    }

    /* .cw-burst {
        position: relative;
        z-index: 5;
        width: 332px;
        top: 35px;
    } */

    /* .cw-starburst h5 {
        position: absolute;
        top: 52%;
        left: 28%;
        z-index: 5;
        color: #FFFFFF;
        text-align: center;
        font-size: 1.6em;
        font-weight: 800;
        text-shadow: 2px 2px 2px #000000;
    } */

/* _______________HERO__________________ */

@media screen and (max-width: 812px) {
    .display-4 {
        font-size: 2rem;
    }

    h3,
    .h3 {
        font-size: 1.5em;
    }

    h5,
    .h5 {
        font-size: 1em;
    }
}

.webit__hero {
    position: relative;
    min-height: 450px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.295), rgba(0, 0, 0, 0.295)),
        url("https://apihoard.webit.com/api/v1/Image/DB823BCB1C90FC91B1DC3141DEB27DC4/DB823BCB1C90FC91B1DC3141DEB27DC4.jpg?size=1920x1440");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 0;
}

.webit__hero h1, .webit__hero h3 {
    text-shadow: 1px 1px 3px #000;
}

@media screen and (min-width: 768px) {
    .webit__hero {
        min-height: 358px;
        background-image: linear-gradient(rgba(0, 0, 0, 0.295), rgba(0, 0, 0, 0.295)),
            url("https://apihoard.webit.com/api/v1/Image/DB823BCB1C90FC91B1DC3141DEB27DC4/DB823BCB1C90FC91B1DC3141DEB27DC4.jpg?size=1920x1440");
        margin-bottom: 0;
    }
}

@media screen and (min-width: 992px){
    .webit__hero {
        min-height: 630px;
        background-image: linear-gradient(rgba(0, 0, 0, 0.295), rgba(0, 0, 0, 0.295)), url(https://apihoard.webit.com/api/v1/Image/DB823BCB1C90FC91B1DC3141DEB27DC4/DB823BCB1C90FC91B1DC3141DEB27DC4.jpg?size=1920x1440);
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1200px){
    .webit__hero {
        min-height: 600px;
        background-image: linear-gradient(rgba(0, 0, 0, 0.295), rgba(0, 0, 0, 0.295)), url(https://apihoard.webit.com/api/v1/Image/DB823BCB1C90FC91B1DC3141DEB27DC4/DB823BCB1C90FC91B1DC3141DEB27DC4.jpg?size=1920x1440);
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1480px){
    .webit__hero {
        min-height: 600px;
        background-image: linear-gradient(rgba(0, 0, 0, 0.295), rgba(0, 0, 0, 0.295)), url(https://apihoard.webit.com/api/v1/Image/DB823BCB1C90FC91B1DC3141DEB27DC4/DB823BCB1C90FC91B1DC3141DEB27DC4.jpg?size=1920x1440);
        margin-bottom: 0;
    }
}

@-webkit-keyframes divider {
    100% {
        height: 25%;
    }
}

@keyframes divider {
    100% {
        height: 25%;
    }
}

.webit__hero-divider {
    display: none;
    z-index: 6;
}

@media screen and (min-width: 768px) {
    .webit__hero-divider {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        fill: #6C4291;
        height: 400%;
        -webkit-animation: divider 1.5s forwards;
        animation: divider 1.5s forwards;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
    }
}

.textwithimage-text h5 {
    text-shadow: 1px 1px 3px #000;
}


/* Services  */
.cw-service {
    margin-bottom: 2em;
}

.cw-service h5 {
    font-size: 1rem;
}