.img-hover-box {
    display: inline-block;
    padding: 8px;
    background: #ffffff;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.img-hover-box img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-hover-box:hover {
    border: 1px solid #ddd;
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
    transform: translateY(-4px);
}
#sp-header .logo {
position: relative;
top: 30px;   /* pushes logo down so it overlaps the header */
z-index: 10; /* keeps logo above the menu bar */
}