*{transition:all 0.2s linear;}
.container-fluid{padding-left: 0 !important; padding-right: 0 !important;}
.menu{top: 8px;right: -1400%;transition: right 0.5s linear}
.menuLeft{right: 50px;transition: right 0.5s linear; top: 5px;}
.headerImg{background: url(images/img_2.jpg);}
.aboutImg{background: url(images/NRKwebsite_3.jpg); background-size: cover;}
.milstoneImg{background: url(images/NRKwebsite_1.jpg); background-size: cover; }
.memberImg{background: url(images/NRKwebsite_2.jpg); background-size: cover; }
.nav-link{color: #ffffff !important;}

#siteNavBar{z-index: 2;}
#nrkSig{bottom: 25%; right: 25px; max-width: 400px;text-align: right; color: #ffffff;}
img{width: 100%;}
h1{line-height: 0.5 !important; font-size: 60px;}
.row{margin-right: 0 !important;margin-left: 0!important;}
.circle{background-color: #c37e41;cursor: pointer; border-radius: 100%;}
#siteNav{padding:15px;}
.aboutSection{
    left: -200px;
    top: 20vh;
    border-radius: 8px;
    height: 60vh;
    overflow: auto;
    text-align: justify;
    border: 1px solid #cccccc;
    bottom: 20vh;}
    .aboutSection::-webkit-scrollbar{
        overflow: auto;
        
    }
.aboutSection:hover{overflow: auto;}
.aboutSection:hover::-webkit-scrollbar {
    width: 16px;
   }
 
.aboutSection:hover::-webkit-scrollbar-track {
   
    border-radius: 8px;
}
 
.aboutSection:hover::-webkit-scrollbar-thumb {
    background-color: #dddddd;
    border-radius: 8px;
    height: 50px;


}
.aboutSection:hover::-moz-scrollbar {
    width: 16px;
   }
 
.aboutSection:hover::-moz-scrollbar-track {
   
    border-radius: 8px;
}
 
.aboutSection:hover::-moz-scrollbar-thumb {
    background-color: #dddddd;
    border-radius: 8px;
    height: 50px;

}
.aboutSection div p > span{margin-right: 10px;font-weight: 500;}
.memberImg + #aboutSection ul li{margin: 15px 6px;}
.vh-60{height: 60vh;}
.mobileMenu{width: 40vw; height: auto; padding: 10px;text-align:left; display: block;}
a{text-decoration: none;}
img:hover{filter: opacity(0.8);}
/* .bg-dark {
    background-color: #ffffff!important;
} */
.line::before{position: absolute; content: ""; left: 0; width: 45%;  height: 1px; background-color: #ffffff;top: 52%;transform: translate(0,-50%);  }
.mobLine::before{position: absolute; content: ""; left: 0; width: 20vw;  height: 1px; background-color: #ffffff;top: 52%;transform: translate(0,-50%);  }
.line::after{position: absolute;content: "";right: 0;width: 45%;height: 1px;background-color: #ffffff;top: 52%;transform: translate(0,-50%);}
.mobLine::after{position: absolute;content: "";right: 0;width: 20vw;height: 1px;background-color: #ffffff;top: 52%;transform: translate(0,-50%);}
#mobile_footer{display: none;}
#desktop_footer{display: block;}
.list-group-item{background-color: transparent !important; padding: .5rem 0.1rem;}
.txtMid{top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width:100%}
.bgOvr::before{width: 100%;
    height: 100%;
    content: "";
    background-color: #2f2825e0;
    top: 0;
    left: 0;
    position: absolute;}
.bgOvr{overflow: hidden;}
    .bgOvr:hover::before{transition:all 0.3s linear; background-color: transparent;}
    .bgOvr:hover .txtMid{background-color: #2f2825e0;transition:all 0.3s linear;left: -100%;}
    .nav-item:hover{background-color: #c37e41 !important;}
    .modal-dialog{
        width: 60% ;
    }
    .modal-content{background-color: #2b242123;}
    .modal-header{border: none !important;}
    @media (min-width: 576px)
{.modal-dialog {
max-width:60%;
margin: 1.75rem auto;
}}
