.flex {
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.6em;
    width: calc(100% + 0.6em);
    flex-wrap: wrap;
    transition: all .3s ease
}

.flex>* {
    box-sizing: border-box;
    flex: 1 1 auto;
    padding-left: .6em;
    padding-bottom: .6em
}

.flex[class*=one]>*, .flex[class*=two]>*, .flex[class*=three]>*, .flex[class*=four]>*, .flex[class*=five]>*, .flex[class*=six]>*, .flex[class*=seven]>*, .flex[class*=eight]>*, .flex[class*=nine]>*, .flex[class*=ten]>*, .flex[class*=eleven]>*, .flex[class*=twelve]>* {
    flex-grow: 0
}

.flex.grow>* {
    flex-grow: 1
}

.center {
    justify-content: center
}

.one>* {
    width: 100%
}

.two>* {
    width: 50%
}

.three>* {
    width: 33.33333%
}

.four>* {
    width: 25%
}

.five>* {
    width: 20%
}

.six>* {
    width: 16.66666%
}

.seven>* {
    width: 14.28571%
}

.eight>* {
    width: 12.5%
}

.nine>* {
    width: 11.11111%
}

.ten>* {
    width: 10%
}

.eleven>* {
    width: 9.09091%
}

.twelve>* {
    width: 8.33333%
}

@media all and (min-width: 500px) {
    .one-500>* {
        width: 100%
    }

    .two-500>* {
        width: 50%
    }

    .three-500>* {
        width: 33.33333%
    }

    .four-500>* {
        width: 25%
    }

    .five-500>* {
        width: 20%
    }

    .six-500>* {
        width: 16.66666%
    }

    .seven-500>* {
        width: 14.28571%
    }

    .eight-500>* {
        width: 12.5%
    }

    .nine-500>* {
        width: 11.11111%
    }

    .ten-500>* {
        width: 10%
    }

    .eleven-500>* {
        width: 9.09091%
    }

    .twelve-500>* {
        width: 8.33333%
    }
}

@media all and (min-width: 600px) {
    .one-600>* {
        width: 100%
    }

    .two-600>* {
        width: 50%
    }

    .three-600>* {
        width: 33.33333%
    }

    .four-600>* {
        width: 25%
    }

    .five-600>* {
        width: 20%
    }

    .six-600>* {
        width: 16.66666%
    }

    .seven-600>* {
        width: 14.28571%
    }

    .eight-600>* {
        width: 12.5%
    }

    .nine-600>* {
        width: 11.11111%
    }

    .ten-600>* {
        width: 10%
    }

    .eleven-600>* {
        width: 9.09091%
    }

    .twelve-600>* {
        width: 8.33333%
    }
}

@media all and (min-width: 700px) {
    .one-700>* {
        width: 100%
    }

    .two-700>* {
        width: 50%
    }

    .three-700>* {
        width: 33.33333%
    }

    .four-700>* {
        width: 25%
    }

    .five-700>* {
        width: 20%
    }

    .six-700>* {
        width: 16.66666%
    }

    .seven-700>* {
        width: 14.28571%
    }

    .eight-700>* {
        width: 12.5%
    }

    .nine-700>* {
        width: 11.11111%
    }

    .ten-700>* {
        width: 10%
    }

    .eleven-700>* {
        width: 9.09091%
    }

    .twelve-700>* {
        width: 8.33333%
    }
}

@media all and (min-width: 800px) {
    .one-800>* {
        width: 100%
    }

    .two-800>* {
        width: 50%
    }

    .three-800>* {
        width: 33.33333%
    }

    .four-800>* {
        width: 25%
    }

    .five-800>* {
        width: 20%
    }

    .six-800>* {
        width: 16.66666%
    }

    .seven-800>* {
        width: 14.28571%
    }

    .eight-800>* {
        width: 12.5%
    }

    .nine-800>* {
        width: 11.11111%
    }

    .ten-800>* {
        width: 10%
    }

    .eleven-800>* {
        width: 9.09091%
    }

    .twelve-800>* {
        width: 8.33333%
    }
}

