/* html, body {
    margin: 0;
    height: 100%;
    width: 100%;
    } */

/* 

    GUIDE

<div class="row">
    <div class="col-%">CONTENT</div>
    <div class="col-%">CONTENT</div>
    ...
</div>

*/

.row {
    padding: 15px 50px 35px 50px;
    display: flex;
}

.col-5 {
    flex: 5%;
}

.col-15 {
    flex: 15%;
}

.col-25 {
    flex: 25%;
}

.col-45 {
    flex: 45%;
}

.col {
    flex: 50%;
}

.col-75 {
    flex: 75%;
}

.col-95 {
    flex: 95%;
}

.col-100 {
    flex: 100%;
}

.center-align {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.right-align {
    display: flex;
    flex-direction: column;
    align-items: center;
}