.portfolio-panel a {text-decoration: none!important;}

.portfolio-thumb-link:before {display:none;}

.portfolio-thumb {
background-size: 400% 400%;
animation: coloredSection1 6s ease infinite;
overflow: hidden;
}

.nightMode .portfolio-thumb {
background-size: 400% 400%;
animation: coloredSection1 6s ease infinite;
overflow: hidden;
}

.portfolio-thumb-img {
height: 300px;
background-position: center!important;
background-repeat: no-repeat!important;
background-size: cover!important;
transform: scale(1.1);
transition: .3s;
}

.portfolio-panel:hover .portfolio-thumb-img {
transform: scale(1);
transition: .3s;
}

.portfolio-panel h5 {
/*
width: fit-content;
color: #00f2fe!important;
background-image: linear-gradient(rgba(0, 242, 254,.5) 1%, rgba(0, 242, 254, .5) 100%);
background-position: 0 90%;
background-repeat: no-repeat;
background-size: 100% 0
transition: background-size .15s;
*/
font-size: 1.7em!important;
color: #ba3367;
text-decoration: none;
transition: .3s;
}

.portfolio-panel:hover h5, .portfolio-panel:hover h6, .portfolio-panel:hover p {
opacity: .75;
transition: .3s;
}

.portfolio-panel hr {
border-top: #212529 solid;
opacity: 1;
max-width: 150px;
}

.portfolio-panel h6 {
/*
width: fit-content;
color: #00f2fe!important;
background-image: linear-gradient(rgba(0, 242, 254,.5) 1%, rgba(0, 242, 254, .5) 100%);
background-position: 0 90%;
background-repeat: no-repeat;
background-size: 100% 0
transition: background-size .15s;
*/
font-size: 1.25em!important;
color: #212529;
text-decoration: none;
transition: .3s;
}

.portfolio-panel p {color: #ba3367;}

@media (max-width: 991px) {

.portfolio-thumb-img {height: 200px;}

}

@media (max-width: 767px) {

.portfolio-thumb-img {height: 300px;}

}