@media all and (min-width: 900px) {
    .one-900>* {
        width: 100%
    }

    .two-900>* {
        width: 50%
    }

    .three-900>* {
        width: 33.33333%
    }

    .four-900>* {
        width: 25%
    }

    .five-900>* {
        width: 20%
    }

    .six-900>* {
        width: 16.66666%
    }

    .seven-900>* {
        width: 14.28571%
    }

    .eight-900>* {
        width: 12.5%
    }

    .nine-900>* {
        width: 11.11111%
    }

    .ten-900>* {
        width: 10%
    }

    .eleven-900>* {
        width: 9.09091%
    }

    .twelve-900>* {
        width: 8.33333%
    }
}

@media all and (min-width: 1000px) {
    .one-1000>* {
        width: 100%
    }

    .two-1000>* {
        width: 50%
    }

    .three-1000>* {
        width: 33.33333%
    }

    .four-1000>* {
        width: 25%
    }

    .five-1000>* {
        width: 20%
    }

    .six-1000>* {
        width: 16.66666%
    }

    .seven-1000>* {
        width: 14.28571%
    }

    .eight-1000>* {
        width: 12.5%
    }

    .nine-1000>* {
        width: 11.11111%
    }

    .ten-1000>* {
        width: 10%
    }

    .eleven-1000>* {
        width: 9.09091%
    }

    .twelve-1000>* {
        width: 8.33333%
    }
}

@media all and (min-width: 1100px) {
    .one-1100>* {
        width: 100%
    }

    .two-1100>* {
        width: 50%
    }

    .three-1100>* {
        width: 33.33333%
    }

    .four-1100>* {
        width: 25%
    }

    .five-1100>* {
        width: 20%
    }

    .six-1100>* {
        width: 16.66666%
    }

    .seven-1100>* {
        width: 14.28571%
    }

    .eight-1100>* {
        width: 12.5%
    }

    .nine-1100>* {
        width: 11.11111%
    }

    .ten-1100>* {
        width: 10%
    }

    .eleven-1100>* {
        width: 9.09091%
    }

    .twelve-1100>* {
        width: 8.33333%
    }
}

@media all and (min-width: 1200px) {
    .one-1200>* {
        width: 100%
    }

    .two-1200>* {
        width: 50%
    }

    .three-1200>* {
        width: 33.33333%
    }

    .four-1200>* {
        width: 25%
    }

    .five-1200>* {
        width: 20%
    }

    .six-1200>* {
        width: 16.66666%
    }

    .seven-1200>* {
        width: 14.28571%
    }

    .eight-1200>* {
        width: 12.5%
    }

    .nine-1200>* {
        width: 11.11111%
    }

    .ten-1200>* {
        width: 10%
    }

    .eleven-1200>* {
        width: 9.09091%
    }

    .twelve-1200>* {
        width: 8.33333%
    }
}

@media all and (min-width: 1300px) {
    .one-1300>* {
        width: 100%
    }

    .two-1300>* {
        width: 50%
    }

    .three-1300>* {
        width: 33.33333%
    }

    .four-1300>* {
        width: 25%
    }

    .five-1300>* {
        width: 20%
    }

    .six-1300>* {
        width: 16.66666%
    }

    .seven-1300>* {
        width: 14.28571%
    }

    .eight-1300>* {
        width: 12.5%
    }

    .nine-1300>* {
        width: 11.11111%
    }

    .ten-1300>* {
        width: 10%
    }

    .eleven-1300>* {
        width: 9.09091%
    }

    .twelve-1300>* {
        width: 8.33333%
    }
}

@media all and (min-width: 1400px) {
    .one-1400>* {
        width: 100%
    }

    .two-1400>* {
        width: 50%
    }

    .three-1400>* {
        width: 33.33333%
    }

    .four-1400>* {
        width: 25%
    }

    .five-1400>* {
        width: 20%
    }

    .six-1400>* {
        width: 16.66666%
    }

    .seven-1400>* {
        width: 14.28571%
    }

    .eight-1400>* {
        width: 12.5%
    }

    .nine-1400>* {
        width: 11.11111%
    }

    .ten-1400>* {
        width: 10%
    }

    .eleven-1400>* {
        width: 9.09091%
    }

    .twelve-1400>* {
        width: 8.33333%
    }
}

@media all and (min-width: 1500px) {
    .one-1500>* {
        width: 100%
    }

    .two-1500>* {
        width: 50%
    }

    .three-1500>* {
        width: 33.33333%
    }

    .four-1500>* {
        width: 25%
    }

    .five-1500>* {
        width: 20%
    }

    .six-1500>* {
        width: 16.66666%
    }

    .seven-1500>* {
        width: 14.28571%
    }

    .eight-1500>* {
        width: 12.5%
    }

    .nine-1500>* {
        width: 11.11111%
    }

    .ten-1500>* {
        width: 10%
    }

    .eleven-1500>* {
        width: 9.09091%
    }

    .twelve-1500>* {
        width: 8.33333%
    }
}

