body,
html {
    background-color: #F6F6F6;
    height: 100%;
}

.head {
    position: relative;
    top: 95px;
    width: 220px;
}

.image-container {
    position: relative;
    display: inline-block;
}

.head {
    position: relative;
    z-index: 1;
    transition: opacity 0.3s ease;
}

/* .head-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    top: 95px;
    width: 220px;
}

.image-container:hover .head {
    opacity: 0;
}

.image-container:hover .head-hover {
    opacity: 1;
} */

/* override default feather style... */

.fixwidth {
    background: rgb(256, 256, 256);
    background: rgba(256, 256, 256, 0.8);
}

.fixwidth .featherlight-content {
    width: 85%;
    padding: 25px;
}

.featherlight .featherlight-inner {
    display: block !important;
}

@media screen and (min-width: 768px) {
    .fixwidth .featherlight-content {
        width: 500px;
        padding: 25px;
    }
}

.featherlight-image.featherlight-inner {
    padding: 15px;
}