.col {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    align-self: center;
    justify-content: center;
}

.row {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    align-self: center;
    justify-content: center;
}

.col-l {
    display: flex;
    flex-direction: column;
    justify-content: left;
}

.row-l {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
}

.row-m {
    margin-left: auto;
    margin-right: auto;
}

.col-m {
    margin-top: auto;
    margin-bottom: auto;
}

.row-s {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content:flex-start;
}

.m-l-r {
    margin-left: 20px;
    margin-right: 20px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-100 {
    margin-top: 100px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mt-200 {
    margin-top: 200px;
}

.mb-200 {
    margin-bottom: 200px;
}