.loadMessage, .finishMsg {

    display: none;
    color: white;
    font-size: 14px !important;
    background-color: #999;
    border: 1px solid #ABAB99;
    text-shadow: 1px 1px 2px black;
    padding: 20px 0;
    text-align: center;
}

.finishMsg {
    display: none;
}

.finishMsg a {
    color: white;
    text-decoration: underline;
}

.layout4-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.grid-layout-4 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width: 767px) {
    body.unlogged {
        margin-bottom: auto !important;
    }
}

@media (max-width: 374px) {
    .grid-item {
        width: 135px;
    }

    .grid-item .l4img {
        width: 135px;
        height: 135px;
    }

    .effect-1 .grid-item:hover .l4img .overlay-envelope:after{
        line-height: 132px;
    }

    .grid-item .l4btn {
        margin: 10px 8px;
        padding: 5px 0;
        text-align: center;
    }
}