#banner{
    background: url('../images/banner2.jpg');
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-origin: content-box;
}

#bannerGallery {
    background: url('../images/banner2.jpg');
    height: 400px;
    background-size: cover;
}

#gallery-entry-section{
    background: url('../images/g4.jpg');
    height: 500px;
    background-size: cover;
    -webkit-filter: brightness(80%);filter: brightness(80%);
}
#news-letter-section{
    background: url('../images/gradient1.jpg');
    background-size: cover;
}
#gallery-open-btn{
    opacity: 0.7;
}
#projects-section{
    background: url('../images/gradient1.jpg');
    background-size:cover;
   
}
#summary-parent{
    background: url('../images/banner2.jpg');
    background-size: cover;
}
#summary-section-inner{
    opacity: 0.8;
}
#join-button{
    background: url('../images/gradient1.jpg');
    background-size: cover;
}
.profile-card{
    border-left: #0d6efd solid 4px;
}
.solid-block-white{
    border: white solid 1px;
    width: 20%;
    margin: auto;
}
.solid-block-primary{
    border:#0d6efd solid 1px;
    width: 20%;
    margin: auto;
}

.solid-start-block{
    border: #0d6efd solid 2px;
    margin-right: 3px;
}
.solid-start-block-white{
    border: white solid 2px;
    margin-right: 3px;
}
.solid-end-block-white{
    border:white solid 2px;
    margin-left: 3px;
}
.transparent-bg{
   opacity: 0.8;
}
.about-parent{
    background: url('../images/banner2.jpg');
    background-size: cover;
}
#about-text{
    text-align: center;
}
.footer-header{
    border-bottom: white solid 1px;
}
.service-card{
   
    background: transparent;
    border: white solid 1px;
    

}

#HiPo:hover{
    display: none;
}

.IPD:hover {
    padding-top: 1px;
    padding-left: 1px;
    box-shadow: 7px 7px 5px grey;
    transition: 1s;
}

.service-card:hover{
    cursor: pointer;
    background: url('../images/gradient1.jpg'); 
    background-size:cover;

}

#banner-heading{
    font-size: 70px;
}

/* gallery */
#banner-gallery {
    font-size: 70px;
    letter-spacing: 30px;
}

#banner-subheading{
    font-size: 40px;
}
#partners-parent{
    text-align: start;
}
#blog-image{
    height:500px;
     width:100%;
}

#GD {
    background: hsla(0, 8%, 5%, 0.212);
}

/*
    media queries
*/
@media (max-width:768px){
    #about-text{
        text-align: start;
        margin-bottom: 10px;
        border-bottom: white solid 1px;
    }
    #blog-image{
        height: 300px;
    }
    #banner{
        height: 300px;
    }

    #banner-heading{
        font-size: 40px;
    }

    /* gallery */
    #banner-gallery {
        font-size: 40px;
        letter-spacing: 10px;
    }

    #banner-subheading{
        font-size: 20px;
    }
    #partners-parent{
        text-align: center;
    }
  
}

/* LOGIN PAGE */
#logIn {
    background: rgba(3, 3, 3, 0.925);
}

#edit_all {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 5px;
    box-shadow: 5px 10px rgba(3, 73, 46, 0.507);
}

#edit_user_pass {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    padding: 5px;
    box-shadow: 5px 10px rgba(3, 73, 46, 0.507);
}

/* ADMIN PAGE */
.AP {
    height: 300px;
}

.AP:hover {
    background: rgba(33, 77, 158, 0.445);
}

.APB:hover {
    background: rgba(33, 77, 158, 0.445);
}

.APA {
    margin-top: 20px;
    margin-bottom: 20px;
}

.APA:hover {
    background: linear-gradient(to right, rgba(2, 95, 72, 0.281) , rgb(10, 10, 8));
}