.custom-cta-5blocks {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
    grid-template-areas:
        'block-cover block-cover block-1 block-2'
        'block-cover block-cover block-3 block-4';
    /*width:100%;*/
    height: 500px;
    height: 35rem;

    margin: 0.625rem -15px 2.5rem -15px;
    overflow:hidden;
}

.item-5block {
    padding: 2rem 1.5rem 1.5rem;
    overflow: hidden;
    text-decoration: none;

    &.item-0 {
        grid-area: block-cover;
        position: relative;
    }


    &.item-1{
        grid-area: block-1;
    }

    &.item-2{
        grid-area: block-2;
    }

    &.item-3{
        grid-area: block-3;
    }

    &.item-4{
        grid-area: block-4;
    }

}
.item-5block:focus {
    outline: none;
    text-decoration: none;
}



.item-5block figure {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
}

.item-5block figcaption{
    position: absolute;
    bottom: 0;
    z-index: 1;
    background-color: rgba(255,255,255,.75);
    padding: 1.25rem;

    &::before{
        content: '';
        position: absolute;
        bottom: 0;
        left: -2rem;
        height: 100%;
        width: 2rem;
        background-color: rgba(255,255,255,.75);
    }
}

.item-5block h5 {
    font-weight: 600;
    color: #232323;
    /*position: relative;*/
    /*left: 0;*/
    /*top: 0;*/
    transition: all 300ms ease-out;
    word-break: break-word;
}
.item-5block.item-0 h5 {
    font-size: 1.5rem;
}

.item-5block p {
    /*position: relative;*/
    /*left: 0;*/
    /*top: 0;*/
    color: #212529;
    line-height: 1.45;
    transition: all 300ms ease-out;
}
.item-5block:last-of-type h5,
.item-5block:last-of-type p{
    /*text-shadow: 1px 1px #000;*/
}


@media only screen and (min-width: 992px) {
    .item-5block:hover {
        -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.15);
        box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.15);
    }
    .item-5block:hover h5,
    .item-5block:hover p{
        top: 0.625rem;
    }
    .item-5block:hover.item-6 .meds-imgs {
        transform: rotate(360deg);
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-cta-5blocks {
        grid-template-areas:
			'medblock-cover medblock-1 medblock-2'
            'medblock-cover medblock-4 medblock-3'
            'medblock-cover medblock-5 medblock-5'
			'medblock-6 medblock-6 medblock-6';
        height: 40rem;
    }
}
@media only screen and (min-width: 1200px) {
    .custom-cta-5blocks {
        grid-auto-columns: 20rem 1fr 1fr 1fr;
    }
    .item-0 {
        /*padding: 2rem 2rem 1.5rem;*/
    }

}
@media only screen and (min-width: 1300px) {
    .custom-cta-5blocks {
        grid-auto-columns: 22.5rem 1fr 1fr 1fr;
    }
}
@media only screen and (min-width: 1400px) {


}
@media only screen and (min-width: 1600px) {
    .custom-cta-5blocks {
        grid-auto-columns: 27.5rem 1fr 1fr 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .custom-cta-5blocks {
        grid-template-areas:
			'medblock-cover medblock-1 medblock-2'
            'medblock-cover medblock-4 medblock-3'
            'medblock-5 medblock-5 medblock-6';
    }
    .item-0 .meds-imgs {
        scale: 1;
        bottom: 0;
        right: 0;
    }
    .item-5block.item-0 h5 {
        font-size: 1.25rem;
    }
    .item-6 figcaption {
        bottom: -20px;
    }
}


@media only screen and (max-width: 767px) {
    .custom-cta-5blocks {
        grid-template-areas:
			'medblock-cover medblock-1'
            'medblock-cover medblock-2'
            'medblock-4 medblock-5'
            'medblock-3 medblock-6';
        height:auto;
    }
    .item-0 {
        min-height: 20rem;
    }

    .item-5block h5{
        word-break: break-word;
    }


}

@media only screen and (max-width: 600px) {
    .custom-cta-5blocks {
        grid-template-areas:
            'medblock-cover medblock-cover'
            'medblock-1 medblock-2'
            'medblock-4 medblock-3'
            'medblock-5 medblock-5'
            'medblock-6 medblock-6';
    }

    .item-5block {
        min-height: 10rem;
    }
    .item-5block.item-0 {
        min-height: 15rem;
    }
    .item-5block.item-6 {
        min-height: inherit;
    }
    .item-0 .meds-imgs {
        right: -0.5rem;
    }
    .item-6 h5 {
        padding-right: 3rem;
    }
}
@media only screen and (max-width: 420px) {
    .custom-cta-5blocks {
        grid-template-areas:
            'medblock-cover'
            'medblock-1'
			'medblock-2'
            'medblock-3'
			'medblock-4'
            'medblock-5'
            'medblock-6';
    }
}