.circular-image {
    margin: auto;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    filter: drop-shadow(0px 10px 20px #8A959E33);
    object-fit: cover;
}

.card-borders {
    border-radius: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    vertical-align: middle;
}

.font-14 {
    font-size: 18px;
}

.font-12 {
    font-size: 16px;
}

@media screen and (max-width: 1200px) {
    .font-14 {
        font-size: 16px;
    }
    
    .font-12 {
        font-size: 14px;
    }
}
@media screen and (max-width: 992px) {
    .font-14 {
        font-size: 15px;
    }
    
    .font-12 {
        font-size: 13px;
    }
}
/* @media screen and (max-width: 576px) {
    .font-14 {
        font-size: 14px;
    }
    
    .font-12 {
        font-size: 12px;
    }
} */



.img-radius {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.project-text {
    width: 100%;
    background-color: black;
    opacity: 0.8;
    color: white;
    text-transform: uppercase;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.center-text {
    text-align: center;
}

.img-project-thumb {
    width: 200px;
    height: 200px;
    object-fit: cover;
}

.same-height-imgs {
    width: 100%;
    height: 450px;
    object-fit: scale-down;
}

/* Shimmer */
.shine {
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 104px; 
    display: inline-block;
    position: relative;
    
    -webkit-animation:placeholderShimmer 1s linear 0s infinite;
    -moz-animation:placeholderShimmer 1s linear 0s infinite; /* Firefox */
    -ms-animation:placeholderShimmer 1s linear 0s infinite; /* Internet Explorer */
    -o-animation:placeholderShimmer 1s linear 0s infinite; /* Opera */
    animation:placeholderShimmer 1s linear 0s infinite; /* W3C */
    /* -webkit-animation-duration: 1s; */
    /* -webkit-animation-iteration-count: infinite; */
    /* -webkit-animation-name: placeholderShimmer; */
    /* -webkit-animation-timing-function: linear; */
    }
    @-webkit-keyframes placeholderShimmer {
        0% {
          background-position: -468px 0;
        }
        
        100% {
          background-position: 468px 0; 
        }
      }
      @-moz-keyframes placeholderShimmer {
        0% {
          background-position: -468px 0;
        }
        
        100% {
          background-position: 468px 0; 
        }
      }
      @-ms-keyframes placeholderShimmer {
        0% {
          background-position: -468px 0;
        }
        
        100% {
          background-position: 468px 0; 
        }
      }
      @-o-keyframes placeholderShimmer {
        0% {
          background-position: -468px 0;
        }
        
        100% {
          background-position: 468px 0; 
        }
      }
      @keyframes placeholderShimmer {
        0% {
          background-position: -468px 0;
        }
        
        100% {
          background-position: 468px 0; 
        }
      }

      lines {
        height: 15px;
        margin-top: 10px;
        width: 100%; 
      }
      lines2 {
        height: 15px;
        margin-top: 10px;
        width: 150px; 
      }
      
      photo {
        display: block!important;
        width: 100%; 
        height: 100px; 
        margin-top: 15px;
      }
      profilephoto {
        display: block!important;
        width: 100%; 
        height: 100px;
        margin: auto;
        border-radius: 50%;
        filter: drop-shadow(0px 10px 20px #8A959E33);
      }