* {
    box-sizing: border-box;
}

.col-1 {
    width: 33.33%;
}

.col-2 {
    width: 66.67%;
}

.col-3 {
    width: 100%;
}

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

[class*="col-"] {
    float: left;
    padding: 5px;
    /* border: 1px solid red; */
}

html {
    /* font-family: "Lucida Sans", sans-serif; */
    background-color: #d4d1b6;
    color: #61708e;
}


.fontSofia {
    font-family: "Sofia", sans-serif;
    font-style: oblique;
}