﻿
/* Small and Up */

@media only screen and (min-width: 0px) {
    html { margin:0; padding:0; }
    body {margin:0; padding:0;}
    body > #form1 {margin:0; padding:0; }
    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .container {
        width:100%;
        margin:0 auto;
    } 
    .section {
        padding:0;
    }
    [class*="row"] {
        /*justify-content: space-between;*/

        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    [class*="col"] {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        flex-grow: 1;
        order: 1;
    }
}


/* Medium and Up */

@media only screen and (min-width: 601px) {}

/* Large and Up */

@media only screen and (min-width: 993px) {
    /*[class*="container"] {
        max-width:1200px;
    }*/

     .container{
        max-width:1200px;
    }
}

/* Small and Up */

@media only screen and (min-width: 0px) {
    .sm1-row            { margin: -1rem; width:auto; max-width:none; }
    .sm1-row > .col     { padding: 1rem; }
    .sm2-row            { margin: -2rem; }
    .sm2-row > .col     { padding: 2rem; }
    .sm3-row            { margin: 0 -3rem; }
    .sm3-row > .col     { padding: 3rem; }
    .sm4-row            { margin: -4rem; }
    .sm4-row > .col     { padding: 4rem; }
    .sm5-row            { margin: -5rem; }
    .sm5-row > .col     { padding: 5rem; }
    .sm6-row            { margin: -6rem; }
    .sm6-row > .col     { padding: 6rem; }
    .sm7-row            { margin: -7rem; }
    .sm7-row > .col     { padding: 7rem; }
    .sm8-row            { margin: -8rem; }
    .sm8-row > .col     { padding: 8rem; }
    .sm9-row            { margin: -9rem; }
    .sm9-row > .col     { padding: 9rem; }
    .sm10-row           { margin: -10rem; }
    .sm10-row > .col    { padding: 10rem; }
    .sm11-row           { margin: -11rem; }
    .sm11-row > .col    { padding: 11rem; }
    .sm12-row           { margin: -12rem; }
    .sm12-row > .col    { padding: 12rem; }
}


/* Medium and Up */

@media only screen and (min-width: 601px) {
    .md1-row            { margin: -1rem; }
    .md1-row > .col     { padding: 1rem; }
    .md2-row            { margin: -2rem; }
    .md2-row > .col     { padding: 2rem; }
    .md3-row            { margin: -3rem; }
    .md3-row > .col     { padding: 3rem; }
    .md4-row            { margin: -4rem; }
    .md4-row > .col     { padding: 4rem; }
    .md5-row            { margin: -5rem; }
    .md5-row > .col     { padding: 5rem; }
    .md6-row            { margin: -6rem; }
    .md6-row > .col     { padding: 6rem; }
    .md7-row            { margin: -7rem; }
    .md7-row > .col     { padding: 7rem; }
    .md8-row            { margin: -8rem; }
    .md8-row > .col     { padding: 8rem; }
    .md9-row            { margin: -9rem; }
    .md9-row > .col     { padding: 9rem; }
    .md10-row           { margin: -10rem; }
    .md10-row > .col    { padding: 10rem; }
    .md11-row           { margin: -11rem; }
    .md11-row > .col    { padding: 11rem; }
    .md12-row           { margin: -12rem; }
    .md12-row > .col    { padding: 12rem; }
}


/* Large and Up */

@media only screen and (min-width: 993px) {
    .lg1-row            { margin: -1rem; }
    .lg1-row > .col     { padding: 1rem; }
    .lg2-row            { margin: -2rem; }
    .lg2-row > .col     { padding: 2rem; }
    .lg3-row            { margin: -3rem; }
    .lg3-row > .col     { padding: 3rem; }
    .lg4-row            { margin: -4rem; }
    .lg4-row > .col     { padding: 4rem; }
    .lg5-row            { margin: -5rem; }
    .lg5-row > .col     { padding: 5rem; }
    .lg6-row            { margin: -6rem; }
    .lg6-row > .col     { padding: 6rem; }
    .lg7-row            { margin: -7rem; }
    .lg7-row > .col     { padding: 7rem; }
    .lg8-row            { margin: -8rem; }
    .lg8-row > .col     { padding: 8rem; }
    .lg9-row            { margin: -9rem; }
    .lg9-row > .col     { padding: 9rem; }
    .lg10-row           { margin: -10rem; }
    .lg10-row > .col    { padding: 10rem; }
    .lg11-row           { margin: -11rem; }
    .lg11-row > .col    { padding: 11rem; }
    .lg12-row           { margin: -12rem; }
    .lg12-row > .col    { padding: 12rem; }
}


/* Small and Up */

@media only screen and (min-width: 0px) {
    .col.sm1         { width:8.3333333333%; max-width:8.3333333333%; }
    .col.sm2         { width:16.66666666667%; max-width:16.66666666667%; }
    .col.sm3         { width:25%; max-width:25%; }
    .col.sm4         { width:33.3333333333%; max-width:33.3333333333%; }
    .col.sm5         { width:41.66666666667%; max-width:41.66666666667%; }
    .col.sm6         { width:50%; max-width:50%; }
    .col.sm7         { width:58.3333333333%; max-width:58.3333333333%; }
    .col.sm8         { width:66.66666666667%; max-width:66.66666666667%; }
    .col.sm9         { width:75%; max-width:75%; }
    .col.sm10        { width:83.3333333333%; max-width:83.3333333333%; }
    .col.sm11        { width:91.66666666667%; max-width:91.66666666667%; }
    .col.sm12        { width:100%; max-width:100%; }
}


/* Medium and Up */

@media only screen and (min-width: 601px) {
    .col.md1         { width:8.3333333333%; max-width:8.3333333333%; }
    .col.md2         { width:16.66666666667%; max-width:16.66666666667%; }
    .col.md3         { width:25%; max-width:25%; }
    .col.md4         { width:33.3333333333%; max-width:33.3333333333%; }
    .col.md5         { width:41.66666666667%; max-width:41.66666666667%; }
    .col.md6         { width:50%; max-width:50%; }
    .col.md7         { width:58.3333333333%; max-width:58.3333333333%; }
    .col.md8         { width:66.66666666667%; max-width:66.66666666667%; }
    .col.md9         { width:75%; max-width:75%; }
    .col.md10        { width:83.3333333333%; max-width:83.3333333333%; }
    .col.md11        { width:91.66666666667%; max-width:91.66666666667%; }
    .col.md12        { width:100%; max-width:100%; }
}


/* Large and Up */

@media only screen and (min-width: 993px) {
    .col.lg1         { width:8.3333333333%; max-width:8.3333333333%; }
    .col.lg2         { width:16.66666666667%; max-width:16.66666666667%; }
    .col.lg3         { width:25%; max-width:25%; }
    .col.lg4         { width:33.3333333333%; max-width:33.3333333333%; }
    .col.lg5         { width:41.66666666667%; max-width:41.66666666667%; }
    .col.lg6         { width:50%; max-width:50%; }
    .col.lg7         { width:58.3333333333%; max-width:58.3333333333%; }
    .col.lg8         { width:66.66666666667%; max-width:66.66666666667%; }
    .col.lg9         { width:75%; max-width:75%; }
    .col.lg10        { width:83.3333333333%; max-width:83.3333333333%; }
    .col.lg11        { width:91.66666666667%; max-width:91.66666666667%; }
    .col.lg12        { width:100%; max-width:100%; }
}
@media only screen and (min-width: 0px) {
    .col.sm-top       { align-self: flex-start; }
    .col.sm-bottom    { align-self: flex-end;  }
    .col.sm-middle    { align-self: center; }
    .col.sm-fit       { align-self: stretch; }
    .col.sm-baseline  { align-self: baseline; }
}
@media only screen and (min-width: 601px) {
    .col.md-top      { align-self: flex-start; }
    .col.md-bottom   { align-self: flex-end;  }
    .col.md-middle   { align-self: center; }
    .col.md-fit      { align-self: stretch; }
    .col.md-baseline { align-self: baseline; }
}


/* Large and Up */

@media only screen and (min-width: 993px) {
    .col.lg-top      { align-self: flex-start; }
    .col.lg-bottom   { align-self: flex-end;  }
    .col.lg-middle   { align-self: center; }
    .col.lg-fit      { align-self: stretch; }
    .col.lg-baseline { align-self: baseline; }
}




/* Small and Up */

@media only screen and (min-width: 0px) {
    .col.sm1-offset     { margin-left:8.3333333333%; }
    .col.sm2-offset     { margin-left:16.66666666667%; }
    .col.sm3-offset     { margin-left:25%; }
    .col.sm4-offset     { margin-left:33.3333333333%; }
    .col.sm5-offset     { margin-left:41.66666666667%; }
    .col.sm6-offset     { margin-left:50%; }
    .col.sm7-offset     { margin-left:58.3333333333%; }
    .col.sm8-offset     { margin-left:66.66666666667%; }
    .col.sm9-offset     { margin-left:75%; }
    .col.sm10-offset    { margin-left:83.3333333333%; }
    .col.sm11-offset    { margin-left:91.66666666667%; }
    .col.sm12-offset    { margin-left:100%; }
}

/* Medium and Up */

@media only screen and (min-width: 601px) {
    .col.md1-offset     { margin-left:8.3333333333%; }
    .col.md2-offset     { margin-left:16.66666666667%; }
    .col.md3-offset     { margin-left:25%; }
    .col.md4-offset     { margin-left:33.3333333333%; }
    .col.md5-offset     { margin-left:41.66666666667%; }
    .col.md6-offset     { margin-left:50%; }
    .col.md7-offset     { margin-left:58.3333333333%; }
    .col.md8-offset     { margin-left:66.66666666667%; }
    .col.md9-offset     { margin-left:75%; }
    .col.md10-offset    { margin-left:83.3333333333%; }
    .col.md11-offset    { margin-left:91.66666666667%; }
    .col.md12-offset    { margin-left:100%; }
}

/* Large and Up */

@media only screen and (min-width: 993px) {
    .col.lg1-offset     { margin-left:8.3333333333%; }
    .col.lg2-offset     { margin-left:16.66666666667%; }
    .col.lg3-offset     { margin-left:25%; }
    .col.lg4-offset     { margin-left:33.3333333333%; }
    .col.lg5-offset     { margin-left:41.66666666667%; }
    .col.lg6-offset     { margin-left:50%; }
    .col.lg7-offset     { margin-left:58.3333333333%; }
    .col.lg8-offset     { margin-left:66.66666666667%; }
    .col.lg9-offset     { margin-left:75%; }
    .col.lg10-offset    { margin-left:83.3333333333%; }
    .col.lg11-offset    { margin-left:91.66666666667%; }
    .col.lg12-offset    { margin-left:100%; }
}




/* Small and Up */

@media only screen and (min-width: 0px) {
    .col.sm1-order   { order:1; }
    .col.sm2-order   { order:2; }
    .col.sm3-order   { order:3; }
    .col.sm4-order   { order:4; }
    .col.sm5-order   { order:5; }
    .col.sm6-order   { order:6; }
    .col.sm7-order   { order:7; }
    .col.sm8-order   { order:8; }
    .col.sm9-order   { order:9; }
    .col.sm10-order  { order:10; }
    .col.sm11-order  { order:11; }
    .col.sm12-order  { order:12; }

}

/* Medium and Up */

@media only screen and (min-width: 601px) {
    .col.md1-order  { order:1; }
    .col.md2-order  { order:2; }
    .col.md3-order  { order:3; }
    .col.md4-order  { order:4; }
    .col.md5-order  { order:5; }
    .col.md6-order  { order:6; }
    .col.md7-order  { order:7; }
    .col.md8-order  { order:8; }
    .col.md9-order  { order:9; }
    .col.md10-order { order:10; }
    .col.md11-order { order:11; }
    .col.md12-order { order:12; }
}

/* Large and Up */

@media only screen and (min-width: 993px) {
    .col.lg1-order  { order:1; }
    .col.lg2-order  { order:2; }
    .col.lg3-order  { order:3; }
    .col.lg4-order  { order:4; }
    .col.lg5-order  { order:5; }
    .col.lg6-order  { order:6; }
    .col.lg7-order  { order:7; }
    .col.lg8-order  { order:8; }
    .col.lg9-order  { order:9; }
    .col.lg10-order { order:10; }
    .col.lg11-order { order:11; }
    .col.lg12-order { order:12; }
}