@media all and (min-width: 1600px) {
    .one-1600>* {
        width: 100%
    }

    .two-1600>* {
        width: 50%
    }

    .three-1600>* {
        width: 33.33333%
    }

    .four-1600>* {
        width: 25%
    }

    .five-1600>* {
        width: 20%
    }

    .six-1600>* {
        width: 16.66666%
    }

    .seven-1600>* {
        width: 14.28571%
    }

    .eight-1600>* {
        width: 12.5%
    }

    .nine-1600>* {
        width: 11.11111%
    }

    .ten-1600>* {
        width: 10%
    }

    .eleven-1600>* {
        width: 9.09091%
    }

    .twelve-1600>* {
        width: 8.33333%
    }
}

@media all and (min-width: 1700px) {
    .one-1700>* {
        width: 100%
    }

    .two-1700>* {
        width: 50%
    }

    .three-1700>* {
        width: 33.33333%
    }

    .four-1700>* {
        width: 25%
    }

    .five-1700>* {
        width: 20%
    }

    .six-1700>* {
        width: 16.66666%
    }

    .seven-1700>* {
        width: 14.28571%
    }

    .eight-1700>* {
        width: 12.5%
    }

    .nine-1700>* {
        width: 11.11111%
    }

    .ten-1700>* {
        width: 10%
    }

    .eleven-1700>* {
        width: 9.09091%
    }

    .twelve-1700>* {
        width: 8.33333%
    }
}

@media all and (min-width: 1800px) {
    .one-1800>* {
        width: 100%
    }

    .two-1800>* {
        width: 50%
    }

    .three-1800>* {
        width: 33.33333%
    }

    .four-1800>* {
        width: 25%
    }

    .five-1800>* {
        width: 20%
    }

    .six-1800>* {
        width: 16.66666%
    }

    .seven-1800>* {
        width: 14.28571%
    }

    .eight-1800>* {
        width: 12.5%
    }

    .nine-1800>* {
        width: 11.11111%
    }

    .ten-1800>* {
        width: 10%
    }

    .eleven-1800>* {
        width: 9.09091%
    }

    .twelve-1800>* {
        width: 8.33333%
    }
}

@media all and (min-width: 1900px) {
    .one-1900>* {
        width: 100%
    }

    .two-1900>* {
        width: 50%
    }

    .three-1900>* {
        width: 33.33333%
    }

    .four-1900>* {
        width: 25%
    }

    .five-1900>* {
        width: 20%
    }

    .six-1900>* {
        width: 16.66666%
    }

    .seven-1900>* {
        width: 14.28571%
    }

    .eight-1900>* {
        width: 12.5%
    }

    .nine-1900>* {
        width: 11.11111%
    }

    .ten-1900>* {
        width: 10%
    }

    .eleven-1900>* {
        width: 9.09091%
    }

    .twelve-1900>* {
        width: 8.33333%
    }
}

@media all and (min-width: 2000px) {
    .one-2000>* {
        width: 100%
    }

    .two-2000>* {
        width: 50%
    }

    .three-2000>* {
        width: 33.33333%
    }

    .four-2000>* {
        width: 25%
    }

    .five-2000>* {
        width: 20%
    }

    .six-2000>* {
        width: 16.66666%
    }

    .seven-2000>* {
        width: 14.28571%
    }

    .eight-2000>* {
        width: 12.5%
    }

    .nine-2000>* {
        width: 11.11111%
    }

    .ten-2000>* {
        width: 10%
    }

    .eleven-2000>* {
        width: 9.09091%
    }

    .twelve-2000>* {
        width: 8.33333%
    }
}

.full {
    width: 100%
}

.half {
    width: 50%
}

.third {
    width: 33.33333%
}

.two-third {
    width: 66.66666%
}

.fourth {
    width: 25%
}

.three-fourth {
    width: 75%
}

.fifth {
    width: 20%
}

.two-fifth {
    width: 40%
}

.three-fifth {
    width: 60%
}

.four-fifth {
    width: 80%
}

.sixth {
    width: 16.66666%
}

