/*
	Index:
		1 -- Initializers
        2 -- Flex
        3 -- Row / Center
        4 -- Columns
        5 -- Ratios
*/

@charset "UTF-8";



/* 1 -- Initializers */

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a:focus {
    outline: none;
}

a {
    text-decoration: none;
}

a:active, a:hover {
    outline: 0;
}

h1, h2, h3, h4, h5, h6, p {
    font-weight: inherit;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, address {
    font-size: 100%;
}


menu, ol, ul, li {
    padding: 0;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}



/* 2 -- Flex */

.f-row, .f-col {
    display: flex;
}

.f-row {
    flex-direction: row;
}

.f-col {
    flex-direction: column;
}

.f-w {
    flex-wrap: wrap;
}

.f-j-s {
    justify-content: flex-start;
}

.f-j-e {
    justify-content: flex-end;
}

.f-j-c {
    justify-content: center;
}

.f-j-b {
    justify-content: space-between;
}

.f-j-a {
    justify-content: space-around;
}

.f-j-ev {
    justify-content: space-evenly;
}

.f-a-s {
    align-items: flex-start;
}

.f-a-e {
    align-items: flex-end;
}

.f-a-c {
    align-items: center;
}

.f-a-b {
    align-items: baseline;
}

.f-a-st {
    align-items: stretch;
}

.f-a-c-s {
    align-content: flex-start;
}

.f-a-c-e {
    align-content: flex-end;
}

.f-a-c-c {
    align-content: center;
}

.f-a-c-st {
    align-content: stretch;
}

.f-a-c-b {
    align-content: space-between;
}

.f-a-c-a {
    align-content: space-around;
}

.f-g-0 {
    flex-grow: 0;
}

.f-g-1 {
    flex-grow: 1;
}

.f-g-2 {
    flex-grow: 2;
}

.f-g-3 {
    flex-grow: 3;
}

.f-g-4 {
    flex-grow: 4;
}

.f-s-0 {
    flex-shrink: 0;
}

.f-s-1 {
    flex-shrink: 1;
}

.f-s-2 {
    flex-shrink: 2;
}

.f-s-3 {
    flex-shrink: 3;
}

.f-s-4 {
    flex-shrink: 4;
}

.f-o-1 {
    order: -1;
}



/* 3 -- Row / Center */

.row {
    width: 100%;
}

.center {
    margin: auto;
}



/* 4 -- Columns */

.col1-12 {
    width: 8.333%;
}

.col2-12 {
    width: 16.666%;
}

.col3-12 {
    width: 25%;
}

.col4-12 {
    width: 33.333%;
}

.col5-12 {
    width: 41.666%;
}

.col6-12 {
    width: 50%;
}

.col7-12 {
    width: 58.333%;
}

.col8-12 {
    width: 66.666%;
}

.col9-12 {
    width: 75%;
}

.col10-12 {
    width: 83.333%;
}

.col11-12 {
    width: 91.333%;
}

.col12-12 {
    width: 100%;
}



/* 5 -- Ratios */

.ratio4-3 {
    aspect-ratio: 4/3;
}

.ratio3-4 {
    aspect-ratio: 3/4;
}

.ratio16-9 {
    aspect-ratio: 16/9;
}

.ratio1-1 {
    aspect-ratio: 1/1;
}



/* The end :P */