/* ==========================
##     MICRO HERO BANNERS
=============================*/
.micro-hero-bg {
    height:90vh;
    padding-top:85px;
}
.micro-hero-bg a {
    color:var(--navigation-primary-linkcolor);
}
.micro-hero-bg a:not(.btn):hover,
.micro-hero-bg a:not(.btn):focus{
    color:var(--navigation-primary-linkhovercolor);
}
.micro-hero-bg{
    position:relative;
}
.micro-hero-template .dark-overlay{
    background:rgba(0,0,0,1);
    opacity:0.4;
    content:"";
    width:100%;
    position:absolute;
    top:0;
    bottom:0;
}

@media only screen and (min-width:992px) {
    .micro-hero-template .title-heading {
        font-size:2.5rem;
    }
    .micro-hero-template .leadin {
        font-size:1.25rem;
    }
}
@media only screen and (min-width:1200px) {
    .micro-hero-template .title-heading {
        font-size:4.0rem;
    }
    .micro-hero-template .leadin {
        font-size:1.5rem;
    }
}
@media only screen and (min-width:1600px) {
    
}