.none {
    display: none
}

@media all and (min-width: 500px) {
    .full-500 {
        width: 100%;
        display: block
    }

    .half-500 {
        width: 50%;
        display: block
    }

    .third-500 {
        width: 33.33333%;
        display: block
    }

    .two-third-500 {
        width: 66.66666%;
        display: block
    }

    .fourth-500 {
        width: 25%;
        display: block
    }

    .three-fourth-500 {
        width: 75%;
        display: block
    }

    .fifth-500 {
        width: 20%;
        display: block
    }

    .two-fifth-500 {
        width: 40%;
        display: block
    }

    .three-fifth-500 {
        width: 60%;
        display: block
    }

    .four-fifth-500 {
        width: 80%;
        display: block
    }

    .sixth-500 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 600px) {
    .full-600 {
        width: 100%;
        display: block
    }

    .half-600 {
        width: 50%;
        display: block
    }

    .third-600 {
        width: 33.33333%;
        display: block
    }

    .two-third-600 {
        width: 66.66666%;
        display: block
    }

    .fourth-600 {
        width: 25%;
        display: block
    }

    .three-fourth-600 {
        width: 75%;
        display: block
    }

    .fifth-600 {
        width: 20%;
        display: block
    }

    .two-fifth-600 {
        width: 40%;
        display: block
    }

    .three-fifth-600 {
        width: 60%;
        display: block
    }

    .four-fifth-600 {
        width: 80%;
        display: block
    }

    .sixth-600 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 700px) {
    .full-700 {
        width: 100%;
        display: block
    }

    .half-700 {
        width: 50%;
        display: block
    }

    .third-700 {
        width: 33.33333%;
        display: block
    }

    .two-third-700 {
        width: 66.66666%;
        display: block
    }

    .fourth-700 {
        width: 25%;
        display: block
    }

    .three-fourth-700 {
        width: 75%;
        display: block
    }

    .fifth-700 {
        width: 20%;
        display: block
    }

    .two-fifth-700 {
        width: 40%;
        display: block
    }

    .three-fifth-700 {
        width: 60%;
        display: block
    }

    .four-fifth-700 {
        width: 80%;
        display: block
    }

    .sixth-700 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 800px) {
    .full-800 {
        width: 100%;
        display: block
    }

    .half-800 {
        width: 50%;
        display: block
    }

    .third-800 {
        width: 33.33333%;
        display: block
    }

    .two-third-800 {
        width: 66.66666%;
        display: block
    }

    .fourth-800 {
        width: 25%;
        display: block
    }

    .three-fourth-800 {
        width: 75%;
        display: block
    }

    .fifth-800 {
        width: 20%;
        display: block
    }

    .two-fifth-800 {
        width: 40%;
        display: block
    }

    .three-fifth-800 {
        width: 60%;
        display: block
    }

    .four-fifth-800 {
        width: 80%;
        display: block
    }

    .sixth-800 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 900px) {
    .full-900 {
        width: 100%;
        display: block
    }

    .half-900 {
        width: 50%;
        display: block
    }

    .third-900 {
        width: 33.33333%;
        display: block
    }

    .two-third-900 {
        width: 66.66666%;
        display: block
    }

    .fourth-900 {
        width: 25%;
        display: block
    }

    .three-fourth-900 {
        width: 75%;
        display: block
    }

    .fifth-900 {
        width: 20%;
        display: block
    }

    .two-fifth-900 {
        width: 40%;
        display: block
    }

    .three-fifth-900 {
        width: 60%;
        display: block
    }

    .four-fifth-900 {
        width: 80%;
        display: block
    }

    .sixth-900 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 1000px) {
    .full-1000 {
        width: 100%;
        display: block
    }

    .half-1000 {
        width: 50%;
        display: block
    }

    .third-1000 {
        width: 33.33333%;
        display: block
    }

    .two-third-1000 {
        width: 66.66666%;
        display: block
    }

    .fourth-1000 {
        width: 25%;
        display: block
    }

    .three-fourth-1000 {
        width: 75%;
        display: block
    }

    .fifth-1000 {
        width: 20%;
        display: block
    }

    .two-fifth-1000 {
        width: 40%;
        display: block
    }

    .three-fifth-1000 {
        width: 60%;
        display: block
    }

    .four-fifth-1000 {
        width: 80%;
        display: block
    }

    .sixth-1000 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 1100px) {
    .full-1100 {
        width: 100%;
        display: block
    }

    .half-1100 {
        width: 50%;
        display: block
    }

    .third-1100 {
        width: 33.33333%;
        display: block
    }

    .two-third-1100 {
        width: 66.66666%;
        display: block
    }

    .fourth-1100 {
        width: 25%;
        display: block
    }

    .three-fourth-1100 {
        width: 75%;
        display: block
    }

    .fifth-1100 {
        width: 20%;
        display: block
    }

    .two-fifth-1100 {
        width: 40%;
        display: block
    }

    .three-fifth-1100 {
        width: 60%;
        display: block
    }

    .four-fifth-1100 {
        width: 80%;
        display: block
    }

    .sixth-1100 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 1200px) {
    .full-1200 {
        width: 100%;
        display: block
    }

    .half-1200 {
        width: 50%;
        display: block
    }

    .third-1200 {
        width: 33.33333%;
        display: block
    }

    .two-third-1200 {
        width: 66.66666%;
        display: block
    }

    .fourth-1200 {
        width: 25%;
        display: block
    }

    .three-fourth-1200 {
        width: 75%;
        display: block
    }

    .fifth-1200 {
        width: 20%;
        display: block
    }

    .two-fifth-1200 {
        width: 40%;
        display: block
    }

    .three-fifth-1200 {
        width: 60%;
        display: block
    }

    .four-fifth-1200 {
        width: 80%;
        display: block
    }

    .sixth-1200 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 1300px) {
    .full-1300 {
        width: 100%;
        display: block
    }

    .half-1300 {
        width: 50%;
        display: block
    }

    .third-1300 {
        width: 33.33333%;
        display: block
    }

    .two-third-1300 {
        width: 66.66666%;
        display: block
    }

    .fourth-1300 {
        width: 25%;
        display: block
    }

    .three-fourth-1300 {
        width: 75%;
        display: block
    }

    .fifth-1300 {
        width: 20%;
        display: block
    }

    .two-fifth-1300 {
        width: 40%;
        display: block
    }

    .three-fifth-1300 {
        width: 60%;
        display: block
    }

    .four-fifth-1300 {
        width: 80%;
        display: block
    }

    .sixth-1300 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 1400px) {
    .full-1400 {
        width: 100%;
        display: block
    }

    .half-1400 {
        width: 50%;
        display: block
    }

    .third-1400 {
        width: 33.33333%;
        display: block
    }

    .two-third-1400 {
        width: 66.66666%;
        display: block
    }

    .fourth-1400 {
        width: 25%;
        display: block
    }

    .three-fourth-1400 {
        width: 75%;
        display: block
    }

    .fifth-1400 {
        width: 20%;
        display: block
    }

    .two-fifth-1400 {
        width: 40%;
        display: block
    }

    .three-fifth-1400 {
        width: 60%;
        display: block
    }

    .four-fifth-1400 {
        width: 80%;
        display: block
    }

    .sixth-1400 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 1500px) {
    .full-1500 {
        width: 100%;
        display: block
    }

    .half-1500 {
        width: 50%;
        display: block
    }

    .third-1500 {
        width: 33.33333%;
        display: block
    }

    .two-third-1500 {
        width: 66.66666%;
        display: block
    }

    .fourth-1500 {
        width: 25%;
        display: block
    }

    .three-fourth-1500 {
        width: 75%;
        display: block
    }

    .fifth-1500 {
        width: 20%;
        display: block
    }

    .two-fifth-1500 {
        width: 40%;
        display: block
    }

    .three-fifth-1500 {
        width: 60%;
        display: block
    }

    .four-fifth-1500 {
        width: 80%;
        display: block
    }

    .sixth-1500 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 1600px) {
    .full-1600 {
        width: 100%;
        display: block
    }

    .half-1600 {
        width: 50%;
        display: block
    }

    .third-1600 {
        width: 33.33333%;
        display: block
    }

    .two-third-1600 {
        width: 66.66666%;
        display: block
    }

    .fourth-1600 {
        width: 25%;
        display: block
    }

    .three-fourth-1600 {
        width: 75%;
        display: block
    }

    .fifth-1600 {
        width: 20%;
        display: block
    }

    .two-fifth-1600 {
        width: 40%;
        display: block
    }

    .three-fifth-1600 {
        width: 60%;
        display: block
    }

    .four-fifth-1600 {
        width: 80%;
        display: block
    }

    .sixth-1600 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 1700px) {
    .full-1700 {
        width: 100%;
        display: block
    }

    .half-1700 {
        width: 50%;
        display: block
    }

    .third-1700 {
        width: 33.33333%;
        display: block
    }

    .two-third-1700 {
        width: 66.66666%;
        display: block
    }

    .fourth-1700 {
        width: 25%;
        display: block
    }

    .three-fourth-1700 {
        width: 75%;
        display: block
    }

    .fifth-1700 {
        width: 20%;
        display: block
    }

    .two-fifth-1700 {
        width: 40%;
        display: block
    }

    .three-fifth-1700 {
        width: 60%;
        display: block
    }

    .four-fifth-1700 {
        width: 80%;
        display: block
    }

    .sixth-1700 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 1800px) {
    .full-1800 {
        width: 100%;
        display: block
    }

    .half-1800 {
        width: 50%;
        display: block
    }

    .third-1800 {
        width: 33.33333%;
        display: block
    }

    .two-third-1800 {
        width: 66.66666%;
        display: block
    }

    .fourth-1800 {
        width: 25%;
        display: block
    }

    .three-fourth-1800 {
        width: 75%;
        display: block
    }

    .fifth-1800 {
        width: 20%;
        display: block
    }

    .two-fifth-1800 {
        width: 40%;
        display: block
    }

    .three-fifth-1800 {
        width: 60%;
        display: block
    }

    .four-fifth-1800 {
        width: 80%;
        display: block
    }

    .sixth-1800 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 1900px) {
    .full-1900 {
        width: 100%;
        display: block
    }

    .half-1900 {
        width: 50%;
        display: block
    }

    .third-1900 {
        width: 33.33333%;
        display: block
    }

    .two-third-1900 {
        width: 66.66666%;
        display: block
    }

    .fourth-1900 {
        width: 25%;
        display: block
    }

    .three-fourth-1900 {
        width: 75%;
        display: block
    }

    .fifth-1900 {
        width: 20%;
        display: block
    }

    .two-fifth-1900 {
        width: 40%;
        display: block
    }

    .three-fifth-1900 {
        width: 60%;
        display: block
    }

    .four-fifth-1900 {
        width: 80%;
        display: block
    }

    .sixth-1900 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 2000px) {
    .full-2000 {
        width: 100%;
        display: block
    }

    .half-2000 {
        width: 50%;
        display: block
    }

    .third-2000 {
        width: 33.33333%;
        display: block
    }

    .two-third-2000 {
        width: 66.66666%;
        display: block
    }

    .fourth-2000 {
        width: 25%;
        display: block
    }

    .three-fourth-2000 {
        width: 75%;
        display: block
    }

    .fifth-2000 {
        width: 20%;
        display: block
    }

    .two-fifth-2000 {
        width: 40%;
        display: block
    }

    .three-fifth-2000 {
        width: 60%;
        display: block
    }

    .four-fifth-2000 {
        width: 80%;
        display: block
    }

    .sixth-2000 {
        width: 16.66666%;
        display: block
    }
}

