.single-page-wrapper {
    position:relative;
}
.single-page-wrapper:hover {
    cursor:pointer;
}

.single-page-image-container { position:relative; overflow:hidden; }
.single-page-image-container:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:200%;
    width:100%;
    background: linear-gradient(180deg,rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
    transform:translateY(-50%);
    transition:0.5s ease all;
}
.single-page-wrapper:hover .single-page-image-container:before {
    transform:translateY(-0%);
}
.single-page-image-container img {
    width:100%;
    object-fit:cover;
    object-position:center;
}

.single-page-title-container {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    text-align:center;
    transform: translateY(-65%);
}

.single-page-excerpt-container {
    position:absolute;
    bottom:100px;
    left:0;
    width:100%;
    text-align:center;
}
.single-page-excerpt-container p {
    transform:translateY(40px);
    transition:0.5s ease all;
    opacity:0;
    margin:0 auto;
}
.single-page-wrapper:hover .single-page-excerpt-container p {
    opacity:1;
    transform:translateY(0px);
}

.single-page-button-container {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    transform: translateY(50%);
    z-index:2;
}
.single-page-button-container a {
    padding:12px 42px;
    border-radius:25px;
}
.single-page-button-container span {
    display:inline-block;
    color:white;
}

/*.single-page-image-container img { max-height:600px; }

.single-page-title-container h2 {
    font-family:Italiana;
    font-size:72px;
    font-weight:300;

    color:#073236;
}

.single-page-excerpt-container p {
    font-family:'basic-sans';
    font-size:16px;
    font-weight:300;

    max-width:min(480px, 100%);
}

.single-page-button-container a {
    background-color:#073236;
}
.single-page-button-container span {
    font-family:'basic-sans';
    font-size:18px;
    font-weight:400;
    text-transform: uppercase;
}*/