/* Wrappers */
.wrapper { float: left; width: 100%; }
.row { float: left; width: 100%; margin: 1em 0; }
.row-nm { float: left; width: 96%; margin: 0 2%; }
.row-full { float: left; width: 100%; }

.img-auto-width {
	display: block;
	width: auto;
	max-width: 100%;
}

/* General */
.centered { margin: 0 auto; }

.m-m-b { margin: 0 0 2em 0; }

/* 1/1 */
.col-1-1 { float: left; width: 96%; margin: 0 2%;  }

/* 1/2 */
.col-1-2 { float: left; width: 46%; margin: 0 2%; }

/* 1/3 */
.col-1-3 { float: left; width: 29.3333333333%; margin: 0 2%; }
.col-2-3 { float: left; width: 62.6666666666%; margin: 0 2%; }

/* 1/4 */
.col-1-4 { float: left; width: 21%; margin: 0 2%; }
.col-2-4 { float: left; width: 46%; margin: 0 2%; }
.col-3-4 { float: left; width: 71%; margin: 0 2%; }

/* 1/5 */
.col-1-5 { float: left; width: 16%; margin: 0 2%; }
.col-2-5 { float: left; width: 36%; margin: 0 2%; }
.col-3-5 { float: left; width: 56%; margin: 0 2%; }
.col-4-5 { float: left; width: 76%; margin: 0 2%; }

/* 1/6 */
.col-1-6 { float: left; width: 12.6666666667%; margin: 0 2%; }
.col-2-6 { float: left; width: 29.3333333334%; margin: 0 2%; }
.col-3-6 { float: left; width: 46.0000000001%; margin: 0 2%; }
.col-4-6 { float: left; width: 62.6666666668%; margin: 0 2%; }
.col-5-6 { float: left; width: 79.3333333335%; margin: 0 2%; }

/* 1/7 */
.col-1-7 { float: left; width: 10.2857142857%; margin: 0 2%; }
.col-2-7 { float: left; width: 24.5714285714%; margin: 0 2%; }
.col-3-7 { float: left; width: 38.8571428571%; margin: 0 2%; }
.col-4-7 { float: left; width: 53.1428571428%; margin: 0 2%; }
.col-5-7 { float: left; width: 67.4285714285%; margin: 0 2%; }
.col-6-7 { float: left; width: 81.7142857142%; margin: 0 2%; }

/* 1/8 */
.col-1-8 { float: left; width: 8.5%; margin: 0 2%; }
.col-2-8 { float: left; width: 21%; margin: 0 2%; }
.col-3-8 { float: left; width: 33.5%; margin: 0 2%; }
.col-4-8 { float: left; width: 46%; margin: 0 2%; }
.col-5-8 { float: left; width: 58.5%; margin: 0 2%; }
.col-6-8 { float: left; width: 71%; margin: 0 2%; }
.col-7-8 { float: left; width: 83.5%; margin: 0 2%; }

/* 1/12 */
.col-1-12 { float: left; width: 4.33333333333%; margin: 0 2%; }
.col-2-12 { float: left; width: 4.33333333333%; margin: 0 2%; }
.col-3-12 { float: left; width: 4.33333333333%; margin: 0 2%; }
.col-4-12 { float: left; width: 4.33333333333%; margin: 0 2%; }
.col-5-12 { float: left; width: 4.33333333333%; margin: 0 2%; }
.col-6-12 { float: left; width: 4.33333333333%; margin: 0 2%; }
.col-7-12 { float: left; width: 4.33333333333%; margin: 0 2%; }
.col-8-12 { float: left; width: 4.33333333333%; margin: 0 2%; }
.col-9-12 { float: left; width: 4.33333333333%; margin: 0 2%; }
.col-10-12 { float: left; width: 4.33333333333%; margin: 0 2%; }
.col-11-12 { float: left; width: 4.33333333333%; margin: 0 2%; }


/* 1/1 no margins */
.col-1-2-nm { float: left; width: 100%; }

/* 1/2 no margins */
.col-1-2-nm { float: left; width: 50%; }

/* 1/3 no margins */
.col-1-3-nm { float: left; width: 33.3333333333%; }
.col-2-3-nm { float: left; width: 66.6666666666%; }

/* 1/4 no margins */
.col-1-4-nm { float: left; width: 25%; }
.col-2-4-nm { float: left; width: 50%; }
.col-3-4-nm { float: left; width: 75%; }

/* 1/5 no margins */
.col-1-5-nm { float: left; width: 20%; }
.col-2-5-nm { float: left; width: 40%; }
.col-3-5-nm { float: left; width: 60%; }
.col-4-5-nm { float: left; width: 80%; }

/* 1/6 no margins */
.col-1-6-nm { float: left; width: 16.6666666667%; }
.col-2-6-nm { float: left; width: 33.3333333334%; }
.col-3-6-nm { float: left; width: 50.0000000001%; }
.col-4-6-nm { float: left; width: 66.6666666668%; }
.col-5-6-nm { float: left; width: 83.3333333335%; }

