/*      */
/* BASE */
/*      */

html,
body {
    -webkit-overflow-scrolling: touch;

    margin: 0;
    padding: 0;

    height: 100%;
}

html {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    background-color: #fff;
    font-size: 100%;
}

*, *:after, *:before {
    -webkit-box-sizing: inherit;
       -moz-box-sizing: inherit;
            box-sizing: inherit;
}

body {
    display: -webkit-flex;
    display:     -ms-flexbox;
    display:         flex;

    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;

    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;

    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
}