.project-default-container{
    height:100vh;
    background:#f5f5f5;
    padding:100px 0;
}

.project-default-container h2{
    font-weight:600;
}

.project-default-container h5{
    font-weight:600;
}

.proj-template-container{
    width:100%;
    height:500px;
    overflow: hidden;
    position: relative;
}

.proj-template-container img{
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}

.proj-template-container
.link-to-website-wpr{
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.12) ;
    opacity: 0;
    display: flex;
}

.proj-template-container:hover
.link-to-website-wpr{
    opacity: 1;
}

.link-to-website-wpr div{
    margin: auto auto;
}

.link-to-website-wpr div a{
    display: block;
    background:#0e0e0e;
    border-radius: 50%;
    padding:70px 30px;
    font-size: 18px;
    text-transform: uppercase;
    color:#fff;
}