body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: azure;
}
* {
    box-sizing: border-box;
}
h1 {
    text-align: center;
}
.row {
    width: 100%;
}
section img {
    width: 50%;
    height: 50%;
}
section figure {
    padding: 1%;
    text-align: center;
}
section p {
    clear: right;
    font-size: 120%;
    padding: 2%;
}
.title1, .title2, .title3 {
    font-size: 150%;
    padding: 1%;
    margin-left: 1%;
    margin-bottom: 1%;
    border-left: 4px solid black;
    border-bottom: 4px solid black;
    float: right;
}
.title1 {
    background-color: rgb(223, 209, 25);
}
.title2 {
    background-color: rgb(132, 214, 24);
}
.title3 {
    background-color: aqua;
}

@media (min-width: 992px) {
    .col_lg_4 {
        float: left;
        width: 31.33%;
        padding: 0%;
        margin: 1%;
        border: 4px solid black;
        background-color: #909090;
    } 
}
@media (min-width: 768px) and (max-width: 991px) {
    .col_md_6 {
        float: left;
        width: 48%;
        padding: 0%;
        margin: 1%;
        border: 4px solid black;
        background-color: #909090;
    }
    .col_md_12 {
        float: left;
        width: 98%;
        padding: 0%;
        margin: 1%;
        border: 4px solid black;
        background-color: #909090;
    } 
}
@media (max-width: 767px) {
    .col_sm_12 {
        float: left;
        width: 98%;
        padding: 0%;
        margin: 1%;
        border: 4px solid black;
        background-color: #909090;
    } 
}