body{


    background-image:     
    linear-gradient(
        rgba(255, 255, 255, 0.90), 
        rgba(255, 255, 255, 0.65)
        ),
        url(../img/body_background-BW.jpg);  
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

footer {
    background: none;
    font-size: .5em;
    padding: 20px
}

.footer-text{
    margin: 20px 0;
}


#navlinks-box{
    padding-top: 0px!important;
}
#navlinks {
    position: absolute;
    top: -35px;
    left: 30px;
}

#navlinks a{
    font-size: .8em;
    padding: 5px 50px!important;
}

#navlinks li {
    background: #0d6dfd15;
    margin-bottom: 2px;
    box-shadow: 2px 2px 5px -3px grey;
    border-radius: 3px;
}

#social-icons-box{
    position: absolute;
    top: -49px;
    right: 7px;
}


main {
    font-size: .8rem;
}

ul {
    padding-left: 0px !important;
}

#about-project-text ul, 
.about h4 {
    text-align: center;
}

#project-link{
    width: 100%;
}
footer {    
    height: 3%;
}

.row{
  display:block;  
}
.col-lg{
   /* border: 1px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: start;

}

#about-project-text li{
    list-style: none!important;
}

#about-project-text,
#about-me-text {
    outline: none;
}

#contact,
#about-project-text {
    border-radius: 8px;
    padding: 20px 10px;
}

#contact {
    background: #0d6dfd15 ;
    box-shadow: 5px 5px 15px -6px #0d6efd;
}
.infomessage {
    font-size: 14px;
    margin: 15px auto;
    color: blue !important;
}
#about-project-text {
    background: #cbd60000;
    box-shadow: 5px 5px 15px -6px #252c0a96;
}

#contact textarea{
    padding-left: 0px;
    
    
}

#contact input, 
#contact textarea {
    border: none;
    width: 100%;
    
}

.card-group {
    flex-basis: 200px;
    
    
}
.card {
    height: 250px;  
    
    margin: 20px auto;
    position: relative;
    max-width: 350px;
}

.card {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
   
}




.card-body {
    position: absolute; 
    bottom: 0;
    background: #010100b3;
    padding: 8px !important;
    width: 100%;
    color: #a2e5ec;
    border-radius: 0px  0px 5px 5px;
    border: 3px solid #1c73f544;
    border-top: 0;
}
.card-text {
    display: none;
}

.card-text-back {
    display: none;
}

.card-img-top {
    height: 200px;
    max-height: 300px;
}

.el-invisible {
    display: none!important;
}

.subtitle {
    font-weight: 200;
    font-size: 1.3em;
}
.projects-divider{
    margin: 50px 25px ;
}

#projects-cards-section .subtitle{
    font-weight: 600;
    font-size: 1.3rem;
    margin-bottom: 30px;
}

.col .card {
    box-shadow: 3px 3px 10px -6px  !important;
    border: 3px  solid #1c73f544
}

.col .card.active {
    box-shadow: 5px 5px 15px -6px #0d6efd !important;
    border: 5px solid #29a5ceb0;
}

.icon {
    width: 1.5em;
    height: 1.5em;
}

.icon svg {
    width: 100%;
    height: 100%;
}

#contact {
    max-width: 500px;
    margin: auto;
}

/* #contact button {
    width: 100%
} */

.col-form-label {
    display: none;
}

#certificate-wrapper {
    padding: 2em;
}

#certificate-wrapper iframe{
    box-shadow: 5px 5px 10px -2px;
}

#certificate-wrapper iframe body header{
    display: none!important;
}

@media only screen and (min-width: 768px) {
    /* #send-message-btn {
        margin-left: 100px!important;
        margin-right: auto;
    } */

    #main-text-section {
        max-width: 700px;
        margin: 10px auto;
    }

    #project-link{
        width: 80%;
        margin-left: 10%;
        margin-right: auto;
    }



}

@media only screen and (min-width:992px) {
    .projects-divider {
        display: none;
        margin: 100px ;
    }

    #projects-nav-link {
        display: none;
    }


    
}