/* Backdrop CSS Grid  by Frieze Design (www.friezedesign.co.uk)*/

/* Basic Reset */

html, body, div, iframe, h1, h2, h3, h4, h5, h6, p{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

/* Reset Box Sizing */

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

/* The Grid
================================================== */
/*CSS Grid*/

/* CSS Variables */
:root {
  --wrapper-width : 1240px;
}

@media (min-width: 850px) {
.grid-parent {
 max-width: var(--wrapper-width); /* Change Grid Parent Max Width */ 
 margin:0 auto;
 display: grid;
 grid-template-columns: repeat(12, 1fr );
 margin-bottom: 12px;
}
.zero-grid-margin {
 margin-bottom: 0; /* Sometimes you might want to use this class when nesting Grids */
}

/*Column Spans */
.c12 {grid-column-end: span 12;}.c11 { grid-column-end: span 11; }.c10 {grid-column-end: span 10;}.c9 {grid-column-end: span 9;}.c8 {grid-column-end: span 8;}.c7 {grid-column-end: span 7;}.c6 {grid-column-end: span 6;}.c5 {grid-column-end: span 5;}.c4 {grid-column-end: span 4;}.c3 {grid-column-end: span 3;}.c2 {grid-column-end: span 2;}.c1 {grid-column-end: span 1;}
/* Row Spans */
.r12 {grid-row-end: span 12;}.r11 { grid-row-end: span 11; }.r10 {grid-row-end: span 10;}.r9 {grid-row-end: span 9;}.r8 {grid-row-end: span 8;}.r7 {grid-row-end: span 7;}.r6 {grid-row-end: span 6;}.r5 {grid-row-end: span 5;}.r4 {grid-row-end: span 4;}.r3 {grid-row-end: span 3;}.r2 {grid-row-end: span 2;}.r1 {grid-row-end: span 1;}
/* Column Start Positions*/
.c-st12 {grid-column-start: 12;}.c-st11 {grid-column-start: 11;}.c-st10 {grid-column-start: 10;}.c-st9 {grid-column-start: 9;}.c-st8 {grid-column-start: 8;}.c-st7 {grid-column-start: 7;}.c-st6 {grid-column-start: 6;}.c-st5 {grid-column-start: 5;}.c-st4 {grid-column-start: 4;}.c-st3 {grid-column-start: 3;}.c-st2 {grid-column-start: 2;}.c-st1{grid-column-start: 1;}
/* Row Start Positions  - up to 16. Add more if required or start a new grid parent element */
.r-st16 {grid-row-start: 16;}.r-st15 {grid-row-start: 15;}.r-st14 {grid-row-start: 14;}.r-st13 {grid-row-start: 13;}.r-st12 {grid-row-start: 12;}.r-st11 {grid-row-start: 11;}.r-st10 {grid-row-start: 10;}.r-st9 {grid-row-start: 9;}.r-st8 {grid-row-start: 8;}.r-st7 {grid-row-start: 7;}.r-st6 {grid-row-start: 6;}.r-st5 {grid-row-start: 5;}.r-st4 {grid-row-start: 4;}.r-st3 {grid-row-start: 3;}.r-st2 {grid-row-start: 2;}.r-st1 {grid-row-start: 1;}

.row-gap {
  height: 26px;
}

} /* End of Media Query */

@media (max-width: 849px) {
.row-gap {
 height: 0;
 margin-top: -37px;
 padding: 0;
}
}
.grid-parent > *{
  padding: 22px 1.25rem 10px; 
}
.head > .grid-parent > *, .footer > .grid-parent > *{
  border: none;
}

.flex-col > * {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* align-items: center; */
}
/* last child align */
.lc {
  display: flex;
  flex-direction: column;
}
.lc *:last-child {
  margin-top: auto;
}