#Projects
{
    min-height: 400px;
}

.ProjectMainView
{
    padding: 10px 5px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.ProjectMainView .Image
{
    height: 258px;
    width: 100%;
    background-size: cover;
    background-position: center;
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;    
}

.ProjectMainView:hover .Image
{
    -webkit-filter: brightness(65%);
    -moz-filter: brightness(65%);
    filter: brightness(65%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}

.ProjectMainView .title
{
    font-size: 20px;
    /*font-weight: bold;*/
    font-family: YesevaOne;
    color: #0f272d;
    word-break: break-word;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.ProjectMainView .category
{
    font-size: 12px;
    color: gray;
}
.ProjectMainView:hover .line {
    border: 1px solid #f77014;
}