.en-bk-color-red {
    background-color: #c30102;
}

.en-bk-color-lightgray {
    background-color: #ffffff;
}

.en-color-turquoise {
    color: #99FFFF;
}

.en-color-red {
    color: #c30102;
}

.en-color-darkgray {
    color: #333 !important;
}

.en-content-wrapper {
    padding: 1.5em;
}

.en-page-wrapper {
    background-color: #ffffff;
    padding: 2.5em;
}

.en-banner-small {
    background-repeat: no-repeat, repeat; 
    background-image: url('../../src/img/banners/banner.jpg'), url('../../src/img/backgrounds/color.png'); 
    background-position: center; 
    background-size: cover; 
    background-blend-mode: overlay; 
    height: 25vh;

}

.navbar {
    border-radius: 10px;
}

.bg-dark {
    background-color: #006ec3 !important;
}

@media only screen and (min-width : 576px) {
    .en-page-wrapper {
        overflow: hidden;
        padding: 2.5em;
        /* background-color: #e5e5e5; */
        background-color: rgba(255, 255, 255, 1);
        
        
    }

    .en-box {
        box-shadow: 0px 0px 30px 0px rgba(0,0,0,.15);
    }

    .en-free-estimate{
        white-space: nowrap;
        border-radius: 0.25em;
        padding: 0.25em;
        color: #fff;
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
     }

     .navbar {
         padding: 0;
     }

     .nav-item a {
         color: rgba(255, 255, 255, 0.5) !important;
     }

     .nav-item:hover a,
     .nav-item.active .nav-link {
         /* background-color: #006ec3 !important; */
         color: rgba(255, 255, 255, 1) !important;
     }

     .nav-link {
         padding: 1rem !important;
     }

     .en-header {
        position:fixed;
        z-index:999;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.75);
     }
     

     .navbar-nav .nav-item {
        font-size: 1em;
     }
     .navbar-brand {
         font-size: 1.2em;
     }
}