/* CSS comment */
/* CSS selectors */
/* tag.class */
/* tag#id */
/* http://www.w3schools.com/cssref/css_selectors.asp */

ul {
    text-align:left;
}

.w3-col.c1 {
    width:100%;
}

.w3-col.c2 {
    width:50%;
}

.w3-col.c3 {
    width:33.33333%;
}

.w3-col.c4 {
    width:25%;
}

.w3-col.c5 {
    width:20%;
}

.w3-col.c6 {
    width: 16.66666%;
}

.w3-col.c7 {
    width: 14.28571%;
}

.M_MarginTB, .M_MarginT {
    margin-top:.5vh;
}

.M_MarginTB, .M_MarginB {
    margin-bottom:.5vh;
}

.M_MarginL, .M_MarginLR {
    margin-left:.5vw;
}

.M_MarginR, .M_MarginLR {
    margin-right:.5vw;
}

.M_PaddingT, .M_PaddingTB {
    padding-top:.5vw;
}

.M_PaddingB, .M_PaddingTB {
    padding-bottom:.5vw;
}

.M_PaddingLR, .M_PaddingL {
    padding-left:.5vw;
}

.M_PaddingLR, .M_PaddingR {
    padding-right:.5vw;
}


.M_LargeMarginTB, .M_LargeMarginT {
    margin-top:10vh;
}

.M_LargeMarginTB, .M_LargeMarginB {
    margin-bottom:10vh;
}

.M_LargeMarginL, .M_LargeMarginLR {
    margin-left:10vw;
}

.M_LargeMarginR, .M_LargeMarginLR {
    margin-right:10vw;
}

.M_LargePaddingT, .M_LargePaddingTB {
    padding-top:10vw;
}

.M_LargePaddingB, .M_LargePaddingTB {
    padding-bottom:10vw;
}

.M_LargePaddingLR, .M_LargePaddingL {
    padding-left:10vw;
}

.M_LargePaddingLR, .M_LargePaddingR {
    padding-right:10vw;
}

/* Flexbox rules. */

.FB_LeftH {
    justify-content: flex-start;
}

.FB_RightH {
    justify-content:flex-end;
}

.FB_CenterH {
    justify-content:center;
}

.FB_CenterV {
    align-items:center;
}