@media all and (min-width: 500px) {
    .none-500 {
        display: none
    }
}

@media all and (min-width: 600px) {
    .none-600 {
        display: none
    }
}

@media all and (min-width: 700px) {
    .none-700 {
        display: none
    }
}

@media all and (min-width: 800px) {
    .none-800 {
        display: none
    }
}

@media all and (min-width: 900px) {
    .none-900 {
        display: none
    }
}

@media all and (min-width: 1000px) {
    .none-1000 {
        display: none
    }
}

@media all and (min-width: 1100px) {
    .none-1100 {
        display: none
    }
}

@media all and (min-width: 1200px) {
    .none-1200 {
        display: none
    }
}

@media all and (min-width: 1300px) {
    .none-1300 {
        display: none
    }
}

@media all and (min-width: 1400px) {
    .none-1400 {
        display: none
    }
}

@media all and (min-width: 1500px) {
    .none-1500 {
        display: none
    }
}

@media all and (min-width: 1600px) {
    .none-1600 {
        display: none
    }
}

@media all and (min-width: 1700px) {
    .none-1700 {
        display: none
    }
}

@media all and (min-width: 1800px) {
    .none-1800 {
        display: none
    }
}

@media all and (min-width: 1900px) {
    .none-1900 {
        display: none
    }
}

