﻿

    .listBlockWrap {
    margin-bottom: 200px;
}

        .listBlockWrap > div.column-block a {
            border: none;
            box-shadow:none;
        }

.docColumn {
    position: relative;
    height: 30rem;
}

    .docColumn .aArea {
        height: 20rem;
        overflow: hidden;
    }

/*      .docColumn .aArea p {
            position: absolute;
            top: 200px;
            left: 0;
            text-align: center;
            width: 100%;
        }*/

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .docColumn {
        position: relative;
        height: 30rem;
    }

        .docColumn .aArea {
            height: 20rem;
            overflow: hidden;
        }
    /*
            .docColumn .aArea p {
                position: absolute;
                top: 180px;
                left: 0;
                text-align: center;
                width: 100%;
            }*/
}

@media screen and (max-width: 767px) {
    .docColumn {
        position: relative;
        height: 30rem;
    }

        .docColumn .aArea {
            height: 20rem;
            overflow: hidden;
        }
    /*
            .docColumn .aArea p {
                position: absolute;
                top: 300px;
                left: 0;
                text-align: center;
                width: 100%;
            }*/
}
