/* homepage text over image hover */
.overlay img {
	opacity: 1;  	
  	width: 100%;
  	height: auto;
  	transition: .5s ease;
  	backface-visibility: hidden;
}
/* change dates to always be visible on mobile and tablet */
@media screen and (min-device-width: 1025px), screen and (min-width: 1025px) {
    .middle {
        transition: .5s ease;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%)
    }
}
.overlay {
    position: relative; 
}

.overlay:hover img {
    opacity: 0.5;
}

.overlay:hover .middle {
    opacity: 1;
}

@media screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
    .overlay img {
        opacity: 0.75;
    }
    .middle {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%)
    }
}

.text {
    background-color: #f4f3ef;
    color: #747370;
    font-size: 20px;
    padding: 10px 14px;
}

/* cv page */
#cv article ul {
  margin-bottom: 0;
}