@media all and (min-width: 2000px) {
    .none-2000 {
        display: none
    }
}

nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 10000;
}

nav .menu>* {
    margin-right: .6em
}

nav .burger {
    display: none
}

@media all and (max-width: 60em) {
    nav .burger {
        display: inline-block;
        cursor: pointer;
        bottom: -1000em;
        margin: 0;
        -webkit-tap-highlight-color: transparent
    }

    nav .burger~.menu, nav .show:checked~.burger {
        position: fixed;
        min-height: 100%;
        top: 0;
        right: 0;
        bottom: -1000em;
        margin: 0;
        background: #fff;
        transition: all .5s ease;
        transform: none
    }

    nav .burger~.menu {
        z-index: 11
    }

    nav .show:checked~.burger {
        color: transparent;
        width: 100%;
        border-radius: 0;
        background: rgba(17, 17, 17, .2);
        transition: all .5s ease
    }

    nav .show~.menu {
        width: 70%;
        max-width: 300px;
        transform-origin: center right;
        transition: all .25s ease;
        transform: scaleX(0)
    }

    nav .show~.menu>* {
        transform: translateX(100%);
        transition: all 0s ease .5s
    }

    nav .show:checked~.menu>*:nth-child(1) {
        transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s
    }

    nav .show:checked~.menu>*:nth-child(2) {
        transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1) .1s
    }

    nav .show:checked~.menu>*:nth-child(3) {
        transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1) .2s
    }

    nav .show:checked~.menu>*:nth-child(4) {
        transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1) .3s
    }

    nav .show:checked~.menu>*:nth-child(5) {
        transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1) .4s
    }

    nav .show:checked~.menu>*:nth-child(6) {
        transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1) .5s
    }

    nav .show:checked~.menu {
        transform: scaleX(1)
    }

    nav .show:checked~.menu>* {
        transform: translateX(0);
        transition: all .5s ease-in-out .6s
    }

    nav .burger~.menu>* {
        display: block;
        margin: .3em;
        text-align: left;
        max-width: calc(100% - 0.6em)
    }

    nav .burger~.menu>a {
        padding: .3em .9em
    }
}

