body,html{
    font-family: 'Arial', sans-serif;
    height: 100%;
    margin:auto;
	font-size: 0.9em;
}

.font-nav-sm{
    font-size: 0.9rem;
}

.bg-black{
    background: rgba(0,0,0,0.3);
}
.event-bg{
    background: url('../images/event1.jpg');
    background-size: cover;
}
.event-bg1{
    background: url('../images/event2.jpg');
    background-size: cover;
}
.event-bg2{
    background: url('../images/event3.jpg');
    background-size: cover;
}
.event-bg3{
    background: url('../images/event4.jpg');
    background-size: cover;
}
.login-bg{
    background: url('../images/login.jpeg');
    background-size: cover;
}
.about-bg{
    background: url('../images/event2.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.objective-bg{
    background: url('../images/event3.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.objective-bg2{
    background: url('../images/event4.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.gallery-bg{
    background: url('../images/18.jpeg');
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}
.latestprog-bg{
    background: url('../images/14.jpeg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.recentprog-bg{
    background: url('../images/77.jpeg');
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}
.workingfor-bg{
    background: url('../images/123.jpeg');
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}
.publication-bg{
    background: url('../images/21.jpeg');
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}
.contact-bg{
    background: url('../images/contact.jpg');
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}
.social-bg{
    background: url('../images/social-media.jpeg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.donate-bg{
    background: url('../images/donate.jpeg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.transparent{
    background-color: #000000ad !important;
}
label,option{
    color: white!important;
}
.form-control{
    color: #fff!important;
}
.row{
    margin-right: 0px!important;
    margin-left: 0px!important;
}

::placeholder{
    color:#ccc!important;
    font-size: 0.8
}

.rounded-sm{
    width: 70%!important;
    margin: auto!important;
}

 .h-divider{
    margin-top:5px;
    margin-bottom:5px;
    height:1px;
    width:100%;
    border-top:1px solid midnightblue;
}



@media screen and (min-width:1400px){
    .navbar-brand{
        font-size: 1.5rem!important;
    }
    .font-nav-sm{
        font-size: 1.0rem!important;
    }
}

@media screen and (max-width:1366px){
    .navbar-brand{
        font-size: 0.8rem!important;
        padding-right: 5%;
    }
    .font-nav-sm{
        font-size: 0.8rem!important;
    }
}

@media screen and (max-width:1024px){
    .navbar-brand{
        font-size: 0.6rem!important;
    }
    .font-nav-sm{
        font-size: 0.8rem!important;
    }
}

@media screen and (max-width:768px){
    .navbar-brand{
        display: block!important;
        font-size: 0.9rem!important;
    }
    .display-none{
        display: none!important;
    }
}

@media screen and (max-width:425px){
    .navbar-brand{
        font-size: 0.8rem!important;
    }
}

@media screen and (max-width:375px){
    .navbar-brand{
        font-size: 0.7rem!important;
    }
}

@media screen and (max-width:320px){
    .navbar-brand{
        font-size: 0.6rem!important;
    }
}

@media screen and (width:2560px){
    .header-lg{
        background: url('../header-lg.svg')center center!important;
        background-repeat: no-repeat;
        height: 400px!important;
    }
    .navbar-brand{
        font-size: 1.8rem!important;
        padding-right: 2em;
    }
    .font-nav-sm{
        font-size: 1.6rem!important;
    }
   
}

@media screen and (min-width:768px){
    .card-text{
        font-size: 0.9vw!important;
    }
}

#mySidenav a {
    position: fixed;
    left: -40px;
    transition: 0.3s;
    padding: 15px;
    width: 100px;
    text-decoration: none;
    font-size: 0.8rem;
    color: white;
    border-radius: 0 5px 5px 0;
    z-index: 1;
    text-align: right;
}

.sidenav{
    display: none;
}
#mySidenav a:hover {
    left: 0;
}

#social {
    top: 40%;
    background-color:blueviolet;
}

#donate {
    top: 50%;
    background-color:orangered;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: #ccc!important;
}

@media screen and (min-width:768px){
    .hide-lg{
        display: none!important;
    }
    .sidenav{
        display: block!important;
    }
}
		
.av-spin{
	-webkit-animation: rotate 2s infinite linear;
}
@-webkit-keyframes rotate {
	100%{-webkit-transform: rotate(360deg);}
}

	*::-webkit-scrollbar {
	  width: 3px;
	}
	*::-webkit-scrollbar-track {
	  background: rgba(0, 0, 0, 0.1);
	}
	*::-webkit-scrollbar-track:hover {
	  background: rgba(0, 0, 0, 0.5);
	}
	*::-webkit-scrollbar-thumb {
	  background: #666;
	  border-radius: 3px;
	}