/* 1/7 no margins */
.col-1-7-nm { float: left; width: 14.2857142857%; }
.col-2-7-nm { float: left; width: 28.5714285714%; }
.col-3-7-nm { float: left; width: 42.8571428571%; }
.col-4-7-nm { float: left; width: 57.1428571428%; }
.col-5-7-nm { float: left; width: 71.4285714285%; }
.col-6-7-nm { float: left; width: 85.7142857142%; }

/* 1/8 no margins */
.col-1-8-nm { float: left; width: 12.5%; }
.col-2-8-nm { float: left; width: 25%; }
.col-3-8-nm { float: left; width: 37.5%; }
.col-4-8-nm { float: left; width: 50%; }
.col-5-8-nm { float: left; width: 62.5%; }
.col-6-8-nm { float: left; width: 75%; }
.col-7-8-nm { float: left; width: 87.5%; }

/* 1/12 no margins */
.col-1-12-nm { float: left; width: 8.33333333333%; }
.col-2-12-nm { float: left; width: 16.6666666667%; }
.col-3-12-nm { float: left; width: 25%; }
.col-4-12-nm { float: left; width: 33.3333333333%; }
.col-5-12-nm { float: left; width: 41.6666666667%; }
.col-6-12-nm { float: left; width: 50%; }
.col-7-12-nm { float: left; width: 58.3333333333%; }
.col-8-12-nm { float: left; width: 66.6666666666%; }
.col-9-12-nm { float: left; width: 75%; }
.col-10-12-nm { float: left; width: 83.3333333333%; }
.col-11-12-nm { float: left; width: 91.6666666666%; }


/* large screen */
	@media screen and (min-width: 1920px) {}
/* end large screen */


/* tablet landscape */
  @media screen and (max-width: 1024px) {
    .col-1-3,
    .col-2-3 { width: 96%; margin: 1em 2%; }
  }
/* end tablet landscape */

/* tablet portrait */
  @media screen and (max-width: 928px) {

    .row {width: 100%;}

    /* columns - with margin */
    .col-1-1,
    .col-1-2,
    .col-1-3, .col-2-3,
    .col-1-4, .col-2-4, .col-3-4,
    .col-1-5, .col-2-5, .col-3-5, .col-4-5,
    .col-1-6, .col-2-6, .col-3-6, .col-4-6, .col-5-6,
    .col-1-8, .col-2-8, .col-3-8, .col-4-8, .col-5-8, .col-6-8, .col-7-8,
    .col-1-12, .col-2-12, .col-3-12, .col-4-12, .col-5-12, .col-6-12, .col-7-12, .col-8-12, .col-9-12, .col-10-12, .col-11-12 { margin: 1em 2% !important; }

    .col-1-2, .column-half, .col-2-5 { width: 96%; margin: 0 2% !important; }

    .col-1-4,
    .col-3-4,
    .col-1-6,
    .column-quarter { width: 46% !important; }

    .col-1-5, .col-3-5 { width: 29.3333333333%; margin: 0 2%; }

    .col-1-8,
    .col-1-12 { width: 21% !important; }

    /* columns - without margin */
    .col-1-1-nm,
    .col-1-2-nm,
    .col-1-3-nm, .col-2-3-nm,
    .col-1-4-nm, .col-2-4-nm, .col-3-4-nm,
    .col-1-5-nm, .col-2-5-nm, .col-3-5-nm, .col-4-5-nm,
    .col-1-6-nm, .col-2-6-nm, .col-3-6-nm, .col-4-6-nm, .col-5-6-nm,
    .col-1-8-nm, .col-2-8-nm, .col-3-8-nm, .col-4-8-nm, .col-5-8-nm, .col-6-8-nm, .col-7-8-nm,
    .col-1-12-nm, .col-2-12-nm, .col-3-12-nm, .col-4-12-nm, .col-5-12-nm, .col-6-12-nm, .col-7-12-nm, .col-8-12-nm, .col-9-12-nm, .col-10-12-nm, .col-11-12-nm { margin: 0 !important; }

    .col-1-2-nm, .col-1-5-nm { width: 50%; }

    .col-1-4-nm,
    .col-3-4-nm,
    .col-1-6-nm { width: 50% !important; }

    .col-1-3-nm { width: 100% !important; }

    .col-1-8-nm,
    .col-1-12-nm { width: 25% !important; }

     #wrapper-header .col-1-1 { margin: 0em 2% !important; }


  }
/* end tablet portrait */

/* mobile */
  @media screen and (max-width: 640px) {
    .col-1-3,
    .col-2-3,
    .col-1-6,
    .col-2-6,
    .col-4-6,
    .col-1-4,
    .col-3-4,
    .col-1-5,
    .col-1-6 { width: 96% !important; margin: 2em 2%; }

    .col-1-3-nm,
    .col-2-3-nm,
    .col-1-6-nm,
    .col-2-6-nm,
    .col-3-4-nm,
    .col-1-4-nm,
    .col-4-6-nm,
    .col-1-2-nm { width: 100% !important; }

    .col-1-6-nm { width: 50% !important; }
  }
/* end mobile */