.stack, .stack .toggle {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 0
}

.stack:first-child, .stack:first-child .toggle {
    border-top-left-radius: .2em;
    border-top-right-radius: .2em
}

.stack:last-child, .stack:last-child .toggle {
    border-bottom-left-radius: .2em;
    border-bottom-right-radius: .2em
}

input.stack, textarea.stack, select.stack {
    transition: border-bottom 0 ease 0;
    border-bottom-width: 0
}

input.stack:last-child, textarea.stack:last-child, select.stack:last-child {
    border-bottom-width: 1px
}

input.stack:focus+input, input.stack:focus+textarea, input.stack:focus+select, textarea.stack:focus+input, textarea.stack:focus+textarea, textarea.stack:focus+select, select.stack:focus+input, select.stack:focus+textarea, select.stack:focus+select {
    border-top-color: #0074d9
}

fieldset {
    border: 0;
    padding: 0;
}

label {
    cursor: pointer;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

input,textarea,.select select {
    line-height: 1.5;
    margin: 0;
    height: 40px;
    padding: 0 12px;
    border: 2px solid var(--sign-green);
    background-color: #fff;
    border-radius: 4px;
    transition: all .3s;
    width: 100%
}

input:focus,textarea:focus,.select select:focus {
    border: 1px solid #0074d9;
    outline: 0
}

input.error, textarea.error, select.error {
    border: 2px solid var(--error-red);
}

select {
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjMiPjxwYXRoIGQ9Im0gMCwxIDEsMiAxLC0yIHoiLz48L3N2Zz4=) no-repeat scroll 95% center/10px 15px;
    background-position: calc(100% - 15px) center;
    border: 2px solid var(--sign-green);
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    margin-top: 4px;
    padding: .3em .45em;
    transition: all .3s;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance:none
}

select::-ms-expand {
    display:none
}

select:focus, select:active {
    border: 1px solid #0074d9;
    transition:outline 0s
}

select:-moz-focusring {
    color: transparent;
    text-shadow:0 0 0 #111
}

select option {
    font-size: inherit;
    padding:.45em
}

select[multiple] {
    height: auto;
    background: none;
    padding:0
}