/* row and column */
/* content highlight */
.highlight { /* top */
    width: 100%;
    height: 5px;
    background-color: #9966cb;
    border: 1px solid #9966cb;
    border-radius: 5px 5px 0 0;
    
    margin-bottom: 5px;
}
.highlights { /* bottom */
    width: 100%;
    height: 5px;
    background-color: #9966cb;
    border: 1px solid #9966cb;
    border-radius: 0 0 5px 5px;
    
    margin-bottom: 5px;
}
/* content title */
.title {
    width: 100%;
    background-color: #f1f1f1;
    padding: 5px;
    text-align: left;

    margin-bottom: 5px;
}
/* content container */
.container {
    width: 100%;
    padding: 5px;
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
    border-radius: 0 0 5px 5px;
}

/* column */
.column {
    float: left;
    /* width: 49%; */

    margin: 5px 5px;
}/* row and column */
/* content highlight */
.highlight { /* top */
    width: 100%;
    height: 5px;
    background-color: #9966cb;
    border: 1px solid #9966cb;
    border-radius: 5px 5px 0 0;
    
    margin-bottom: 5px;
}
.highlights { /* bottom */
    width: 100%;
    height: 5px;
    background-color: #9966cb;
    border: 1px solid #9966cb;
    border-radius: 0 0 5px 5px;
    
    margin-bottom: 5px;
}
/* content title */
.title {
    width: 100%;
    background-color: #f1f1f1;
    padding: 5px;
    text-align: left;

    margin-bottom: 5px;
}
/* content container */
.container {
    width: 100%;
    padding: 5px;
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
    border-radius: 0 0 5px 5px;
}

/* column */
.column {
    float: left;
    /* width: 49%; */

    margin: 5px 5px;
}

/* 1st row */
/* left column */
.l {
    width: 32.5%;
    margin: 5px;
}
/* middle column */
.m {
    width: 32.5%;
    margin: 5px;
}
/* right column */
.r {
    width: 32.5%;
    margin: 5px;
}

.equal { /* equal column */
    width: 49.15%;
    margin: 5px;
}

.row:after {
    content: "";
    display: table;
    clear: both;

    margin: 10px;
}

.rows { /* */
    margin: 0 5px 0 5px;
    padding: 5px;
    text-align: justify;
}

/* change when screen is less than 750px */
@media only screen and (max-width: 768px) {
    .column {
        width: 100%;
    }
}