.column-wrapper {
        max-width: 800px;
    }

.column-title {
        font-family: "Noto Sans SC", sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: white;
        padding: 5px 30px;
        background: linear-gradient(to bottom, #7093ba 0%, #6382a5 100%);
        border-bottom: 2px solid #6382a5;
        border-radius: 2px;
        clear: both;
    }

.column-content-logo {
        float: right;
        padding: 20px 10px;
        width: 100px;
    }

.column-content-logo img {
        border: 0;
    }

.column-content-description {
        float: right;
        max-width: calc(100% - 170px);
        font-size: 15px;
        color: #666666;
        padding: 20px;
    }

.column-content-item {
        float: left;
        width: calc(100% - 480px);
        font-size: 15px;
        color: #666666;
        padding: 20px;
    }

.column-content-item div {
        padding: 5px;
    }

.column-content-image {
        float: left;
        padding: 20px 10px;
        width: 400px;
    }

.column-content-image-device {
        float: left;
        padding: 0px 20px;
    }

.column-content-image img,
    .column-content-image-device img {
        border: 0;
    }

@media screen and (max-width: 500px) {
        .column-content-description {
            max-width: calc(100% - 50px);
            float: left;
        }

.column-content-logo {
            float: left;
            padding: 10px 30px 0px;
        }

.column-content-item {
            width: 100%;
        }

.column-content-image {
            float: none;
            padding: 10px 30px 0px;
            width: auto;
        }