div.pointsWall {}
div.pointsWall .line{}
div.pointsWall .point {background-size: cover; background-position-y: 30%; width: 50%; height: 300px; display: inline-block; float: left; padding: 10px;}
div.pointsWall .point span.header {font-size: 22px; color: white; font-weight: bold; text-shadow: -1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #444, 1px 1px 0 #444;}

.mainTextBlock {font-size: 16px; text-align: justify;}

.test-ulm-row {background-color: #fff;margin-top: -19px;margin-bottom: -19px;padding-top: 10px;padding-bottom: 10px;}
.test-ulm-row .test-ulm {text-align: center;width: 16.5%;float: right;display: inline-block;}
.test-ulm-row .test-ulm nobr {font-size: 1.2em;}

/* -------------------------------------------*/
/* ------------- ADAPTIVE --------------------*/
/* -------------------------------------------*/

/* Target landscape smartphones, portrait tablets, narrow desktops */
@media screen and (max-width:1200px) {
    .pagePoinsNearCards {display: inline-block; width: 153px; height: 114px; overflow: hidden;}
    .pagePoinsNearCardsImg {width: 153px; height: 114px;}
}

@media screen and (max-width:1000px) {
    #pageSmoothBackground {display: none;}
}

@media screen and (max-width:990px) {
    .pagePoinsNearCards {display: inline-block; width: 116px; height: 87px; overflow: hidden;}
    .pagePoinsNearCardsImg {width: 116px; height: 87px;}
}

@media screen and (max-width:815px) {
    .pagePoinsNearCards {display: inline-block; width: 120px; height: 90px; overflow: hidden;}
    .pagePoinsNearCardsImg {width: 120px; height: 90px;}
}

@media screen and (max-width:640px) {
    div.header {
        position: initial;
        text-align: center;
    }
    .pagePoinsNearCards {display: inline-block; width: 201px; height: 150px; overflow: hidden;}
    .pagePoinsNearCardsImg {width: 201px; height: 150px;}
    div.pointsWall .point {width: 100%;}
}