.smartbox-02,
.smartbox-03,
.smartbox-04,
.smartbox-05{
    text-align: justify;
}



.smartbox-02 h1,
.smartbox-03 h1,
.smartbox-04 h1,
.smartbox-05 h1,
.smartbox-06 h1{
    border-radius: 0;
}

.smartbox-06 a {
    text-decoration: underline;
}

.box230-02 p,
.box230-03 p,
.box230-04 p{
    text-align: justify;
}

#box-container :nth-child(1) { order: 1; }
#box-container :nth-child(2) { order: 2; }
#box-container :nth-child(3) { order: 3; }
#box-container :nth-child(4) { order: 4; }
#box-container :nth-child(5) { order: 5; }
#box-container :nth-child(6) { order: 6; }
#box-container :nth-child(7) { order: 7; }
#box-container :nth-child(8) { order: 8; }

/**************************************************************************************/
@media screen and (min-width:240px) {

    .box230-01,
    .box230-02,
    .box230-03,
    .box230-04,
    .box230-05 {
        width: auto;
        height: auto;
    }

    .bannerheadline {
        width: 320px;
        font-size: 18px;
        font-weight: bold;
        line-height: 40px;
    }

    .bannertext {
        margin-top: 85px;
        margin-left: 30px;
        width: 320px;
        font-size: 16px;
    }

    .box230-06 {
        width: 480px;
        height: auto;
    }

    .container {
        grid-template-rows: auto;
    }
}

/**************************************************************************************/
@media screen and (min-width:480px) {

    .box230-01,
    .box230-02,
    .box230-03,
    .box230-04,
    .box230-05 {
        width: 480px;
        height: auto;
    }

    .bannerheadline {
        width: 480px;
        font-size: 26px;
        font-weight: bold;
        line-height: 40px;
    }

    .bannertext {
        margin-top: 130px;
        margin-left: 30px;
        width: 580px;
        font-size: 24px;
        font-weight: bold;
    }

    .box230-06 {
        width: 480px;
        height: auto;
    }

    .container {
        grid-template-rows: auto;
    }

    .tmg-columns {
        column-count: 2;
    }
}

/**************************************************************************************/
@media screen and (min-width:720px) {

    .box230-01,
    .box230-02,
    .box230-03,
    .box230-04,
    .box230-05 {
        width: 355px;
        height: auto;
    }

    .bannerheadline {
        width: 640px;
        font-size: 32px;
        font-weight: bold;
        line-height: 44px;
    }

    .bannertext {
        margin-top: 180px;
        margin-left: 40px;
        width: 580px;
        font-size: 28px;
        font-weight: bold;
    }

    .box230-06 {
        width: 720px;
        height: auto;
    }

    .container {
        grid-template-rows: auto;
    }

    .tmg-columns {
        column-count: 1;
    }
}

/**************************************************************************************/
@media screen and (min-width:960px) {

    .box230-01,
    .box230-02,
    .box230-03,
    .box230-04,
    .box230-05 {
        width: 475px;
        height: auto;
    }

    .bannerheadline {
        width: 640px;
        font-size: 32px;
        font-weight: bold;
        line-height: 44px;
    }

    .bannertext {
        margin-top: 180px;
        margin-left: 40px;
        width: 580px;
        font-size: 28px;
        font-weight: bold;
    }

    .box230-06 {
        width: 960px;
        height: auto;
    }

    .container {
        grid-template-rows: auto;
    }

    .tmg-columns {
        column-count: 2;
    }
}