.subPagesContainer {
    display:flex;
    justify-content: space-between;
    align-items: stretch;
     flex-wrap: wrap;
}


.subPagesBlock {
    display:flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    flex-grow: 1;
    flex-direction: column;
    padding:1.5rem;
    border-radius: 0.5rem;
    margin-bottom:1.5rem;
    border:1px solid #e0e0e0;
    margin-right:1rem;
    
    padding-bottom:80px;
    position: relative;
}

.linkToPage {
    position: absolute;
    bottom:1rem;
    right:1rem;
}

.subPagesBlock:last-of-type {
    margin-right:0rem;
}
.subPagesBlock:hover {
    -webkit-box-shadow: 0px 9px 17px -5px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 9px 17px -5px rgba(0,0,0,0.34);
    box-shadow: 0px 9px 17px -5px rgba(0,0,0,0.34);
}

@media screen and (min-width:768px){
    .subPagesBlock {
        flex-basis: 49%;
    }
}

@media screen and (min-width:1200px){
    .subPagesBlock {
        flex-basis: 32%;
    }
}


.responsiveSubPageImg {
    position: relative;
    padding-top:56.5%;
    overflow: hidden;
}
.responsiveSubPageImg img{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    width:100%;
    height:auto;
}