/*RESOURCES HERO STYLING*/
.resources-hero-section{
    position: relative;

    width: 100%;
    height:68vh;

    background-color:antiquewhite ;

    margin-top: 82px;
    padding: 0;

    margin-bottom: 50px;
}

.resources-hero-img-div{
    width: 100%;
    height: 100%;
}

#resources-hero-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(50%);
}


.resources-heading{
    /*margin: 0 0 10px 0;*/
    font-size: 58px;
    font-weight: 700;

    color: #fff;
    text-shadow: 0 0 10px black;    

    position: absolute;
    top: 50%;
    left: 50%;

    width: 270px;
    height: 70px;
    margin-left: -135px;
    margin-top: -82px;


    text-align: center;   
}
/*END OF RESOURCES HERO STYLING*/

/******************************************************************************************************/

/*UNDER-CONSTRUCTION-STYLING*/
.under-construction-div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
}
.under-construction-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 2px solid black;
}