p{

    text-align: left;

    font: Regular 18px Tahoma;

    letter-spacing: 0.05px;

    color: #5A9DC7;

    opacity: 1;

}

#present{

    padding-bottom: 5px;

    background: transparent url('../assets/Images/Rectangle 4.png') 0% 100% no-repeat padding-box;

    opacity: 1;

}

.card{

    background-color: rgba(255, 255, 255, 0.1);

    border:none;

}



#cards .card{

    box-shadow:1px 1px 1px 1px lightgray;

}



#card1,#card2,#card3,#card4,#card5,#card6{

    position:relative;

}



.overlay1,.overlay2,.overlay3,.overlay4{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right:0;

    width:100%; 

    height:100%;

    opacity: 0;

    transition: .5s ease;

    background-color: rgba(255, 255, 255, 0.8);

}



#card1:hover .overlay1{

    opacity: 1;

}

#card2:hover .overlay2{

    opacity: 1;

}

#card3:hover .overlay3{

    opacity: 1;

}

#card4:hover .overlay4{

    opacity: 1;

}

.text{

    font: normal normal bold 28px/34px Tahoma;

    letter-spacing: 0.08px;

    color: #5A9DC7;

    position:absolute;

    top:50%;

    left:50%;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    text-align: center;

    opacity: 1;

}
ul.sub-nav {
    list-style: none;
    padding: 10px 20px;
    background: #fff;
    position: absolute;
    /* width: 100%; */
    text-align: center;
    box-shadow: 1px 1px 5px 5px #0000000a;
    z-index: 99;
    display: none;
}
a.nav-link {
    position: relative;
}
.nav-item:hover .sub-nav {
    display: block;
}
a.sub-nav-link {
    color: #5a9dc7;
}