outgrid.css

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }

.background-green {
  background-color: #1cec00; }

.background-red {
  background-color: #b91818; }

.background-blue {
  background-color: #0066ec; }

.background-white {
  background-color: white; }

.overlay-greydient {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

@use "color";
.heading1 {
  font-size: 5.25vw;
  font-weight: 700; }

.heading2 {
  font-size: 4.5vw;
  font-weight: 700; }

.heading3 {
  font-size: 3.75vw;
  font-weight: 700; }

.heading4 {
  font-size: 3vw;
  font-weight: 700; }

.heading5 {
  font-size: 2.25vw;
  font-weight: 700; }

.heading6 {
  font-size: 1.5vw;
  font-weight: 700; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.bolder {
  font-weight: bolder; }

.text-white {
  color: white; }

.text-green {
  color: #1cec00; }

.text-red {
  color: #b91818; }

.text-blue {
  color: #0066ec; }

.text-black {
  color: #0c0c0c; }

/* ----------  Border  ---------- */
.bor-rad-1 {
  border-radius: 1px; }

.bor-rad-2 {
  border-radius: 2px; }

.bor-rad-3 {
  border-radius: 3px; }

.bor-rad-4 {
  border-radius: 4px; }

.bor-rad-5 {
  border-radius: 5px; }

.bor-rad-6 {
  border-radius: 6px; }

.bor-rad-7 {
  border-radius: 7px; }

.bor-rad-8 {
  border-radius: 8px; }

.bor-rad-9 {
  border-radius: 9px; }

.bor-rad-10 {
  border-radius: 10px; }

.bor-rad-11 {
  border-radius: 11px; }

.bor-rad-12 {
  border-radius: 12px; }

.bor-rad-13 {
  border-radius: 13px; }

.bor-rad-14 {
  border-radius: 14px; }

.bor-rad-15 {
  border-radius: 15px; }

.bor-rad-16 {
  border-radius: 16px; }

.bor-rad-17 {
  border-radius: 17px; }

.bor-rad-18 {
  border-radius: 18px; }

.bor-rad-19 {
  border-radius: 19px; }

.bor-rad-20 {
  border-radius: 20px; }

.bor-rad-21 {
  border-radius: 21px; }

.bor-rad-22 {
  border-radius: 22px; }

.bor-rad-23 {
  border-radius: 23px; }

.bor-rad-24 {
  border-radius: 24px; }

.bor-rad-25 {
  border-radius: 25px; }

.bor-rad-26 {
  border-radius: 26px; }

.bor-rad-27 {
  border-radius: 27px; }

.bor-rad-28 {
  border-radius: 28px; }

.bor-rad-29 {
  border-radius: 29px; }

.bor-rad-30 {
  border-radius: 30px; }

.bor-rad-31 {
  border-radius: 31px; }

.bor-rad-32 {
  border-radius: 32px; }

.bor-rad-33 {
  border-radius: 33px; }

.bor-rad-34 {
  border-radius: 34px; }

.bor-rad-35 {
  border-radius: 35px; }

.bor-rad-36 {
  border-radius: 36px; }

.bor-rad-37 {
  border-radius: 37px; }

.bor-rad-38 {
  border-radius: 38px; }

.bor-rad-39 {
  border-radius: 39px; }

.bor-rad-40 {
  border-radius: 40px; }

.bor-rad-41 {
  border-radius: 41px; }

.bor-rad-42 {
  border-radius: 42px; }

.bor-rad-43 {
  border-radius: 43px; }

.bor-rad-44 {
  border-radius: 44px; }

.bor-rad-45 {
  border-radius: 45px; }

.bor-rad-46 {
  border-radius: 46px; }

.bor-rad-47 {
  border-radius: 47px; }

.bor-rad-48 {
  border-radius: 48px; }

.bor-rad-49 {
  border-radius: 49px; }

.bor-rad-50 {
  border-radius: 50px; }

.d-flex {
  display: flex; }

.d-inline {
  display: inline; }

.d-inflex {
  display: inline-flex; }

.d-inblock {
  display: inline-block; }

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

.flex-col-rev {
  flex-direction: column-reverse; }

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

.flex-row-rev {
  flex-direction: row-reverse; }

@use '../color';
@use '../text';
.btn {
  padding: 10px;
  border-radius: 5px;
  display: block; }

.border {
  border: 1px solid #ddd; }

/* ----------  Start  ---------- */
.ais {
  align-items: start; }

.acs {
  align-content: start; }

.ass {
  align-self: start; }

.jcs {
  justify-content: start; }

.jis {
  justify-items: start; }

.jss {
  justify-self: start; }

/* ----------  Center  ---------- */
.aic {
  align-items: center; }

.acc {
  align-content: center; }

.asc {
  align-self: center; }

.jcc {
  justify-content: center; }

.jic {
  justify-items: center; }

.jsc {
  justify-self: center; }

/* ----------  End  ---------- */
.aie {
  align-items: end; }

.ace {
  align-content: end; }

.ase {
  align-self: end; }

.jce {
  justify-content: end; }

.jie {
  justify-items: end; }

.jse {
  justify-self: end; }

/* ----------  Justify  ---------- */
.jcsa {
  justify-content: space-around; }

.jcsb {
  justify-content: space-between; }

.jcse {
  justify-content: space-evenly; }

/* ----------  Text Align  ---------- */
.tal {
  text-align: left; }

.tac {
  text-align: center; }

.tar {
  text-align: right; }

/* ----------  Margin Tricks  ---------- */
.centered-margin {
  margin: 0 auto; }

.image-cover {
  height: 100%;
  width: 100%;
  object-fit: cover; }

.image-cover-center {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center; }

.image-cover-left {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left; }

.image-cover-right {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: right; }

.image-cover-center-top {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top; }

.image-cover-bottom {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: bottom; }

.image-span {
  grid-column: 1/-1;
  height: 100%;
  object-fit: cover; }

.nav-1 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(1, minmax(max-content, 1fr)); }

.nav-2 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(2, minmax(max-content, 1fr)); }

.nav-3 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(3, minmax(max-content, 1fr)); }

.nav-4 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(4, minmax(max-content, 1fr)); }

.nav-5 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(5, minmax(max-content, 1fr)); }

.nav-6 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(6, minmax(max-content, 1fr)); }

.nav-7 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(7, minmax(max-content, 1fr)); }

.nav-8 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(8, minmax(max-content, 1fr)); }

.nav-9 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(9, minmax(max-content, 1fr)); }

.nav-10 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(10, minmax(max-content, 1fr)); }

.nav-11 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(11, minmax(max-content, 1fr)); }

.nav-12 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(12, minmax(max-content, 1fr)); }

.nav-13 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(13, minmax(max-content, 1fr)); }

.nav-14 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(14, minmax(max-content, 1fr)); }

.nav-15 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(15, minmax(max-content, 1fr)); }

.nav-16 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(16, minmax(max-content, 1fr)); }

.nav-17 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(17, minmax(max-content, 1fr)); }

.nav-18 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(18, minmax(max-content, 1fr)); }

.nav-19 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(19, minmax(max-content, 1fr)); }

.nav-20 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(20, minmax(max-content, 1fr)); }

.nav-21 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(21, minmax(max-content, 1fr)); }

.nav-22 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(22, minmax(max-content, 1fr)); }

.nav-23 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(23, minmax(max-content, 1fr)); }

.nav-24 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(24, minmax(max-content, 1fr)); }

.nav-25 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(25, minmax(max-content, 1fr)); }

.nav-26 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(26, minmax(max-content, 1fr)); }

.nav-27 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(27, minmax(max-content, 1fr)); }

.nav-28 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(28, minmax(max-content, 1fr)); }

.nav-29 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(29, minmax(max-content, 1fr)); }

.nav-30 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(30, minmax(max-content, 1fr)); }

.nav-31 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(31, minmax(max-content, 1fr)); }

.nav-32 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(32, minmax(max-content, 1fr)); }

.nav-33 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(33, minmax(max-content, 1fr)); }

.nav-34 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(34, minmax(max-content, 1fr)); }

.nav-35 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(35, minmax(max-content, 1fr)); }

.nav-36 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(36, minmax(max-content, 1fr)); }

.nav-37 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(37, minmax(max-content, 1fr)); }

.nav-38 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(38, minmax(max-content, 1fr)); }

.nav-39 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(39, minmax(max-content, 1fr)); }

.nav-40 {
  display: grid;
  padding: 5px;
  grid-template-columns: repeat(40, minmax(max-content, 1fr)); }

.nav-grid-item {
  text-align: center;
  padding: 5px; }

.nav-grid-item-right {
  order: 2;
  text-align: center;
  padding: 5px; }

.border-left {
  border-left: 1px solid lightgrey; }

.border-right {
  border-right: 1px solid lightgrey; }

.nav-flex {
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px; }

.nav-flex-item {
  padding: 5px; }

.nav-flex-item-right {
  padding: 5px;
  float: right; }

.no-shrink {
  min-width: max-content; }

.rounded {
  border-radius: 50px; }

.no-decoration, .underline-nohover:hover, .hover-underline, .hover-underline-red, .hover-underline-black {
  text-decoration: none; }

.underline, .underline-red, .hover-underline-red:hover, .underline-black, .hover-underline-black:hover, .underline-nohover, .hover-underline:hover {
  text-decoration: underline; }

.underline-red, .hover-underline-red:hover {
  text-decoration-color: red; }

.underline-black, .hover-underline-black:hover {
  text-decoration-color: black; }

.hover-underline:hover, .hover-underline-red:hover, .hover-underline-black:hover {
  color: inherit; }

.blog-header {
  display: flex;
  flex-direction: row; }

.blog {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "blog-content"
 "blog-aside-left"
 "blog-aside-right"; }

.blog-content {
  grid-area: blog-content; }

.blog-column {
  grid-column: 1; }

.blog-aside-right {
  grid-area: blog-aside-right; }

.blog-aside-left {
  grid-area: blog-aside-left; }

@media screen and (min-width: 720px) {
  .blog-header {
    display: flex;
    flex-direction: row; }
  .blog {
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-areas: "blog-aside-left blog-content blog-aside-right"; }
  .blog-content {
    grid-area: blog-content; }
  .blog-column {
    grid-column: 1; }
  .blog-aside-right {
    grid-area: blog-aside-left; }
  .blog-aside-left {
    grid-area: blog-aside-right; } }

@media screen and (min-width: 1024px) {
  .blog-header {
    display: flex;
    flex-direction: row; }
  .blog {
    grid-template-columns: 1fr 4fr 1fr;
    grid-template-areas: "blog-aside-left blog-content blog-aside-right"; }
  .blog-content {
    grid-area: blog-content; }
  .blog-column {
    grid-column: 1; }
  .blog-aside-right {
    grid-area: blog-aside-left; }
  .blog-aside-left {
    grid-area: blog-aside-right; } }

@use 'layouts/grid';
.m-auto {
  margin: auto; }

.mx-auto {
  margin-left: auto;
  margin-right: auto; }

.my-auto {
  margin-top: auto;
  margin-bottom: auto; }

.gg-0 {
  gap: 0rem; }

.cg-0 {
  column-gap: 0rem; }

.rg-0 {
  row-gap: 0rem; }

.p-0 {
  padding: 0rem; }

.px-0 {
  padding-left: 0rem;
  padding-right: 0rem; }

.py-0 {
  padding-top: 0rem;
  padding-bottom: 0rem; }

.pt-0 {
  padding-top: 0rem; }

.pr-0 {
  padding-right: 0rem; }

.pb-0 {
  padding-bottom: 0rem; }

.pl-0 {
  padding-left: 0rem; }

.m-0 {
  margin: 0rem; }

.mx-0 {
  margin-left: 0rem;
  margin-right: 0rem; }

.my-0 {
  margin-top: 0rem;
  margin-bottom: 0rem; }

.mt-0 {
  margin-top: 0rem; }

.mr-0 {
  margin-right: 0rem; }

.mb-0 {
  margin-bottom: 0rem; }

.ml-0 {
  margin-left: 0rem; }

.m-n0 {
  margin: 0rem; }

.mx-n0 {
  margin-left: 0rem;
  margin-right: 0rem; }

.my-n0 {
  margin-top: 0rem;
  margin-bottom: 0rem; }

.mt-n0 {
  margin-top: 0rem; }

.mr-n0 {
  margin-right: 0rem; }

.mb-n0 {
  margin-bottom: 0rem; }

.ml-n0 {
  margin-left: 0rem; }

.gg-1 {
  gap: 0.5rem; }

.cg-1 {
  column-gap: 0.5rem; }

.rg-1 {
  row-gap: 0.5rem; }

.p-1 {
  padding: 0.5rem; }

.px-1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.py-1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.pt-1 {
  padding-top: 0.5rem; }

.pr-1 {
  padding-right: 0.5rem; }

.pb-1 {
  padding-bottom: 0.5rem; }

.pl-1 {
  padding-left: 0.5rem; }

.m-1 {
  margin: 0.5rem; }

.mx-1 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.my-1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.mt-1 {
  margin-top: 0.5rem; }

.mr-1 {
  margin-right: 0.5rem; }

.mb-1 {
  margin-bottom: 0.5rem; }

.ml-1 {
  margin-left: 0.5rem; }

.m-n1 {
  margin: -0.5rem; }

.mx-n1 {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.my-n1 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem; }

.mt-n1 {
  margin-top: -0.5rem; }

.mr-n1 {
  margin-right: -0.5rem; }

.mb-n1 {
  margin-bottom: -0.5rem; }

.ml-n1 {
  margin-left: -0.5rem; }

.gg-2 {
  gap: 1rem; }

.cg-2 {
  column-gap: 1rem; }

.rg-2 {
  row-gap: 1rem; }

.p-2 {
  padding: 1rem; }

.px-2 {
  padding-left: 1rem;
  padding-right: 1rem; }

.py-2 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.pt-2 {
  padding-top: 1rem; }

.pr-2 {
  padding-right: 1rem; }

.pb-2 {
  padding-bottom: 1rem; }

.pl-2 {
  padding-left: 1rem; }

.m-2 {
  margin: 1rem; }

.mx-2 {
  margin-left: 1rem;
  margin-right: 1rem; }

.my-2 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.mt-2 {
  margin-top: 1rem; }

.mr-2 {
  margin-right: 1rem; }

.mb-2 {
  margin-bottom: 1rem; }

.ml-2 {
  margin-left: 1rem; }

.m-n2 {
  margin: -1rem; }

.mx-n2 {
  margin-left: -1rem;
  margin-right: -1rem; }

.my-n2 {
  margin-top: -1rem;
  margin-bottom: -1rem; }

.mt-n2 {
  margin-top: -1rem; }

.mr-n2 {
  margin-right: -1rem; }

.mb-n2 {
  margin-bottom: -1rem; }

.ml-n2 {
  margin-left: -1rem; }

.gg-3 {
  gap: 1.5rem; }

.cg-3 {
  column-gap: 1.5rem; }

.rg-3 {
  row-gap: 1.5rem; }

.p-3 {
  padding: 1.5rem; }

.px-3 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.py-3 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.pt-3 {
  padding-top: 1.5rem; }

.pr-3 {
  padding-right: 1.5rem; }

.pb-3 {
  padding-bottom: 1.5rem; }

.pl-3 {
  padding-left: 1.5rem; }

.m-3 {
  margin: 1.5rem; }

.mx-3 {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

.my-3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.mt-3 {
  margin-top: 1.5rem; }

.mr-3 {
  margin-right: 1.5rem; }

.mb-3 {
  margin-bottom: 1.5rem; }

.ml-3 {
  margin-left: 1.5rem; }

.m-n3 {
  margin: -1.5rem; }

.mx-n3 {
  margin-left: -1.5rem;
  margin-right: -1.5rem; }

.my-n3 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem; }

.mt-n3 {
  margin-top: -1.5rem; }

.mr-n3 {
  margin-right: -1.5rem; }

.mb-n3 {
  margin-bottom: -1.5rem; }

.ml-n3 {
  margin-left: -1.5rem; }

.gg-4 {
  gap: 2rem; }

.cg-4 {
  column-gap: 2rem; }

.rg-4 {
  row-gap: 2rem; }

.p-4 {
  padding: 2rem; }

.px-4 {
  padding-left: 2rem;
  padding-right: 2rem; }

.py-4 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.pt-4 {
  padding-top: 2rem; }

.pr-4 {
  padding-right: 2rem; }

.pb-4 {
  padding-bottom: 2rem; }

.pl-4 {
  padding-left: 2rem; }

.m-4 {
  margin: 2rem; }

.mx-4 {
  margin-left: 2rem;
  margin-right: 2rem; }

.my-4 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.mt-4 {
  margin-top: 2rem; }

.mr-4 {
  margin-right: 2rem; }

.mb-4 {
  margin-bottom: 2rem; }

.ml-4 {
  margin-left: 2rem; }

.m-n4 {
  margin: -2rem; }

.mx-n4 {
  margin-left: -2rem;
  margin-right: -2rem; }

.my-n4 {
  margin-top: -2rem;
  margin-bottom: -2rem; }

.mt-n4 {
  margin-top: -2rem; }

.mr-n4 {
  margin-right: -2rem; }

.mb-n4 {
  margin-bottom: -2rem; }

.ml-n4 {
  margin-left: -2rem; }

.gg-5 {
  gap: 2.5rem; }

.cg-5 {
  column-gap: 2.5rem; }

.rg-5 {
  row-gap: 2.5rem; }

.p-5 {
  padding: 2.5rem; }

.px-5 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

.py-5 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.pt-5 {
  padding-top: 2.5rem; }

.pr-5 {
  padding-right: 2.5rem; }

.pb-5 {
  padding-bottom: 2.5rem; }

.pl-5 {
  padding-left: 2.5rem; }

.m-5 {
  margin: 2.5rem; }

.mx-5 {
  margin-left: 2.5rem;
  margin-right: 2.5rem; }

.my-5 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

.mt-5 {
  margin-top: 2.5rem; }

.mr-5 {
  margin-right: 2.5rem; }

.mb-5 {
  margin-bottom: 2.5rem; }

.ml-5 {
  margin-left: 2.5rem; }

.m-n5 {
  margin: -2.5rem; }

.mx-n5 {
  margin-left: -2.5rem;
  margin-right: -2.5rem; }

.my-n5 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem; }

.mt-n5 {
  margin-top: -2.5rem; }

.mr-n5 {
  margin-right: -2.5rem; }

.mb-n5 {
  margin-bottom: -2.5rem; }

.ml-n5 {
  margin-left: -2.5rem; }

.h0 {
  height: 0px; }

.w0 {
  width: 0px; }

.h1 {
  height: 1px; }

.w1 {
  width: 1px; }

.h2 {
  height: 2px; }

.w2 {
  width: 2px; }

.h3 {
  height: 3px; }

.w3 {
  width: 3px; }

.h4 {
  height: 4px; }

.w4 {
  width: 4px; }

.h5 {
  height: 5px; }

.w5 {
  width: 5px; }

.h6 {
  height: 6px; }

.w6 {
  width: 6px; }

.h7 {
  height: 7px; }

.w7 {
  width: 7px; }

.h8 {
  height: 8px; }

.w8 {
  width: 8px; }

.h9 {
  height: 9px; }

.w9 {
  width: 9px; }

.h10 {
  height: 10px; }

.w10 {
  width: 10px; }

.h11 {
  height: 11px; }

.w11 {
  width: 11px; }

.h12 {
  height: 12px; }

.w12 {
  width: 12px; }

.h13 {
  height: 13px; }

.w13 {
  width: 13px; }

.h14 {
  height: 14px; }

.w14 {
  width: 14px; }

.h15 {
  height: 15px; }

.w15 {
  width: 15px; }

.h16 {
  height: 16px; }

.w16 {
  width: 16px; }

.h17 {
  height: 17px; }

.w17 {
  width: 17px; }

.h18 {
  height: 18px; }

.w18 {
  width: 18px; }

.h19 {
  height: 19px; }

.w19 {
  width: 19px; }

.h20 {
  height: 20px; }

.w20 {
  width: 20px; }

.h21 {
  height: 21px; }

.w21 {
  width: 21px; }

.h22 {
  height: 22px; }

.w22 {
  width: 22px; }

.h23 {
  height: 23px; }

.w23 {
  width: 23px; }

.h24 {
  height: 24px; }

.w24 {
  width: 24px; }

.h25 {
  height: 25px; }

.w25 {
  width: 25px; }

.h26 {
  height: 26px; }

.w26 {
  width: 26px; }

.h27 {
  height: 27px; }

.w27 {
  width: 27px; }

.h28 {
  height: 28px; }

.w28 {
  width: 28px; }

.h29 {
  height: 29px; }

.w29 {
  width: 29px; }

.h30 {
  height: 30px; }

.w30 {
  width: 30px; }

.h31 {
  height: 31px; }

.w31 {
  width: 31px; }

.h32 {
  height: 32px; }

.w32 {
  width: 32px; }

.h33 {
  height: 33px; }

.w33 {
  width: 33px; }

.h34 {
  height: 34px; }

.w34 {
  width: 34px; }

.h35 {
  height: 35px; }

.w35 {
  width: 35px; }

.h36 {
  height: 36px; }

.w36 {
  width: 36px; }

.h37 {
  height: 37px; }

.w37 {
  width: 37px; }

.h38 {
  height: 38px; }

.w38 {
  width: 38px; }

.h39 {
  height: 39px; }

.w39 {
  width: 39px; }

.h40 {
  height: 40px; }

.w40 {
  width: 40px; }

.h41 {
  height: 41px; }

.w41 {
  width: 41px; }

.h42 {
  height: 42px; }

.w42 {
  width: 42px; }

.h43 {
  height: 43px; }

.w43 {
  width: 43px; }

.h44 {
  height: 44px; }

.w44 {
  width: 44px; }

.h45 {
  height: 45px; }

.w45 {
  width: 45px; }

.h46 {
  height: 46px; }

.w46 {
  width: 46px; }

.h47 {
  height: 47px; }

.w47 {
  width: 47px; }

.h48 {
  height: 48px; }

.w48 {
  width: 48px; }

.h49 {
  height: 49px; }

.w49 {
  width: 49px; }

.h50 {
  height: 50px; }

.w50 {
  width: 50px; }

.h51 {
  height: 51px; }

.w51 {
  width: 51px; }

.h52 {
  height: 52px; }

.w52 {
  width: 52px; }

.h53 {
  height: 53px; }

.w53 {
  width: 53px; }

.h54 {
  height: 54px; }

.w54 {
  width: 54px; }

.h55 {
  height: 55px; }

.w55 {
  width: 55px; }

.h56 {
  height: 56px; }

.w56 {
  width: 56px; }

.h57 {
  height: 57px; }

.w57 {
  width: 57px; }

.h58 {
  height: 58px; }

.w58 {
  width: 58px; }

.h59 {
  height: 59px; }

.w59 {
  width: 59px; }

.h60 {
  height: 60px; }

.w60 {
  width: 60px; }

.h61 {
  height: 61px; }

.w61 {
  width: 61px; }

.h62 {
  height: 62px; }

.w62 {
  width: 62px; }

.h63 {
  height: 63px; }

.w63 {
  width: 63px; }

.h64 {
  height: 64px; }

.w64 {
  width: 64px; }

.h65 {
  height: 65px; }

.w65 {
  width: 65px; }

.h66 {
  height: 66px; }

.w66 {
  width: 66px; }

.h67 {
  height: 67px; }

.w67 {
  width: 67px; }

.h68 {
  height: 68px; }

.w68 {
  width: 68px; }

.h69 {
  height: 69px; }

.w69 {
  width: 69px; }

.h70 {
  height: 70px; }

.w70 {
  width: 70px; }

.h71 {
  height: 71px; }

.w71 {
  width: 71px; }

.h72 {
  height: 72px; }

.w72 {
  width: 72px; }

.h73 {
  height: 73px; }

.w73 {
  width: 73px; }

.h74 {
  height: 74px; }

.w74 {
  width: 74px; }

.h75 {
  height: 75px; }

.w75 {
  width: 75px; }

.h76 {
  height: 76px; }

.w76 {
  width: 76px; }

.h77 {
  height: 77px; }

.w77 {
  width: 77px; }

.h78 {
  height: 78px; }

.w78 {
  width: 78px; }

.h79 {
  height: 79px; }

.w79 {
  width: 79px; }

.h80 {
  height: 80px; }

.w80 {
  width: 80px; }

.h81 {
  height: 81px; }

.w81 {
  width: 81px; }

.h82 {
  height: 82px; }

.w82 {
  width: 82px; }

.h83 {
  height: 83px; }

.w83 {
  width: 83px; }

.h84 {
  height: 84px; }

.w84 {
  width: 84px; }

.h85 {
  height: 85px; }

.w85 {
  width: 85px; }

.h86 {
  height: 86px; }

.w86 {
  width: 86px; }

.h87 {
  height: 87px; }

.w87 {
  width: 87px; }

.h88 {
  height: 88px; }

.w88 {
  width: 88px; }

.h89 {
  height: 89px; }

.w89 {
  width: 89px; }

.h90 {
  height: 90px; }

.w90 {
  width: 90px; }

.h91 {
  height: 91px; }

.w91 {
  width: 91px; }

.h92 {
  height: 92px; }

.w92 {
  width: 92px; }

.h93 {
  height: 93px; }

.w93 {
  width: 93px; }

.h94 {
  height: 94px; }

.w94 {
  width: 94px; }

.h95 {
  height: 95px; }

.w95 {
  width: 95px; }

.h96 {
  height: 96px; }

.w96 {
  width: 96px; }

.h97 {
  height: 97px; }

.w97 {
  width: 97px; }

.h98 {
  height: 98px; }

.w98 {
  width: 98px; }

.h99 {
  height: 99px; }

.w99 {
  width: 99px; }

.h100 {
  height: 100px; }

.w100 {
  width: 100px; }

.h101 {
  height: 101px; }

.w101 {
  width: 101px; }

.h102 {
  height: 102px; }

.w102 {
  width: 102px; }

.h103 {
  height: 103px; }

.w103 {
  width: 103px; }

.h104 {
  height: 104px; }

.w104 {
  width: 104px; }

.h105 {
  height: 105px; }

.w105 {
  width: 105px; }

.h106 {
  height: 106px; }

.w106 {
  width: 106px; }

.h107 {
  height: 107px; }

.w107 {
  width: 107px; }

.h108 {
  height: 108px; }

.w108 {
  width: 108px; }

.h109 {
  height: 109px; }

.w109 {
  width: 109px; }

.h110 {
  height: 110px; }

.w110 {
  width: 110px; }

.h111 {
  height: 111px; }

.w111 {
  width: 111px; }

.h112 {
  height: 112px; }

.w112 {
  width: 112px; }

.h113 {
  height: 113px; }

.w113 {
  width: 113px; }

.h114 {
  height: 114px; }

.w114 {
  width: 114px; }

.h115 {
  height: 115px; }

.w115 {
  width: 115px; }

.h116 {
  height: 116px; }

.w116 {
  width: 116px; }

.h117 {
  height: 117px; }

.w117 {
  width: 117px; }

.h118 {
  height: 118px; }

.w118 {
  width: 118px; }

.h119 {
  height: 119px; }

.w119 {
  width: 119px; }

.h120 {
  height: 120px; }

.w120 {
  width: 120px; }

.h121 {
  height: 121px; }

.w121 {
  width: 121px; }

.h122 {
  height: 122px; }

.w122 {
  width: 122px; }

.h123 {
  height: 123px; }

.w123 {
  width: 123px; }

.h124 {
  height: 124px; }

.w124 {
  width: 124px; }

.h125 {
  height: 125px; }

.w125 {
  width: 125px; }

.h126 {
  height: 126px; }

.w126 {
  width: 126px; }

.h127 {
  height: 127px; }

.w127 {
  width: 127px; }

.h128 {
  height: 128px; }

.w128 {
  width: 128px; }

.h129 {
  height: 129px; }

.w129 {
  width: 129px; }

.h130 {
  height: 130px; }

.w130 {
  width: 130px; }

.h131 {
  height: 131px; }

.w131 {
  width: 131px; }

.h132 {
  height: 132px; }

.w132 {
  width: 132px; }

.h133 {
  height: 133px; }

.w133 {
  width: 133px; }

.h134 {
  height: 134px; }

.w134 {
  width: 134px; }

.h135 {
  height: 135px; }

.w135 {
  width: 135px; }

.h136 {
  height: 136px; }

.w136 {
  width: 136px; }

.h137 {
  height: 137px; }

.w137 {
  width: 137px; }

.h138 {
  height: 138px; }

.w138 {
  width: 138px; }

.h139 {
  height: 139px; }

.w139 {
  width: 139px; }

.h140 {
  height: 140px; }

.w140 {
  width: 140px; }

.h141 {
  height: 141px; }

.w141 {
  width: 141px; }

.h142 {
  height: 142px; }

.w142 {
  width: 142px; }

.h143 {
  height: 143px; }

.w143 {
  width: 143px; }

.h144 {
  height: 144px; }

.w144 {
  width: 144px; }

.h145 {
  height: 145px; }

.w145 {
  width: 145px; }

.h146 {
  height: 146px; }

.w146 {
  width: 146px; }

.h147 {
  height: 147px; }

.w147 {
  width: 147px; }

.h148 {
  height: 148px; }

.w148 {
  width: 148px; }

.h149 {
  height: 149px; }

.w149 {
  width: 149px; }

.h150 {
  height: 150px; }

.w150 {
  width: 150px; }

.h151 {
  height: 151px; }

.w151 {
  width: 151px; }

.h152 {
  height: 152px; }

.w152 {
  width: 152px; }

.h153 {
  height: 153px; }

.w153 {
  width: 153px; }

.h154 {
  height: 154px; }

.w154 {
  width: 154px; }

.h155 {
  height: 155px; }

.w155 {
  width: 155px; }

.h156 {
  height: 156px; }

.w156 {
  width: 156px; }

.h157 {
  height: 157px; }

.w157 {
  width: 157px; }

.h158 {
  height: 158px; }

.w158 {
  width: 158px; }

.h159 {
  height: 159px; }

.w159 {
  width: 159px; }

.h160 {
  height: 160px; }

.w160 {
  width: 160px; }

.h161 {
  height: 161px; }

.w161 {
  width: 161px; }

.h162 {
  height: 162px; }

.w162 {
  width: 162px; }

.h163 {
  height: 163px; }

.w163 {
  width: 163px; }

.h164 {
  height: 164px; }

.w164 {
  width: 164px; }

.h165 {
  height: 165px; }

.w165 {
  width: 165px; }

.h166 {
  height: 166px; }

.w166 {
  width: 166px; }

.h167 {
  height: 167px; }

.w167 {
  width: 167px; }

.h168 {
  height: 168px; }

.w168 {
  width: 168px; }

.h169 {
  height: 169px; }

.w169 {
  width: 169px; }

.h170 {
  height: 170px; }

.w170 {
  width: 170px; }

.h171 {
  height: 171px; }

.w171 {
  width: 171px; }

.h172 {
  height: 172px; }

.w172 {
  width: 172px; }

.h173 {
  height: 173px; }

.w173 {
  width: 173px; }

.h174 {
  height: 174px; }

.w174 {
  width: 174px; }

.h175 {
  height: 175px; }

.w175 {
  width: 175px; }

.h176 {
  height: 176px; }

.w176 {
  width: 176px; }

.h177 {
  height: 177px; }

.w177 {
  width: 177px; }

.h178 {
  height: 178px; }

.w178 {
  width: 178px; }

.h179 {
  height: 179px; }

.w179 {
  width: 179px; }

.h180 {
  height: 180px; }

.w180 {
  width: 180px; }

.h181 {
  height: 181px; }

.w181 {
  width: 181px; }

.h182 {
  height: 182px; }

.w182 {
  width: 182px; }

.h183 {
  height: 183px; }

.w183 {
  width: 183px; }

.h184 {
  height: 184px; }

.w184 {
  width: 184px; }

.h185 {
  height: 185px; }

.w185 {
  width: 185px; }

.h186 {
  height: 186px; }

.w186 {
  width: 186px; }

.h187 {
  height: 187px; }

.w187 {
  width: 187px; }

.h188 {
  height: 188px; }

.w188 {
  width: 188px; }

.h189 {
  height: 189px; }

.w189 {
  width: 189px; }

.h190 {
  height: 190px; }

.w190 {
  width: 190px; }

.h191 {
  height: 191px; }

.w191 {
  width: 191px; }

.h192 {
  height: 192px; }

.w192 {
  width: 192px; }

.h193 {
  height: 193px; }

.w193 {
  width: 193px; }

.h194 {
  height: 194px; }

.w194 {
  width: 194px; }

.h195 {
  height: 195px; }

.w195 {
  width: 195px; }

.h196 {
  height: 196px; }

.w196 {
  width: 196px; }

.h197 {
  height: 197px; }

.w197 {
  width: 197px; }

.h198 {
  height: 198px; }

.w198 {
  width: 198px; }

.h199 {
  height: 199px; }

.w199 {
  width: 199px; }

.h200 {
  height: 200px; }

.w200 {
  width: 200px; }

.h201 {
  height: 201px; }

.w201 {
  width: 201px; }

.h202 {
  height: 202px; }

.w202 {
  width: 202px; }

.h203 {
  height: 203px; }

.w203 {
  width: 203px; }

.h204 {
  height: 204px; }

.w204 {
  width: 204px; }

.h205 {
  height: 205px; }

.w205 {
  width: 205px; }

.h206 {
  height: 206px; }

.w206 {
  width: 206px; }

.h207 {
  height: 207px; }

.w207 {
  width: 207px; }

.h208 {
  height: 208px; }

.w208 {
  width: 208px; }

.h209 {
  height: 209px; }

.w209 {
  width: 209px; }

.h210 {
  height: 210px; }

.w210 {
  width: 210px; }

.h211 {
  height: 211px; }

.w211 {
  width: 211px; }

.h212 {
  height: 212px; }

.w212 {
  width: 212px; }

.h213 {
  height: 213px; }

.w213 {
  width: 213px; }

.h214 {
  height: 214px; }

.w214 {
  width: 214px; }

.h215 {
  height: 215px; }

.w215 {
  width: 215px; }

.h216 {
  height: 216px; }

.w216 {
  width: 216px; }

.h217 {
  height: 217px; }

.w217 {
  width: 217px; }

.h218 {
  height: 218px; }

.w218 {
  width: 218px; }

.h219 {
  height: 219px; }

.w219 {
  width: 219px; }

.h220 {
  height: 220px; }

.w220 {
  width: 220px; }

.h221 {
  height: 221px; }

.w221 {
  width: 221px; }

.h222 {
  height: 222px; }

.w222 {
  width: 222px; }

.h223 {
  height: 223px; }

.w223 {
  width: 223px; }

.h224 {
  height: 224px; }

.w224 {
  width: 224px; }

.h225 {
  height: 225px; }

.w225 {
  width: 225px; }

.h226 {
  height: 226px; }

.w226 {
  width: 226px; }

.h227 {
  height: 227px; }

.w227 {
  width: 227px; }

.h228 {
  height: 228px; }

.w228 {
  width: 228px; }

.h229 {
  height: 229px; }

.w229 {
  width: 229px; }

.h230 {
  height: 230px; }

.w230 {
  width: 230px; }

.h231 {
  height: 231px; }

.w231 {
  width: 231px; }

.h232 {
  height: 232px; }

.w232 {
  width: 232px; }

.h233 {
  height: 233px; }

.w233 {
  width: 233px; }

.h234 {
  height: 234px; }

.w234 {
  width: 234px; }

.h235 {
  height: 235px; }

.w235 {
  width: 235px; }

.h236 {
  height: 236px; }

.w236 {
  width: 236px; }

.h237 {
  height: 237px; }

.w237 {
  width: 237px; }

.h238 {
  height: 238px; }

.w238 {
  width: 238px; }

.h239 {
  height: 239px; }

.w239 {
  width: 239px; }

.h240 {
  height: 240px; }

.w240 {
  width: 240px; }

.h241 {
  height: 241px; }

.w241 {
  width: 241px; }

.h242 {
  height: 242px; }

.w242 {
  width: 242px; }

.h243 {
  height: 243px; }

.w243 {
  width: 243px; }

.h244 {
  height: 244px; }

.w244 {
  width: 244px; }

.h245 {
  height: 245px; }

.w245 {
  width: 245px; }

.h246 {
  height: 246px; }

.w246 {
  width: 246px; }

.h247 {
  height: 247px; }

.w247 {
  width: 247px; }

.h248 {
  height: 248px; }

.w248 {
  width: 248px; }

.h249 {
  height: 249px; }

.w249 {
  width: 249px; }

.h250 {
  height: 250px; }

.w250 {
  width: 250px; }

@media screen and (min-width: 720px) {
  .m-md-auto {
    margin: auto; }
  .mx-md-auto {
    margin-left: auto;
    margin-right: auto; }
  .my-md-auto {
    margin-top: auto;
    margin-bottom: auto; } }

@media screen and (min-width: 1024px) {
  .m-lg-auto {
    margin: auto; }
  .mx-lg-auto {
    margin-left: auto;
    margin-right: auto; }
  .my-lg-auto {
    margin-top: auto;
    margin-bottom: auto; } }

/* ----------  Container  ---------- */
.d-grid {
  display: grid; }

.d-sm-grid {
  display: grid; }

.container {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-percentage {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 8%);
  grid-template-rows: repeat(12, 8%); }

.container-auto-rows {
  display: grid;
  height: 100%;
  grid-auto-rows: auto;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.aut {
  grid-auto-rows: auto; }

.autoflow-dense {
  grid-auto-flow: dense; }

.autofit-5 {
  grid-template-columns: repeat(auto-fit, minmax(5px, 1fr)); }

.autofill-5 {
  grid-template-columns: repeat(auto-fill, minmax(5px, 1fr)); }

.autofit-sm-5 {
  grid-template-columns: repeat(auto-fit, minmax(5px, 1fr)); }

.autofill-sm-5 {
  grid-template-columns: repeat(auto-fill, minmax(5px, 1fr)); }

.autofit-10 {
  grid-template-columns: repeat(auto-fit, minmax(10px, 1fr)); }

.autofill-10 {
  grid-template-columns: repeat(auto-fill, minmax(10px, 1fr)); }

.autofit-sm-10 {
  grid-template-columns: repeat(auto-fit, minmax(10px, 1fr)); }

.autofill-sm-10 {
  grid-template-columns: repeat(auto-fill, minmax(10px, 1fr)); }

.autofit-15 {
  grid-template-columns: repeat(auto-fit, minmax(15px, 1fr)); }

.autofill-15 {
  grid-template-columns: repeat(auto-fill, minmax(15px, 1fr)); }

.autofit-sm-15 {
  grid-template-columns: repeat(auto-fit, minmax(15px, 1fr)); }

.autofill-sm-15 {
  grid-template-columns: repeat(auto-fill, minmax(15px, 1fr)); }

.autofit-20 {
  grid-template-columns: repeat(auto-fit, minmax(20px, 1fr)); }

.autofill-20 {
  grid-template-columns: repeat(auto-fill, minmax(20px, 1fr)); }

.autofit-sm-20 {
  grid-template-columns: repeat(auto-fit, minmax(20px, 1fr)); }

.autofill-sm-20 {
  grid-template-columns: repeat(auto-fill, minmax(20px, 1fr)); }

.autofit-25 {
  grid-template-columns: repeat(auto-fit, minmax(25px, 1fr)); }

.autofill-25 {
  grid-template-columns: repeat(auto-fill, minmax(25px, 1fr)); }

.autofit-sm-25 {
  grid-template-columns: repeat(auto-fit, minmax(25px, 1fr)); }

.autofill-sm-25 {
  grid-template-columns: repeat(auto-fill, minmax(25px, 1fr)); }

.autofit-30 {
  grid-template-columns: repeat(auto-fit, minmax(30px, 1fr)); }

.autofill-30 {
  grid-template-columns: repeat(auto-fill, minmax(30px, 1fr)); }

.autofit-sm-30 {
  grid-template-columns: repeat(auto-fit, minmax(30px, 1fr)); }

.autofill-sm-30 {
  grid-template-columns: repeat(auto-fill, minmax(30px, 1fr)); }

.autofit-35 {
  grid-template-columns: repeat(auto-fit, minmax(35px, 1fr)); }

.autofill-35 {
  grid-template-columns: repeat(auto-fill, minmax(35px, 1fr)); }

.autofit-sm-35 {
  grid-template-columns: repeat(auto-fit, minmax(35px, 1fr)); }

.autofill-sm-35 {
  grid-template-columns: repeat(auto-fill, minmax(35px, 1fr)); }

.autofit-40 {
  grid-template-columns: repeat(auto-fit, minmax(40px, 1fr)); }

.autofill-40 {
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); }

.autofit-sm-40 {
  grid-template-columns: repeat(auto-fit, minmax(40px, 1fr)); }

.autofill-sm-40 {
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); }

.autofit-45 {
  grid-template-columns: repeat(auto-fit, minmax(45px, 1fr)); }

.autofill-45 {
  grid-template-columns: repeat(auto-fill, minmax(45px, 1fr)); }

.autofit-sm-45 {
  grid-template-columns: repeat(auto-fit, minmax(45px, 1fr)); }

.autofill-sm-45 {
  grid-template-columns: repeat(auto-fill, minmax(45px, 1fr)); }

.autofit-50 {
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); }

.autofill-50 {
  grid-template-columns: repeat(auto-fill, minmax(50px, 1fr)); }

.autofit-sm-50 {
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); }

.autofill-sm-50 {
  grid-template-columns: repeat(auto-fill, minmax(50px, 1fr)); }

.autofit-55 {
  grid-template-columns: repeat(auto-fit, minmax(55px, 1fr)); }

.autofill-55 {
  grid-template-columns: repeat(auto-fill, minmax(55px, 1fr)); }

.autofit-sm-55 {
  grid-template-columns: repeat(auto-fit, minmax(55px, 1fr)); }

.autofill-sm-55 {
  grid-template-columns: repeat(auto-fill, minmax(55px, 1fr)); }

.autofit-60 {
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); }

.autofill-60 {
  grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); }

.autofit-sm-60 {
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); }

.autofill-sm-60 {
  grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); }

.autofit-65 {
  grid-template-columns: repeat(auto-fit, minmax(65px, 1fr)); }

.autofill-65 {
  grid-template-columns: repeat(auto-fill, minmax(65px, 1fr)); }

.autofit-sm-65 {
  grid-template-columns: repeat(auto-fit, minmax(65px, 1fr)); }

.autofill-sm-65 {
  grid-template-columns: repeat(auto-fill, minmax(65px, 1fr)); }

.autofit-70 {
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); }

.autofill-70 {
  grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); }

.autofit-sm-70 {
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); }

.autofill-sm-70 {
  grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); }

.autofit-75 {
  grid-template-columns: repeat(auto-fit, minmax(75px, 1fr)); }

.autofill-75 {
  grid-template-columns: repeat(auto-fill, minmax(75px, 1fr)); }

.autofit-sm-75 {
  grid-template-columns: repeat(auto-fit, minmax(75px, 1fr)); }

.autofill-sm-75 {
  grid-template-columns: repeat(auto-fill, minmax(75px, 1fr)); }

.autofit-80 {
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); }

.autofill-80 {
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); }

.autofit-sm-80 {
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); }

.autofill-sm-80 {
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); }

.autofit-85 {
  grid-template-columns: repeat(auto-fit, minmax(85px, 1fr)); }

.autofill-85 {
  grid-template-columns: repeat(auto-fill, minmax(85px, 1fr)); }

.autofit-sm-85 {
  grid-template-columns: repeat(auto-fit, minmax(85px, 1fr)); }

.autofill-sm-85 {
  grid-template-columns: repeat(auto-fill, minmax(85px, 1fr)); }

.autofit-90 {
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); }

.autofill-90 {
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); }

.autofit-sm-90 {
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); }

.autofill-sm-90 {
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); }

.autofit-95 {
  grid-template-columns: repeat(auto-fit, minmax(95px, 1fr)); }

.autofill-95 {
  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)); }

.autofit-sm-95 {
  grid-template-columns: repeat(auto-fit, minmax(95px, 1fr)); }

.autofill-sm-95 {
  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)); }

.autofit-100 {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }

.autofill-100 {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }

.autofit-sm-100 {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }

.autofill-sm-100 {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }

.autofit-105 {
  grid-template-columns: repeat(auto-fit, minmax(105px, 1fr)); }

.autofill-105 {
  grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)); }

.autofit-sm-105 {
  grid-template-columns: repeat(auto-fit, minmax(105px, 1fr)); }

.autofill-sm-105 {
  grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)); }

.autofit-110 {
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }

.autofill-110 {
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }

.autofit-sm-110 {
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }

.autofill-sm-110 {
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }

.autofit-115 {
  grid-template-columns: repeat(auto-fit, minmax(115px, 1fr)); }

.autofill-115 {
  grid-template-columns: repeat(auto-fill, minmax(115px, 1fr)); }

.autofit-sm-115 {
  grid-template-columns: repeat(auto-fit, minmax(115px, 1fr)); }

.autofill-sm-115 {
  grid-template-columns: repeat(auto-fill, minmax(115px, 1fr)); }

.autofit-120 {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }

.autofill-120 {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }

.autofit-sm-120 {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }

.autofill-sm-120 {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }

.autofit-125 {
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); }

.autofill-125 {
  grid-template-columns: repeat(auto-fill, minmax(125px, 1fr)); }

.autofit-sm-125 {
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); }

.autofill-sm-125 {
  grid-template-columns: repeat(auto-fill, minmax(125px, 1fr)); }

.autofit-130 {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }

.autofill-130 {
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }

.autofit-sm-130 {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }

.autofill-sm-130 {
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }

.autofit-135 {
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); }

.autofill-135 {
  grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)); }

.autofit-sm-135 {
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); }

.autofill-sm-135 {
  grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)); }

.autofit-140 {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }

.autofill-140 {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }

.autofit-sm-140 {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }

.autofill-sm-140 {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }

.autofit-145 {
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); }

.autofill-145 {
  grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); }

.autofit-sm-145 {
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); }

.autofill-sm-145 {
  grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); }

.autofit-150 {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }

.autofill-150 {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }

.autofit-sm-150 {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }

.autofill-sm-150 {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }

.autofit-155 {
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); }

.autofill-155 {
  grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); }

.autofit-sm-155 {
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); }

.autofill-sm-155 {
  grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); }

.autofit-160 {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }

.autofill-160 {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }

.autofit-sm-160 {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }

.autofill-sm-160 {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }

.autofit-165 {
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); }

.autofill-165 {
  grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); }

.autofit-sm-165 {
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); }

.autofill-sm-165 {
  grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); }

.autofit-170 {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }

.autofill-170 {
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }

.autofit-sm-170 {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }

.autofill-sm-170 {
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }

.autofit-175 {
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); }

.autofill-175 {
  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); }

.autofit-sm-175 {
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); }

.autofill-sm-175 {
  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); }

.autofit-180 {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }

.autofill-180 {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }

.autofit-sm-180 {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }

.autofill-sm-180 {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }

.autofit-185 {
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); }

.autofill-185 {
  grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); }

.autofit-sm-185 {
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); }

.autofill-sm-185 {
  grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); }

.autofit-190 {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }

.autofill-190 {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }

.autofit-sm-190 {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }

.autofill-sm-190 {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }

.autofit-195 {
  grid-template-columns: repeat(auto-fit, minmax(195px, 1fr)); }

.autofill-195 {
  grid-template-columns: repeat(auto-fill, minmax(195px, 1fr)); }

.autofit-sm-195 {
  grid-template-columns: repeat(auto-fit, minmax(195px, 1fr)); }

.autofill-sm-195 {
  grid-template-columns: repeat(auto-fill, minmax(195px, 1fr)); }

.autofit-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }

.autofill-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

.autofit-sm-200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }

.autofill-sm-200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

.autofit-205 {
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); }

.autofill-205 {
  grid-template-columns: repeat(auto-fill, minmax(205px, 1fr)); }

.autofit-sm-205 {
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); }

.autofill-sm-205 {
  grid-template-columns: repeat(auto-fill, minmax(205px, 1fr)); }

.autofit-210 {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }

.autofill-210 {
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }

.autofit-sm-210 {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }

.autofill-sm-210 {
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }

.autofit-215 {
  grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); }

.autofill-215 {
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); }

.autofit-sm-215 {
  grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); }

.autofill-sm-215 {
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); }

.autofit-220 {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

.autofill-220 {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }

.autofit-sm-220 {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

.autofill-sm-220 {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }

.autofit-225 {
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr)); }

.autofill-225 {
  grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); }

.autofit-sm-225 {
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr)); }

.autofill-sm-225 {
  grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); }

.autofit-230 {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }

.autofill-230 {
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }

.autofit-sm-230 {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }

.autofill-sm-230 {
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }

.autofit-235 {
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)); }

.autofill-235 {
  grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); }

.autofit-sm-235 {
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)); }

.autofill-sm-235 {
  grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); }

.autofit-240 {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }

.autofill-240 {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

.autofit-sm-240 {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }

.autofill-sm-240 {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

.autofit-245 {
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); }

.autofill-245 {
  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)); }

.autofit-sm-245 {
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); }

.autofill-sm-245 {
  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)); }

.autofit-250 {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }

.autofill-250 {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }

.autofit-sm-250 {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }

.autofill-sm-250 {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }

.autofit-255 {
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)); }

.autofill-255 {
  grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); }

.autofit-sm-255 {
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)); }

.autofill-sm-255 {
  grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); }

.autofit-260 {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

.autofill-260 {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }

.autofit-sm-260 {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

.autofill-sm-260 {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }

.autofit-265 {
  grid-template-columns: repeat(auto-fit, minmax(265px, 1fr)); }

.autofill-265 {
  grid-template-columns: repeat(auto-fill, minmax(265px, 1fr)); }

.autofit-sm-265 {
  grid-template-columns: repeat(auto-fit, minmax(265px, 1fr)); }

.autofill-sm-265 {
  grid-template-columns: repeat(auto-fill, minmax(265px, 1fr)); }

.autofit-270 {
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); }

.autofill-270 {
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }

.autofit-sm-270 {
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); }

.autofill-sm-270 {
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }

.autofit-275 {
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr)); }

.autofill-275 {
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); }

.autofit-sm-275 {
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr)); }

.autofill-sm-275 {
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); }

.autofit-280 {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }

.autofill-280 {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }

.autofit-sm-280 {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }

.autofill-sm-280 {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }

.autofit-285 {
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)); }

.autofill-285 {
  grid-template-columns: repeat(auto-fill, minmax(285px, 1fr)); }

.autofit-sm-285 {
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)); }

.autofill-sm-285 {
  grid-template-columns: repeat(auto-fill, minmax(285px, 1fr)); }

.autofit-290 {
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); }

.autofill-290 {
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); }

.autofit-sm-290 {
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); }

.autofill-sm-290 {
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); }

.autofit-295 {
  grid-template-columns: repeat(auto-fit, minmax(295px, 1fr)); }

.autofill-295 {
  grid-template-columns: repeat(auto-fill, minmax(295px, 1fr)); }

.autofit-sm-295 {
  grid-template-columns: repeat(auto-fit, minmax(295px, 1fr)); }

.autofill-sm-295 {
  grid-template-columns: repeat(auto-fill, minmax(295px, 1fr)); }

.autofit-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }

.autofill-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

.autofit-sm-300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }

.autofill-sm-300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

.autofit-305 {
  grid-template-columns: repeat(auto-fit, minmax(305px, 1fr)); }

.autofill-305 {
  grid-template-columns: repeat(auto-fill, minmax(305px, 1fr)); }

.autofit-sm-305 {
  grid-template-columns: repeat(auto-fit, minmax(305px, 1fr)); }

.autofill-sm-305 {
  grid-template-columns: repeat(auto-fill, minmax(305px, 1fr)); }

.autofit-310 {
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); }

.autofill-310 {
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); }

.autofit-sm-310 {
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); }

.autofill-sm-310 {
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); }

.autofit-315 {
  grid-template-columns: repeat(auto-fit, minmax(315px, 1fr)); }

.autofill-315 {
  grid-template-columns: repeat(auto-fill, minmax(315px, 1fr)); }

.autofit-sm-315 {
  grid-template-columns: repeat(auto-fit, minmax(315px, 1fr)); }

.autofill-sm-315 {
  grid-template-columns: repeat(auto-fill, minmax(315px, 1fr)); }

.autofit-320 {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }

.autofill-320 {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }

.autofit-sm-320 {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }

.autofill-sm-320 {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }

.autofit-325 {
  grid-template-columns: repeat(auto-fit, minmax(325px, 1fr)); }

.autofill-325 {
  grid-template-columns: repeat(auto-fill, minmax(325px, 1fr)); }

.autofit-sm-325 {
  grid-template-columns: repeat(auto-fit, minmax(325px, 1fr)); }

.autofill-sm-325 {
  grid-template-columns: repeat(auto-fill, minmax(325px, 1fr)); }

.autofit-330 {
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); }

.autofill-330 {
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); }

.autofit-sm-330 {
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); }

.autofill-sm-330 {
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); }

.autofit-335 {
  grid-template-columns: repeat(auto-fit, minmax(335px, 1fr)); }

.autofill-335 {
  grid-template-columns: repeat(auto-fill, minmax(335px, 1fr)); }

.autofit-sm-335 {
  grid-template-columns: repeat(auto-fit, minmax(335px, 1fr)); }

.autofill-sm-335 {
  grid-template-columns: repeat(auto-fill, minmax(335px, 1fr)); }

.autofit-340 {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }

.autofill-340 {
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }

.autofit-sm-340 {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }

.autofill-sm-340 {
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }

.autofit-345 {
  grid-template-columns: repeat(auto-fit, minmax(345px, 1fr)); }

.autofill-345 {
  grid-template-columns: repeat(auto-fill, minmax(345px, 1fr)); }

.autofit-sm-345 {
  grid-template-columns: repeat(auto-fit, minmax(345px, 1fr)); }

.autofill-sm-345 {
  grid-template-columns: repeat(auto-fill, minmax(345px, 1fr)); }

.autofit-350 {
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); }

.autofill-350 {
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); }

.autofit-sm-350 {
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); }

.autofill-sm-350 {
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); }

.autofit-355 {
  grid-template-columns: repeat(auto-fit, minmax(355px, 1fr)); }

.autofill-355 {
  grid-template-columns: repeat(auto-fill, minmax(355px, 1fr)); }

.autofit-sm-355 {
  grid-template-columns: repeat(auto-fit, minmax(355px, 1fr)); }

.autofill-sm-355 {
  grid-template-columns: repeat(auto-fill, minmax(355px, 1fr)); }

.autofit-360 {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); }

.autofill-360 {
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); }

.autofit-sm-360 {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); }

.autofill-sm-360 {
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); }

.autofit-365 {
  grid-template-columns: repeat(auto-fit, minmax(365px, 1fr)); }

.autofill-365 {
  grid-template-columns: repeat(auto-fill, minmax(365px, 1fr)); }

.autofit-sm-365 {
  grid-template-columns: repeat(auto-fit, minmax(365px, 1fr)); }

.autofill-sm-365 {
  grid-template-columns: repeat(auto-fill, minmax(365px, 1fr)); }

.autofit-370 {
  grid-template-columns: repeat(auto-fit, minmax(370px, 1fr)); }

.autofill-370 {
  grid-template-columns: repeat(auto-fill, minmax(370px, 1fr)); }

.autofit-sm-370 {
  grid-template-columns: repeat(auto-fit, minmax(370px, 1fr)); }

.autofill-sm-370 {
  grid-template-columns: repeat(auto-fill, minmax(370px, 1fr)); }

.autofit-375 {
  grid-template-columns: repeat(auto-fit, minmax(375px, 1fr)); }

.autofill-375 {
  grid-template-columns: repeat(auto-fill, minmax(375px, 1fr)); }

.autofit-sm-375 {
  grid-template-columns: repeat(auto-fit, minmax(375px, 1fr)); }

.autofill-sm-375 {
  grid-template-columns: repeat(auto-fill, minmax(375px, 1fr)); }

.autofit-380 {
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); }

.autofill-380 {
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); }

.autofit-sm-380 {
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); }

.autofill-sm-380 {
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); }

.autofit-385 {
  grid-template-columns: repeat(auto-fit, minmax(385px, 1fr)); }

.autofill-385 {
  grid-template-columns: repeat(auto-fill, minmax(385px, 1fr)); }

.autofit-sm-385 {
  grid-template-columns: repeat(auto-fit, minmax(385px, 1fr)); }

.autofill-sm-385 {
  grid-template-columns: repeat(auto-fill, minmax(385px, 1fr)); }

.autofit-390 {
  grid-template-columns: repeat(auto-fit, minmax(390px, 1fr)); }

.autofill-390 {
  grid-template-columns: repeat(auto-fill, minmax(390px, 1fr)); }

.autofit-sm-390 {
  grid-template-columns: repeat(auto-fit, minmax(390px, 1fr)); }

.autofill-sm-390 {
  grid-template-columns: repeat(auto-fill, minmax(390px, 1fr)); }

.autofit-395 {
  grid-template-columns: repeat(auto-fit, minmax(395px, 1fr)); }

.autofill-395 {
  grid-template-columns: repeat(auto-fill, minmax(395px, 1fr)); }

.autofit-sm-395 {
  grid-template-columns: repeat(auto-fit, minmax(395px, 1fr)); }

.autofill-sm-395 {
  grid-template-columns: repeat(auto-fill, minmax(395px, 1fr)); }

.autofit-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }

.autofill-400 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); }

.autofit-sm-400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }

.autofill-sm-400 {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); }

.autofit-405 {
  grid-template-columns: repeat(auto-fit, minmax(405px, 1fr)); }

.autofill-405 {
  grid-template-columns: repeat(auto-fill, minmax(405px, 1fr)); }

.autofit-sm-405 {
  grid-template-columns: repeat(auto-fit, minmax(405px, 1fr)); }

.autofill-sm-405 {
  grid-template-columns: repeat(auto-fill, minmax(405px, 1fr)); }

.autofit-410 {
  grid-template-columns: repeat(auto-fit, minmax(410px, 1fr)); }

.autofill-410 {
  grid-template-columns: repeat(auto-fill, minmax(410px, 1fr)); }

.autofit-sm-410 {
  grid-template-columns: repeat(auto-fit, minmax(410px, 1fr)); }

.autofill-sm-410 {
  grid-template-columns: repeat(auto-fill, minmax(410px, 1fr)); }

.autofit-415 {
  grid-template-columns: repeat(auto-fit, minmax(415px, 1fr)); }

.autofill-415 {
  grid-template-columns: repeat(auto-fill, minmax(415px, 1fr)); }

.autofit-sm-415 {
  grid-template-columns: repeat(auto-fit, minmax(415px, 1fr)); }

.autofill-sm-415 {
  grid-template-columns: repeat(auto-fill, minmax(415px, 1fr)); }

.autofit-420 {
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); }

.autofill-420 {
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); }

.autofit-sm-420 {
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); }

.autofill-sm-420 {
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); }

.autofit-425 {
  grid-template-columns: repeat(auto-fit, minmax(425px, 1fr)); }

.autofill-425 {
  grid-template-columns: repeat(auto-fill, minmax(425px, 1fr)); }

.autofit-sm-425 {
  grid-template-columns: repeat(auto-fit, minmax(425px, 1fr)); }

.autofill-sm-425 {
  grid-template-columns: repeat(auto-fill, minmax(425px, 1fr)); }

.autofit-430 {
  grid-template-columns: repeat(auto-fit, minmax(430px, 1fr)); }

.autofill-430 {
  grid-template-columns: repeat(auto-fill, minmax(430px, 1fr)); }

.autofit-sm-430 {
  grid-template-columns: repeat(auto-fit, minmax(430px, 1fr)); }

.autofill-sm-430 {
  grid-template-columns: repeat(auto-fill, minmax(430px, 1fr)); }

.autofit-435 {
  grid-template-columns: repeat(auto-fit, minmax(435px, 1fr)); }

.autofill-435 {
  grid-template-columns: repeat(auto-fill, minmax(435px, 1fr)); }

.autofit-sm-435 {
  grid-template-columns: repeat(auto-fit, minmax(435px, 1fr)); }

.autofill-sm-435 {
  grid-template-columns: repeat(auto-fill, minmax(435px, 1fr)); }

.autofit-440 {
  grid-template-columns: repeat(auto-fit, minmax(440px, 1fr)); }

.autofill-440 {
  grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)); }

.autofit-sm-440 {
  grid-template-columns: repeat(auto-fit, minmax(440px, 1fr)); }

.autofill-sm-440 {
  grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)); }

.autofit-445 {
  grid-template-columns: repeat(auto-fit, minmax(445px, 1fr)); }

.autofill-445 {
  grid-template-columns: repeat(auto-fill, minmax(445px, 1fr)); }

.autofit-sm-445 {
  grid-template-columns: repeat(auto-fit, minmax(445px, 1fr)); }

.autofill-sm-445 {
  grid-template-columns: repeat(auto-fill, minmax(445px, 1fr)); }

.autofit-450 {
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); }

.autofill-450 {
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); }

.autofit-sm-450 {
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); }

.autofill-sm-450 {
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); }

.autofit-455 {
  grid-template-columns: repeat(auto-fit, minmax(455px, 1fr)); }

.autofill-455 {
  grid-template-columns: repeat(auto-fill, minmax(455px, 1fr)); }

.autofit-sm-455 {
  grid-template-columns: repeat(auto-fit, minmax(455px, 1fr)); }

.autofill-sm-455 {
  grid-template-columns: repeat(auto-fill, minmax(455px, 1fr)); }

.autofit-460 {
  grid-template-columns: repeat(auto-fit, minmax(460px, 1fr)); }

.autofill-460 {
  grid-template-columns: repeat(auto-fill, minmax(460px, 1fr)); }

.autofit-sm-460 {
  grid-template-columns: repeat(auto-fit, minmax(460px, 1fr)); }

.autofill-sm-460 {
  grid-template-columns: repeat(auto-fill, minmax(460px, 1fr)); }

.autofit-465 {
  grid-template-columns: repeat(auto-fit, minmax(465px, 1fr)); }

.autofill-465 {
  grid-template-columns: repeat(auto-fill, minmax(465px, 1fr)); }

.autofit-sm-465 {
  grid-template-columns: repeat(auto-fit, minmax(465px, 1fr)); }

.autofill-sm-465 {
  grid-template-columns: repeat(auto-fill, minmax(465px, 1fr)); }

.autofit-470 {
  grid-template-columns: repeat(auto-fit, minmax(470px, 1fr)); }

.autofill-470 {
  grid-template-columns: repeat(auto-fill, minmax(470px, 1fr)); }

.autofit-sm-470 {
  grid-template-columns: repeat(auto-fit, minmax(470px, 1fr)); }

.autofill-sm-470 {
  grid-template-columns: repeat(auto-fill, minmax(470px, 1fr)); }

.autofit-475 {
  grid-template-columns: repeat(auto-fit, minmax(475px, 1fr)); }

.autofill-475 {
  grid-template-columns: repeat(auto-fill, minmax(475px, 1fr)); }

.autofit-sm-475 {
  grid-template-columns: repeat(auto-fit, minmax(475px, 1fr)); }

.autofill-sm-475 {
  grid-template-columns: repeat(auto-fill, minmax(475px, 1fr)); }

.autofit-480 {
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr)); }

.autofill-480 {
  grid-template-columns: repeat(auto-fill, minmax(480px, 1fr)); }

.autofit-sm-480 {
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr)); }

.autofill-sm-480 {
  grid-template-columns: repeat(auto-fill, minmax(480px, 1fr)); }

.autofit-485 {
  grid-template-columns: repeat(auto-fit, minmax(485px, 1fr)); }

.autofill-485 {
  grid-template-columns: repeat(auto-fill, minmax(485px, 1fr)); }

.autofit-sm-485 {
  grid-template-columns: repeat(auto-fit, minmax(485px, 1fr)); }

.autofill-sm-485 {
  grid-template-columns: repeat(auto-fill, minmax(485px, 1fr)); }

.autofit-490 {
  grid-template-columns: repeat(auto-fit, minmax(490px, 1fr)); }

.autofill-490 {
  grid-template-columns: repeat(auto-fill, minmax(490px, 1fr)); }

.autofit-sm-490 {
  grid-template-columns: repeat(auto-fit, minmax(490px, 1fr)); }

.autofill-sm-490 {
  grid-template-columns: repeat(auto-fill, minmax(490px, 1fr)); }

.autofit-495 {
  grid-template-columns: repeat(auto-fit, minmax(495px, 1fr)); }

.autofill-495 {
  grid-template-columns: repeat(auto-fill, minmax(495px, 1fr)); }

.autofit-sm-495 {
  grid-template-columns: repeat(auto-fit, minmax(495px, 1fr)); }

.autofill-sm-495 {
  grid-template-columns: repeat(auto-fill, minmax(495px, 1fr)); }

.autofit-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); }

.autofill-500 {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); }

.autofit-sm-500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); }

.autofill-sm-500 {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); }

.autofit-505 {
  grid-template-columns: repeat(auto-fit, minmax(505px, 1fr)); }

.autofill-505 {
  grid-template-columns: repeat(auto-fill, minmax(505px, 1fr)); }

.autofit-sm-505 {
  grid-template-columns: repeat(auto-fit, minmax(505px, 1fr)); }

.autofill-sm-505 {
  grid-template-columns: repeat(auto-fill, minmax(505px, 1fr)); }

.autofit-510 {
  grid-template-columns: repeat(auto-fit, minmax(510px, 1fr)); }

.autofill-510 {
  grid-template-columns: repeat(auto-fill, minmax(510px, 1fr)); }

.autofit-sm-510 {
  grid-template-columns: repeat(auto-fit, minmax(510px, 1fr)); }

.autofill-sm-510 {
  grid-template-columns: repeat(auto-fill, minmax(510px, 1fr)); }

.autofit-515 {
  grid-template-columns: repeat(auto-fit, minmax(515px, 1fr)); }

.autofill-515 {
  grid-template-columns: repeat(auto-fill, minmax(515px, 1fr)); }

.autofit-sm-515 {
  grid-template-columns: repeat(auto-fit, minmax(515px, 1fr)); }

.autofill-sm-515 {
  grid-template-columns: repeat(auto-fill, minmax(515px, 1fr)); }

.autofit-520 {
  grid-template-columns: repeat(auto-fit, minmax(520px, 1fr)); }

.autofill-520 {
  grid-template-columns: repeat(auto-fill, minmax(520px, 1fr)); }

.autofit-sm-520 {
  grid-template-columns: repeat(auto-fit, minmax(520px, 1fr)); }

.autofill-sm-520 {
  grid-template-columns: repeat(auto-fill, minmax(520px, 1fr)); }

.autofit-525 {
  grid-template-columns: repeat(auto-fit, minmax(525px, 1fr)); }

.autofill-525 {
  grid-template-columns: repeat(auto-fill, minmax(525px, 1fr)); }

.autofit-sm-525 {
  grid-template-columns: repeat(auto-fit, minmax(525px, 1fr)); }

.autofill-sm-525 {
  grid-template-columns: repeat(auto-fill, minmax(525px, 1fr)); }

.autofit-530 {
  grid-template-columns: repeat(auto-fit, minmax(530px, 1fr)); }

.autofill-530 {
  grid-template-columns: repeat(auto-fill, minmax(530px, 1fr)); }

.autofit-sm-530 {
  grid-template-columns: repeat(auto-fit, minmax(530px, 1fr)); }

.autofill-sm-530 {
  grid-template-columns: repeat(auto-fill, minmax(530px, 1fr)); }

.autofit-535 {
  grid-template-columns: repeat(auto-fit, minmax(535px, 1fr)); }

.autofill-535 {
  grid-template-columns: repeat(auto-fill, minmax(535px, 1fr)); }

.autofit-sm-535 {
  grid-template-columns: repeat(auto-fit, minmax(535px, 1fr)); }

.autofill-sm-535 {
  grid-template-columns: repeat(auto-fill, minmax(535px, 1fr)); }

.autofit-540 {
  grid-template-columns: repeat(auto-fit, minmax(540px, 1fr)); }

.autofill-540 {
  grid-template-columns: repeat(auto-fill, minmax(540px, 1fr)); }

.autofit-sm-540 {
  grid-template-columns: repeat(auto-fit, minmax(540px, 1fr)); }

.autofill-sm-540 {
  grid-template-columns: repeat(auto-fill, minmax(540px, 1fr)); }

.autofit-545 {
  grid-template-columns: repeat(auto-fit, minmax(545px, 1fr)); }

.autofill-545 {
  grid-template-columns: repeat(auto-fill, minmax(545px, 1fr)); }

.autofit-sm-545 {
  grid-template-columns: repeat(auto-fit, minmax(545px, 1fr)); }

.autofill-sm-545 {
  grid-template-columns: repeat(auto-fill, minmax(545px, 1fr)); }

.autofit-550 {
  grid-template-columns: repeat(auto-fit, minmax(550px, 1fr)); }

.autofill-550 {
  grid-template-columns: repeat(auto-fill, minmax(550px, 1fr)); }

.autofit-sm-550 {
  grid-template-columns: repeat(auto-fit, minmax(550px, 1fr)); }

.autofill-sm-550 {
  grid-template-columns: repeat(auto-fill, minmax(550px, 1fr)); }

.autofit-555 {
  grid-template-columns: repeat(auto-fit, minmax(555px, 1fr)); }

.autofill-555 {
  grid-template-columns: repeat(auto-fill, minmax(555px, 1fr)); }

.autofit-sm-555 {
  grid-template-columns: repeat(auto-fit, minmax(555px, 1fr)); }

.autofill-sm-555 {
  grid-template-columns: repeat(auto-fill, minmax(555px, 1fr)); }

.autofit-560 {
  grid-template-columns: repeat(auto-fit, minmax(560px, 1fr)); }

.autofill-560 {
  grid-template-columns: repeat(auto-fill, minmax(560px, 1fr)); }

.autofit-sm-560 {
  grid-template-columns: repeat(auto-fit, minmax(560px, 1fr)); }

.autofill-sm-560 {
  grid-template-columns: repeat(auto-fill, minmax(560px, 1fr)); }

.autofit-565 {
  grid-template-columns: repeat(auto-fit, minmax(565px, 1fr)); }

.autofill-565 {
  grid-template-columns: repeat(auto-fill, minmax(565px, 1fr)); }

.autofit-sm-565 {
  grid-template-columns: repeat(auto-fit, minmax(565px, 1fr)); }

.autofill-sm-565 {
  grid-template-columns: repeat(auto-fill, minmax(565px, 1fr)); }

.autofit-570 {
  grid-template-columns: repeat(auto-fit, minmax(570px, 1fr)); }

.autofill-570 {
  grid-template-columns: repeat(auto-fill, minmax(570px, 1fr)); }

.autofit-sm-570 {
  grid-template-columns: repeat(auto-fit, minmax(570px, 1fr)); }

.autofill-sm-570 {
  grid-template-columns: repeat(auto-fill, minmax(570px, 1fr)); }

.autofit-575 {
  grid-template-columns: repeat(auto-fit, minmax(575px, 1fr)); }

.autofill-575 {
  grid-template-columns: repeat(auto-fill, minmax(575px, 1fr)); }

.autofit-sm-575 {
  grid-template-columns: repeat(auto-fit, minmax(575px, 1fr)); }

.autofill-sm-575 {
  grid-template-columns: repeat(auto-fill, minmax(575px, 1fr)); }

.autofit-580 {
  grid-template-columns: repeat(auto-fit, minmax(580px, 1fr)); }

.autofill-580 {
  grid-template-columns: repeat(auto-fill, minmax(580px, 1fr)); }

.autofit-sm-580 {
  grid-template-columns: repeat(auto-fit, minmax(580px, 1fr)); }

.autofill-sm-580 {
  grid-template-columns: repeat(auto-fill, minmax(580px, 1fr)); }

.autofit-585 {
  grid-template-columns: repeat(auto-fit, minmax(585px, 1fr)); }

.autofill-585 {
  grid-template-columns: repeat(auto-fill, minmax(585px, 1fr)); }

.autofit-sm-585 {
  grid-template-columns: repeat(auto-fit, minmax(585px, 1fr)); }

.autofill-sm-585 {
  grid-template-columns: repeat(auto-fill, minmax(585px, 1fr)); }

.autofit-590 {
  grid-template-columns: repeat(auto-fit, minmax(590px, 1fr)); }

.autofill-590 {
  grid-template-columns: repeat(auto-fill, minmax(590px, 1fr)); }

.autofit-sm-590 {
  grid-template-columns: repeat(auto-fit, minmax(590px, 1fr)); }

.autofill-sm-590 {
  grid-template-columns: repeat(auto-fill, minmax(590px, 1fr)); }

.autofit-595 {
  grid-template-columns: repeat(auto-fit, minmax(595px, 1fr)); }

.autofill-595 {
  grid-template-columns: repeat(auto-fill, minmax(595px, 1fr)); }

.autofit-sm-595 {
  grid-template-columns: repeat(auto-fit, minmax(595px, 1fr)); }

.autofill-sm-595 {
  grid-template-columns: repeat(auto-fill, minmax(595px, 1fr)); }

.autofit-600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr)); }

.autofill-600 {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr)); }

.autofit-sm-600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr)); }

.autofill-sm-600 {
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr)); }

.autofit-605 {
  grid-template-columns: repeat(auto-fit, minmax(605px, 1fr)); }

.autofill-605 {
  grid-template-columns: repeat(auto-fill, minmax(605px, 1fr)); }

.autofit-sm-605 {
  grid-template-columns: repeat(auto-fit, minmax(605px, 1fr)); }

.autofill-sm-605 {
  grid-template-columns: repeat(auto-fill, minmax(605px, 1fr)); }

.autofit-610 {
  grid-template-columns: repeat(auto-fit, minmax(610px, 1fr)); }

.autofill-610 {
  grid-template-columns: repeat(auto-fill, minmax(610px, 1fr)); }

.autofit-sm-610 {
  grid-template-columns: repeat(auto-fit, minmax(610px, 1fr)); }

.autofill-sm-610 {
  grid-template-columns: repeat(auto-fill, minmax(610px, 1fr)); }

.autofit-615 {
  grid-template-columns: repeat(auto-fit, minmax(615px, 1fr)); }

.autofill-615 {
  grid-template-columns: repeat(auto-fill, minmax(615px, 1fr)); }

.autofit-sm-615 {
  grid-template-columns: repeat(auto-fit, minmax(615px, 1fr)); }

.autofill-sm-615 {
  grid-template-columns: repeat(auto-fill, minmax(615px, 1fr)); }

.autofit-620 {
  grid-template-columns: repeat(auto-fit, minmax(620px, 1fr)); }

.autofill-620 {
  grid-template-columns: repeat(auto-fill, minmax(620px, 1fr)); }

.autofit-sm-620 {
  grid-template-columns: repeat(auto-fit, minmax(620px, 1fr)); }

.autofill-sm-620 {
  grid-template-columns: repeat(auto-fill, minmax(620px, 1fr)); }

.autofit-625 {
  grid-template-columns: repeat(auto-fit, minmax(625px, 1fr)); }

.autofill-625 {
  grid-template-columns: repeat(auto-fill, minmax(625px, 1fr)); }

.autofit-sm-625 {
  grid-template-columns: repeat(auto-fit, minmax(625px, 1fr)); }

.autofill-sm-625 {
  grid-template-columns: repeat(auto-fill, minmax(625px, 1fr)); }

.autofit-630 {
  grid-template-columns: repeat(auto-fit, minmax(630px, 1fr)); }

.autofill-630 {
  grid-template-columns: repeat(auto-fill, minmax(630px, 1fr)); }

.autofit-sm-630 {
  grid-template-columns: repeat(auto-fit, minmax(630px, 1fr)); }

.autofill-sm-630 {
  grid-template-columns: repeat(auto-fill, minmax(630px, 1fr)); }

.autofit-635 {
  grid-template-columns: repeat(auto-fit, minmax(635px, 1fr)); }

.autofill-635 {
  grid-template-columns: repeat(auto-fill, minmax(635px, 1fr)); }

.autofit-sm-635 {
  grid-template-columns: repeat(auto-fit, minmax(635px, 1fr)); }

.autofill-sm-635 {
  grid-template-columns: repeat(auto-fill, minmax(635px, 1fr)); }

.autofit-640 {
  grid-template-columns: repeat(auto-fit, minmax(640px, 1fr)); }

.autofill-640 {
  grid-template-columns: repeat(auto-fill, minmax(640px, 1fr)); }

.autofit-sm-640 {
  grid-template-columns: repeat(auto-fit, minmax(640px, 1fr)); }

.autofill-sm-640 {
  grid-template-columns: repeat(auto-fill, minmax(640px, 1fr)); }

.autofit-645 {
  grid-template-columns: repeat(auto-fit, minmax(645px, 1fr)); }

.autofill-645 {
  grid-template-columns: repeat(auto-fill, minmax(645px, 1fr)); }

.autofit-sm-645 {
  grid-template-columns: repeat(auto-fit, minmax(645px, 1fr)); }

.autofill-sm-645 {
  grid-template-columns: repeat(auto-fill, minmax(645px, 1fr)); }

.autofit-650 {
  grid-template-columns: repeat(auto-fit, minmax(650px, 1fr)); }

.autofill-650 {
  grid-template-columns: repeat(auto-fill, minmax(650px, 1fr)); }

.autofit-sm-650 {
  grid-template-columns: repeat(auto-fit, minmax(650px, 1fr)); }

.autofill-sm-650 {
  grid-template-columns: repeat(auto-fill, minmax(650px, 1fr)); }

.autofit-655 {
  grid-template-columns: repeat(auto-fit, minmax(655px, 1fr)); }

.autofill-655 {
  grid-template-columns: repeat(auto-fill, minmax(655px, 1fr)); }

.autofit-sm-655 {
  grid-template-columns: repeat(auto-fit, minmax(655px, 1fr)); }

.autofill-sm-655 {
  grid-template-columns: repeat(auto-fill, minmax(655px, 1fr)); }

.autofit-660 {
  grid-template-columns: repeat(auto-fit, minmax(660px, 1fr)); }

.autofill-660 {
  grid-template-columns: repeat(auto-fill, minmax(660px, 1fr)); }

.autofit-sm-660 {
  grid-template-columns: repeat(auto-fit, minmax(660px, 1fr)); }

.autofill-sm-660 {
  grid-template-columns: repeat(auto-fill, minmax(660px, 1fr)); }

.autofit-665 {
  grid-template-columns: repeat(auto-fit, minmax(665px, 1fr)); }

.autofill-665 {
  grid-template-columns: repeat(auto-fill, minmax(665px, 1fr)); }

.autofit-sm-665 {
  grid-template-columns: repeat(auto-fit, minmax(665px, 1fr)); }

.autofill-sm-665 {
  grid-template-columns: repeat(auto-fill, minmax(665px, 1fr)); }

.autofit-670 {
  grid-template-columns: repeat(auto-fit, minmax(670px, 1fr)); }

.autofill-670 {
  grid-template-columns: repeat(auto-fill, minmax(670px, 1fr)); }

.autofit-sm-670 {
  grid-template-columns: repeat(auto-fit, minmax(670px, 1fr)); }

.autofill-sm-670 {
  grid-template-columns: repeat(auto-fill, minmax(670px, 1fr)); }

.autofit-675 {
  grid-template-columns: repeat(auto-fit, minmax(675px, 1fr)); }

.autofill-675 {
  grid-template-columns: repeat(auto-fill, minmax(675px, 1fr)); }

.autofit-sm-675 {
  grid-template-columns: repeat(auto-fit, minmax(675px, 1fr)); }

.autofill-sm-675 {
  grid-template-columns: repeat(auto-fill, minmax(675px, 1fr)); }

.autofit-680 {
  grid-template-columns: repeat(auto-fit, minmax(680px, 1fr)); }

.autofill-680 {
  grid-template-columns: repeat(auto-fill, minmax(680px, 1fr)); }

.autofit-sm-680 {
  grid-template-columns: repeat(auto-fit, minmax(680px, 1fr)); }

.autofill-sm-680 {
  grid-template-columns: repeat(auto-fill, minmax(680px, 1fr)); }

.autofit-685 {
  grid-template-columns: repeat(auto-fit, minmax(685px, 1fr)); }

.autofill-685 {
  grid-template-columns: repeat(auto-fill, minmax(685px, 1fr)); }

.autofit-sm-685 {
  grid-template-columns: repeat(auto-fit, minmax(685px, 1fr)); }

.autofill-sm-685 {
  grid-template-columns: repeat(auto-fill, minmax(685px, 1fr)); }

.autofit-690 {
  grid-template-columns: repeat(auto-fit, minmax(690px, 1fr)); }

.autofill-690 {
  grid-template-columns: repeat(auto-fill, minmax(690px, 1fr)); }

.autofit-sm-690 {
  grid-template-columns: repeat(auto-fit, minmax(690px, 1fr)); }

.autofill-sm-690 {
  grid-template-columns: repeat(auto-fill, minmax(690px, 1fr)); }

.autofit-695 {
  grid-template-columns: repeat(auto-fit, minmax(695px, 1fr)); }

.autofill-695 {
  grid-template-columns: repeat(auto-fill, minmax(695px, 1fr)); }

.autofit-sm-695 {
  grid-template-columns: repeat(auto-fit, minmax(695px, 1fr)); }

.autofill-sm-695 {
  grid-template-columns: repeat(auto-fill, minmax(695px, 1fr)); }

.autofit-700 {
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr)); }

.autofill-700 {
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr)); }

.autofit-sm-700 {
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr)); }

.autofill-sm-700 {
  grid-template-columns: repeat(auto-fill, minmax(700px, 1fr)); }

.autofit-705 {
  grid-template-columns: repeat(auto-fit, minmax(705px, 1fr)); }

.autofill-705 {
  grid-template-columns: repeat(auto-fill, minmax(705px, 1fr)); }

.autofit-sm-705 {
  grid-template-columns: repeat(auto-fit, minmax(705px, 1fr)); }

.autofill-sm-705 {
  grid-template-columns: repeat(auto-fill, minmax(705px, 1fr)); }

.autofit-710 {
  grid-template-columns: repeat(auto-fit, minmax(710px, 1fr)); }

.autofill-710 {
  grid-template-columns: repeat(auto-fill, minmax(710px, 1fr)); }

.autofit-sm-710 {
  grid-template-columns: repeat(auto-fit, minmax(710px, 1fr)); }

.autofill-sm-710 {
  grid-template-columns: repeat(auto-fill, minmax(710px, 1fr)); }

.autofit-715 {
  grid-template-columns: repeat(auto-fit, minmax(715px, 1fr)); }

.autofill-715 {
  grid-template-columns: repeat(auto-fill, minmax(715px, 1fr)); }

.autofit-sm-715 {
  grid-template-columns: repeat(auto-fit, minmax(715px, 1fr)); }

.autofill-sm-715 {
  grid-template-columns: repeat(auto-fill, minmax(715px, 1fr)); }

.autofit-720 {
  grid-template-columns: repeat(auto-fit, minmax(720px, 1fr)); }

.autofill-720 {
  grid-template-columns: repeat(auto-fill, minmax(720px, 1fr)); }

.autofit-sm-720 {
  grid-template-columns: repeat(auto-fit, minmax(720px, 1fr)); }

.autofill-sm-720 {
  grid-template-columns: repeat(auto-fill, minmax(720px, 1fr)); }

.autofit-725 {
  grid-template-columns: repeat(auto-fit, minmax(725px, 1fr)); }

.autofill-725 {
  grid-template-columns: repeat(auto-fill, minmax(725px, 1fr)); }

.autofit-sm-725 {
  grid-template-columns: repeat(auto-fit, minmax(725px, 1fr)); }

.autofill-sm-725 {
  grid-template-columns: repeat(auto-fill, minmax(725px, 1fr)); }

.autofit-730 {
  grid-template-columns: repeat(auto-fit, minmax(730px, 1fr)); }

.autofill-730 {
  grid-template-columns: repeat(auto-fill, minmax(730px, 1fr)); }

.autofit-sm-730 {
  grid-template-columns: repeat(auto-fit, minmax(730px, 1fr)); }

.autofill-sm-730 {
  grid-template-columns: repeat(auto-fill, minmax(730px, 1fr)); }

.autofit-735 {
  grid-template-columns: repeat(auto-fit, minmax(735px, 1fr)); }

.autofill-735 {
  grid-template-columns: repeat(auto-fill, minmax(735px, 1fr)); }

.autofit-sm-735 {
  grid-template-columns: repeat(auto-fit, minmax(735px, 1fr)); }

.autofill-sm-735 {
  grid-template-columns: repeat(auto-fill, minmax(735px, 1fr)); }

.autofit-740 {
  grid-template-columns: repeat(auto-fit, minmax(740px, 1fr)); }

.autofill-740 {
  grid-template-columns: repeat(auto-fill, minmax(740px, 1fr)); }

.autofit-sm-740 {
  grid-template-columns: repeat(auto-fit, minmax(740px, 1fr)); }

.autofill-sm-740 {
  grid-template-columns: repeat(auto-fill, minmax(740px, 1fr)); }

.autofit-745 {
  grid-template-columns: repeat(auto-fit, minmax(745px, 1fr)); }

.autofill-745 {
  grid-template-columns: repeat(auto-fill, minmax(745px, 1fr)); }

.autofit-sm-745 {
  grid-template-columns: repeat(auto-fit, minmax(745px, 1fr)); }

.autofill-sm-745 {
  grid-template-columns: repeat(auto-fill, minmax(745px, 1fr)); }

.autofit-750 {
  grid-template-columns: repeat(auto-fit, minmax(750px, 1fr)); }

.autofill-750 {
  grid-template-columns: repeat(auto-fill, minmax(750px, 1fr)); }

.autofit-sm-750 {
  grid-template-columns: repeat(auto-fit, minmax(750px, 1fr)); }

.autofill-sm-750 {
  grid-template-columns: repeat(auto-fill, minmax(750px, 1fr)); }

.autofit-755 {
  grid-template-columns: repeat(auto-fit, minmax(755px, 1fr)); }

.autofill-755 {
  grid-template-columns: repeat(auto-fill, minmax(755px, 1fr)); }

.autofit-sm-755 {
  grid-template-columns: repeat(auto-fit, minmax(755px, 1fr)); }

.autofill-sm-755 {
  grid-template-columns: repeat(auto-fill, minmax(755px, 1fr)); }

.autofit-760 {
  grid-template-columns: repeat(auto-fit, minmax(760px, 1fr)); }

.autofill-760 {
  grid-template-columns: repeat(auto-fill, minmax(760px, 1fr)); }

.autofit-sm-760 {
  grid-template-columns: repeat(auto-fit, minmax(760px, 1fr)); }

.autofill-sm-760 {
  grid-template-columns: repeat(auto-fill, minmax(760px, 1fr)); }

.autofit-765 {
  grid-template-columns: repeat(auto-fit, minmax(765px, 1fr)); }

.autofill-765 {
  grid-template-columns: repeat(auto-fill, minmax(765px, 1fr)); }

.autofit-sm-765 {
  grid-template-columns: repeat(auto-fit, minmax(765px, 1fr)); }

.autofill-sm-765 {
  grid-template-columns: repeat(auto-fill, minmax(765px, 1fr)); }

.autofit-770 {
  grid-template-columns: repeat(auto-fit, minmax(770px, 1fr)); }

.autofill-770 {
  grid-template-columns: repeat(auto-fill, minmax(770px, 1fr)); }

.autofit-sm-770 {
  grid-template-columns: repeat(auto-fit, minmax(770px, 1fr)); }

.autofill-sm-770 {
  grid-template-columns: repeat(auto-fill, minmax(770px, 1fr)); }

.autofit-775 {
  grid-template-columns: repeat(auto-fit, minmax(775px, 1fr)); }

.autofill-775 {
  grid-template-columns: repeat(auto-fill, minmax(775px, 1fr)); }

.autofit-sm-775 {
  grid-template-columns: repeat(auto-fit, minmax(775px, 1fr)); }

.autofill-sm-775 {
  grid-template-columns: repeat(auto-fill, minmax(775px, 1fr)); }

.autofit-780 {
  grid-template-columns: repeat(auto-fit, minmax(780px, 1fr)); }

.autofill-780 {
  grid-template-columns: repeat(auto-fill, minmax(780px, 1fr)); }

.autofit-sm-780 {
  grid-template-columns: repeat(auto-fit, minmax(780px, 1fr)); }

.autofill-sm-780 {
  grid-template-columns: repeat(auto-fill, minmax(780px, 1fr)); }

.autofit-785 {
  grid-template-columns: repeat(auto-fit, minmax(785px, 1fr)); }

.autofill-785 {
  grid-template-columns: repeat(auto-fill, minmax(785px, 1fr)); }

.autofit-sm-785 {
  grid-template-columns: repeat(auto-fit, minmax(785px, 1fr)); }

.autofill-sm-785 {
  grid-template-columns: repeat(auto-fill, minmax(785px, 1fr)); }

.autofit-790 {
  grid-template-columns: repeat(auto-fit, minmax(790px, 1fr)); }

.autofill-790 {
  grid-template-columns: repeat(auto-fill, minmax(790px, 1fr)); }

.autofit-sm-790 {
  grid-template-columns: repeat(auto-fit, minmax(790px, 1fr)); }

.autofill-sm-790 {
  grid-template-columns: repeat(auto-fill, minmax(790px, 1fr)); }

.autofit-795 {
  grid-template-columns: repeat(auto-fit, minmax(795px, 1fr)); }

.autofill-795 {
  grid-template-columns: repeat(auto-fill, minmax(795px, 1fr)); }

.autofit-sm-795 {
  grid-template-columns: repeat(auto-fit, minmax(795px, 1fr)); }

.autofill-sm-795 {
  grid-template-columns: repeat(auto-fill, minmax(795px, 1fr)); }

.autofit-800 {
  grid-template-columns: repeat(auto-fit, minmax(800px, 1fr)); }

.autofill-800 {
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr)); }

.autofit-sm-800 {
  grid-template-columns: repeat(auto-fit, minmax(800px, 1fr)); }

.autofill-sm-800 {
  grid-template-columns: repeat(auto-fill, minmax(800px, 1fr)); }

.autofit-805 {
  grid-template-columns: repeat(auto-fit, minmax(805px, 1fr)); }

.autofill-805 {
  grid-template-columns: repeat(auto-fill, minmax(805px, 1fr)); }

.autofit-sm-805 {
  grid-template-columns: repeat(auto-fit, minmax(805px, 1fr)); }

.autofill-sm-805 {
  grid-template-columns: repeat(auto-fill, minmax(805px, 1fr)); }

.autofit-810 {
  grid-template-columns: repeat(auto-fit, minmax(810px, 1fr)); }

.autofill-810 {
  grid-template-columns: repeat(auto-fill, minmax(810px, 1fr)); }

.autofit-sm-810 {
  grid-template-columns: repeat(auto-fit, minmax(810px, 1fr)); }

.autofill-sm-810 {
  grid-template-columns: repeat(auto-fill, minmax(810px, 1fr)); }

.autofit-815 {
  grid-template-columns: repeat(auto-fit, minmax(815px, 1fr)); }

.autofill-815 {
  grid-template-columns: repeat(auto-fill, minmax(815px, 1fr)); }

.autofit-sm-815 {
  grid-template-columns: repeat(auto-fit, minmax(815px, 1fr)); }

.autofill-sm-815 {
  grid-template-columns: repeat(auto-fill, minmax(815px, 1fr)); }

.autofit-820 {
  grid-template-columns: repeat(auto-fit, minmax(820px, 1fr)); }

.autofill-820 {
  grid-template-columns: repeat(auto-fill, minmax(820px, 1fr)); }

.autofit-sm-820 {
  grid-template-columns: repeat(auto-fit, minmax(820px, 1fr)); }

.autofill-sm-820 {
  grid-template-columns: repeat(auto-fill, minmax(820px, 1fr)); }

.autofit-825 {
  grid-template-columns: repeat(auto-fit, minmax(825px, 1fr)); }

.autofill-825 {
  grid-template-columns: repeat(auto-fill, minmax(825px, 1fr)); }

.autofit-sm-825 {
  grid-template-columns: repeat(auto-fit, minmax(825px, 1fr)); }

.autofill-sm-825 {
  grid-template-columns: repeat(auto-fill, minmax(825px, 1fr)); }

.autofit-830 {
  grid-template-columns: repeat(auto-fit, minmax(830px, 1fr)); }

.autofill-830 {
  grid-template-columns: repeat(auto-fill, minmax(830px, 1fr)); }

.autofit-sm-830 {
  grid-template-columns: repeat(auto-fit, minmax(830px, 1fr)); }

.autofill-sm-830 {
  grid-template-columns: repeat(auto-fill, minmax(830px, 1fr)); }

.autofit-835 {
  grid-template-columns: repeat(auto-fit, minmax(835px, 1fr)); }

.autofill-835 {
  grid-template-columns: repeat(auto-fill, minmax(835px, 1fr)); }

.autofit-sm-835 {
  grid-template-columns: repeat(auto-fit, minmax(835px, 1fr)); }

.autofill-sm-835 {
  grid-template-columns: repeat(auto-fill, minmax(835px, 1fr)); }

.autofit-840 {
  grid-template-columns: repeat(auto-fit, minmax(840px, 1fr)); }

.autofill-840 {
  grid-template-columns: repeat(auto-fill, minmax(840px, 1fr)); }

.autofit-sm-840 {
  grid-template-columns: repeat(auto-fit, minmax(840px, 1fr)); }

.autofill-sm-840 {
  grid-template-columns: repeat(auto-fill, minmax(840px, 1fr)); }

.autofit-845 {
  grid-template-columns: repeat(auto-fit, minmax(845px, 1fr)); }

.autofill-845 {
  grid-template-columns: repeat(auto-fill, minmax(845px, 1fr)); }

.autofit-sm-845 {
  grid-template-columns: repeat(auto-fit, minmax(845px, 1fr)); }

.autofill-sm-845 {
  grid-template-columns: repeat(auto-fill, minmax(845px, 1fr)); }

.autofit-850 {
  grid-template-columns: repeat(auto-fit, minmax(850px, 1fr)); }

.autofill-850 {
  grid-template-columns: repeat(auto-fill, minmax(850px, 1fr)); }

.autofit-sm-850 {
  grid-template-columns: repeat(auto-fit, minmax(850px, 1fr)); }

.autofill-sm-850 {
  grid-template-columns: repeat(auto-fill, minmax(850px, 1fr)); }

.autofit-855 {
  grid-template-columns: repeat(auto-fit, minmax(855px, 1fr)); }

.autofill-855 {
  grid-template-columns: repeat(auto-fill, minmax(855px, 1fr)); }

.autofit-sm-855 {
  grid-template-columns: repeat(auto-fit, minmax(855px, 1fr)); }

.autofill-sm-855 {
  grid-template-columns: repeat(auto-fill, minmax(855px, 1fr)); }

.autofit-860 {
  grid-template-columns: repeat(auto-fit, minmax(860px, 1fr)); }

.autofill-860 {
  grid-template-columns: repeat(auto-fill, minmax(860px, 1fr)); }

.autofit-sm-860 {
  grid-template-columns: repeat(auto-fit, minmax(860px, 1fr)); }

.autofill-sm-860 {
  grid-template-columns: repeat(auto-fill, minmax(860px, 1fr)); }

.autofit-865 {
  grid-template-columns: repeat(auto-fit, minmax(865px, 1fr)); }

.autofill-865 {
  grid-template-columns: repeat(auto-fill, minmax(865px, 1fr)); }

.autofit-sm-865 {
  grid-template-columns: repeat(auto-fit, minmax(865px, 1fr)); }

.autofill-sm-865 {
  grid-template-columns: repeat(auto-fill, minmax(865px, 1fr)); }

.autofit-870 {
  grid-template-columns: repeat(auto-fit, minmax(870px, 1fr)); }

.autofill-870 {
  grid-template-columns: repeat(auto-fill, minmax(870px, 1fr)); }

.autofit-sm-870 {
  grid-template-columns: repeat(auto-fit, minmax(870px, 1fr)); }

.autofill-sm-870 {
  grid-template-columns: repeat(auto-fill, minmax(870px, 1fr)); }

.autofit-875 {
  grid-template-columns: repeat(auto-fit, minmax(875px, 1fr)); }

.autofill-875 {
  grid-template-columns: repeat(auto-fill, minmax(875px, 1fr)); }

.autofit-sm-875 {
  grid-template-columns: repeat(auto-fit, minmax(875px, 1fr)); }

.autofill-sm-875 {
  grid-template-columns: repeat(auto-fill, minmax(875px, 1fr)); }

.autofit-880 {
  grid-template-columns: repeat(auto-fit, minmax(880px, 1fr)); }

.autofill-880 {
  grid-template-columns: repeat(auto-fill, minmax(880px, 1fr)); }

.autofit-sm-880 {
  grid-template-columns: repeat(auto-fit, minmax(880px, 1fr)); }

.autofill-sm-880 {
  grid-template-columns: repeat(auto-fill, minmax(880px, 1fr)); }

.autofit-885 {
  grid-template-columns: repeat(auto-fit, minmax(885px, 1fr)); }

.autofill-885 {
  grid-template-columns: repeat(auto-fill, minmax(885px, 1fr)); }

.autofit-sm-885 {
  grid-template-columns: repeat(auto-fit, minmax(885px, 1fr)); }

.autofill-sm-885 {
  grid-template-columns: repeat(auto-fill, minmax(885px, 1fr)); }

.autofit-890 {
  grid-template-columns: repeat(auto-fit, minmax(890px, 1fr)); }

.autofill-890 {
  grid-template-columns: repeat(auto-fill, minmax(890px, 1fr)); }

.autofit-sm-890 {
  grid-template-columns: repeat(auto-fit, minmax(890px, 1fr)); }

.autofill-sm-890 {
  grid-template-columns: repeat(auto-fill, minmax(890px, 1fr)); }

.autofit-895 {
  grid-template-columns: repeat(auto-fit, minmax(895px, 1fr)); }

.autofill-895 {
  grid-template-columns: repeat(auto-fill, minmax(895px, 1fr)); }

.autofit-sm-895 {
  grid-template-columns: repeat(auto-fit, minmax(895px, 1fr)); }

.autofill-sm-895 {
  grid-template-columns: repeat(auto-fill, minmax(895px, 1fr)); }

.autofit-900 {
  grid-template-columns: repeat(auto-fit, minmax(900px, 1fr)); }

.autofill-900 {
  grid-template-columns: repeat(auto-fill, minmax(900px, 1fr)); }

.autofit-sm-900 {
  grid-template-columns: repeat(auto-fit, minmax(900px, 1fr)); }

.autofill-sm-900 {
  grid-template-columns: repeat(auto-fill, minmax(900px, 1fr)); }

.autofit-905 {
  grid-template-columns: repeat(auto-fit, minmax(905px, 1fr)); }

.autofill-905 {
  grid-template-columns: repeat(auto-fill, minmax(905px, 1fr)); }

.autofit-sm-905 {
  grid-template-columns: repeat(auto-fit, minmax(905px, 1fr)); }

.autofill-sm-905 {
  grid-template-columns: repeat(auto-fill, minmax(905px, 1fr)); }

.autofit-910 {
  grid-template-columns: repeat(auto-fit, minmax(910px, 1fr)); }

.autofill-910 {
  grid-template-columns: repeat(auto-fill, minmax(910px, 1fr)); }

.autofit-sm-910 {
  grid-template-columns: repeat(auto-fit, minmax(910px, 1fr)); }

.autofill-sm-910 {
  grid-template-columns: repeat(auto-fill, minmax(910px, 1fr)); }

.autofit-915 {
  grid-template-columns: repeat(auto-fit, minmax(915px, 1fr)); }

.autofill-915 {
  grid-template-columns: repeat(auto-fill, minmax(915px, 1fr)); }

.autofit-sm-915 {
  grid-template-columns: repeat(auto-fit, minmax(915px, 1fr)); }

.autofill-sm-915 {
  grid-template-columns: repeat(auto-fill, minmax(915px, 1fr)); }

.autofit-920 {
  grid-template-columns: repeat(auto-fit, minmax(920px, 1fr)); }

.autofill-920 {
  grid-template-columns: repeat(auto-fill, minmax(920px, 1fr)); }

.autofit-sm-920 {
  grid-template-columns: repeat(auto-fit, minmax(920px, 1fr)); }

.autofill-sm-920 {
  grid-template-columns: repeat(auto-fill, minmax(920px, 1fr)); }

.autofit-925 {
  grid-template-columns: repeat(auto-fit, minmax(925px, 1fr)); }

.autofill-925 {
  grid-template-columns: repeat(auto-fill, minmax(925px, 1fr)); }

.autofit-sm-925 {
  grid-template-columns: repeat(auto-fit, minmax(925px, 1fr)); }

.autofill-sm-925 {
  grid-template-columns: repeat(auto-fill, minmax(925px, 1fr)); }

.autofit-930 {
  grid-template-columns: repeat(auto-fit, minmax(930px, 1fr)); }

.autofill-930 {
  grid-template-columns: repeat(auto-fill, minmax(930px, 1fr)); }

.autofit-sm-930 {
  grid-template-columns: repeat(auto-fit, minmax(930px, 1fr)); }

.autofill-sm-930 {
  grid-template-columns: repeat(auto-fill, minmax(930px, 1fr)); }

.autofit-935 {
  grid-template-columns: repeat(auto-fit, minmax(935px, 1fr)); }

.autofill-935 {
  grid-template-columns: repeat(auto-fill, minmax(935px, 1fr)); }

.autofit-sm-935 {
  grid-template-columns: repeat(auto-fit, minmax(935px, 1fr)); }

.autofill-sm-935 {
  grid-template-columns: repeat(auto-fill, minmax(935px, 1fr)); }

.autofit-940 {
  grid-template-columns: repeat(auto-fit, minmax(940px, 1fr)); }

.autofill-940 {
  grid-template-columns: repeat(auto-fill, minmax(940px, 1fr)); }

.autofit-sm-940 {
  grid-template-columns: repeat(auto-fit, minmax(940px, 1fr)); }

.autofill-sm-940 {
  grid-template-columns: repeat(auto-fill, minmax(940px, 1fr)); }

.autofit-945 {
  grid-template-columns: repeat(auto-fit, minmax(945px, 1fr)); }

.autofill-945 {
  grid-template-columns: repeat(auto-fill, minmax(945px, 1fr)); }

.autofit-sm-945 {
  grid-template-columns: repeat(auto-fit, minmax(945px, 1fr)); }

.autofill-sm-945 {
  grid-template-columns: repeat(auto-fill, minmax(945px, 1fr)); }

.autofit-950 {
  grid-template-columns: repeat(auto-fit, minmax(950px, 1fr)); }

.autofill-950 {
  grid-template-columns: repeat(auto-fill, minmax(950px, 1fr)); }

.autofit-sm-950 {
  grid-template-columns: repeat(auto-fit, minmax(950px, 1fr)); }

.autofill-sm-950 {
  grid-template-columns: repeat(auto-fill, minmax(950px, 1fr)); }

.autofit-955 {
  grid-template-columns: repeat(auto-fit, minmax(955px, 1fr)); }

.autofill-955 {
  grid-template-columns: repeat(auto-fill, minmax(955px, 1fr)); }

.autofit-sm-955 {
  grid-template-columns: repeat(auto-fit, minmax(955px, 1fr)); }

.autofill-sm-955 {
  grid-template-columns: repeat(auto-fill, minmax(955px, 1fr)); }

.autofit-960 {
  grid-template-columns: repeat(auto-fit, minmax(960px, 1fr)); }

.autofill-960 {
  grid-template-columns: repeat(auto-fill, minmax(960px, 1fr)); }

.autofit-sm-960 {
  grid-template-columns: repeat(auto-fit, minmax(960px, 1fr)); }

.autofill-sm-960 {
  grid-template-columns: repeat(auto-fill, minmax(960px, 1fr)); }

.autofit-965 {
  grid-template-columns: repeat(auto-fit, minmax(965px, 1fr)); }

.autofill-965 {
  grid-template-columns: repeat(auto-fill, minmax(965px, 1fr)); }

.autofit-sm-965 {
  grid-template-columns: repeat(auto-fit, minmax(965px, 1fr)); }

.autofill-sm-965 {
  grid-template-columns: repeat(auto-fill, minmax(965px, 1fr)); }

.autofit-970 {
  grid-template-columns: repeat(auto-fit, minmax(970px, 1fr)); }

.autofill-970 {
  grid-template-columns: repeat(auto-fill, minmax(970px, 1fr)); }

.autofit-sm-970 {
  grid-template-columns: repeat(auto-fit, minmax(970px, 1fr)); }

.autofill-sm-970 {
  grid-template-columns: repeat(auto-fill, minmax(970px, 1fr)); }

.autofit-975 {
  grid-template-columns: repeat(auto-fit, minmax(975px, 1fr)); }

.autofill-975 {
  grid-template-columns: repeat(auto-fill, minmax(975px, 1fr)); }

.autofit-sm-975 {
  grid-template-columns: repeat(auto-fit, minmax(975px, 1fr)); }

.autofill-sm-975 {
  grid-template-columns: repeat(auto-fill, minmax(975px, 1fr)); }

.autofit-980 {
  grid-template-columns: repeat(auto-fit, minmax(980px, 1fr)); }

.autofill-980 {
  grid-template-columns: repeat(auto-fill, minmax(980px, 1fr)); }

.autofit-sm-980 {
  grid-template-columns: repeat(auto-fit, minmax(980px, 1fr)); }

.autofill-sm-980 {
  grid-template-columns: repeat(auto-fill, minmax(980px, 1fr)); }

.autofit-985 {
  grid-template-columns: repeat(auto-fit, minmax(985px, 1fr)); }

.autofill-985 {
  grid-template-columns: repeat(auto-fill, minmax(985px, 1fr)); }

.autofit-sm-985 {
  grid-template-columns: repeat(auto-fit, minmax(985px, 1fr)); }

.autofill-sm-985 {
  grid-template-columns: repeat(auto-fill, minmax(985px, 1fr)); }

.autofit-990 {
  grid-template-columns: repeat(auto-fit, minmax(990px, 1fr)); }

.autofill-990 {
  grid-template-columns: repeat(auto-fill, minmax(990px, 1fr)); }

.autofit-sm-990 {
  grid-template-columns: repeat(auto-fit, minmax(990px, 1fr)); }

.autofill-sm-990 {
  grid-template-columns: repeat(auto-fill, minmax(990px, 1fr)); }

.autofit-995 {
  grid-template-columns: repeat(auto-fit, minmax(995px, 1fr)); }

.autofill-995 {
  grid-template-columns: repeat(auto-fill, minmax(995px, 1fr)); }

.autofit-sm-995 {
  grid-template-columns: repeat(auto-fit, minmax(995px, 1fr)); }

.autofill-sm-995 {
  grid-template-columns: repeat(auto-fill, minmax(995px, 1fr)); }

.autofit-1000 {
  grid-template-columns: repeat(auto-fit, minmax(1000px, 1fr)); }

.autofill-1000 {
  grid-template-columns: repeat(auto-fill, minmax(1000px, 1fr)); }

.autofit-sm-1000 {
  grid-template-columns: repeat(auto-fit, minmax(1000px, 1fr)); }

.autofill-sm-1000 {
  grid-template-columns: repeat(auto-fill, minmax(1000px, 1fr)); }

.container-1-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-sm-1-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-percentage-1-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(1, 100%); }

.area-1-1 {
  grid-column: auto/span 1;
  grid-row: auto/span 1; }

.area-sm-1-1 {
  grid-column: auto/span 1;
  grid-row: auto/span 1; }

.col-1-1 {
  grid-column-start: 1;
  grid-column-end: 1; }

.col-sm-1-1 {
  grid-column-start: 1;
  grid-column-end: 1; }

.row-1-1 {
  grid-row-start: 1;
  grid-row-end: 1; }

.row-sm-1-1 {
  grid-row-start: 1;
  grid-row-end: 1; }

.container-1-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-sm-1-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-percentage-1-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(2, 50%); }

.area-1-2 {
  grid-column: auto/span 1;
  grid-row: auto/span 2; }

.area-sm-1-2 {
  grid-column: auto/span 1;
  grid-row: auto/span 2; }

.col-1-2 {
  grid-column-start: 1;
  grid-column-end: 2; }

.col-sm-1-2 {
  grid-column-start: 1;
  grid-column-end: 2; }

.row-1-2 {
  grid-row-start: 1;
  grid-row-end: 2; }

.row-sm-1-2 {
  grid-row-start: 1;
  grid-row-end: 2; }

.container-1-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-sm-1-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-percentage-1-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(3, 33%); }

.area-1-3 {
  grid-column: auto/span 1;
  grid-row: auto/span 3; }

.area-sm-1-3 {
  grid-column: auto/span 1;
  grid-row: auto/span 3; }

.col-1-3 {
  grid-column-start: 1;
  grid-column-end: 3; }

.col-sm-1-3 {
  grid-column-start: 1;
  grid-column-end: 3; }

.row-1-3 {
  grid-row-start: 1;
  grid-row-end: 3; }

.row-sm-1-3 {
  grid-row-start: 1;
  grid-row-end: 3; }

.container-1-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-sm-1-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-percentage-1-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(4, 25%); }

.area-1-4 {
  grid-column: auto/span 1;
  grid-row: auto/span 4; }

.area-sm-1-4 {
  grid-column: auto/span 1;
  grid-row: auto/span 4; }

.col-1-4 {
  grid-column-start: 1;
  grid-column-end: 4; }

.col-sm-1-4 {
  grid-column-start: 1;
  grid-column-end: 4; }

.row-1-4 {
  grid-row-start: 1;
  grid-row-end: 4; }

.row-sm-1-4 {
  grid-row-start: 1;
  grid-row-end: 4; }

.container-1-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-sm-1-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-percentage-1-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(5, 20%); }

.area-1-5 {
  grid-column: auto/span 1;
  grid-row: auto/span 5; }

.area-sm-1-5 {
  grid-column: auto/span 1;
  grid-row: auto/span 5; }

.col-1-5 {
  grid-column-start: 1;
  grid-column-end: 5; }

.col-sm-1-5 {
  grid-column-start: 1;
  grid-column-end: 5; }

.row-1-5 {
  grid-row-start: 1;
  grid-row-end: 5; }

.row-sm-1-5 {
  grid-row-start: 1;
  grid-row-end: 5; }

.container-1-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-sm-1-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-percentage-1-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(6, 17%); }

.area-1-6 {
  grid-column: auto/span 1;
  grid-row: auto/span 6; }

.area-sm-1-6 {
  grid-column: auto/span 1;
  grid-row: auto/span 6; }

.col-1-6 {
  grid-column-start: 1;
  grid-column-end: 6; }

.col-sm-1-6 {
  grid-column-start: 1;
  grid-column-end: 6; }

.row-1-6 {
  grid-row-start: 1;
  grid-row-end: 6; }

.row-sm-1-6 {
  grid-row-start: 1;
  grid-row-end: 6; }

.container-1-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-sm-1-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-percentage-1-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(7, 14%); }

.area-1-7 {
  grid-column: auto/span 1;
  grid-row: auto/span 7; }

.area-sm-1-7 {
  grid-column: auto/span 1;
  grid-row: auto/span 7; }

.col-1-7 {
  grid-column-start: 1;
  grid-column-end: 7; }

.col-sm-1-7 {
  grid-column-start: 1;
  grid-column-end: 7; }

.row-1-7 {
  grid-row-start: 1;
  grid-row-end: 7; }

.row-sm-1-7 {
  grid-row-start: 1;
  grid-row-end: 7; }

.container-1-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-sm-1-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-percentage-1-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(8, 13%); }

.area-1-8 {
  grid-column: auto/span 1;
  grid-row: auto/span 8; }

.area-sm-1-8 {
  grid-column: auto/span 1;
  grid-row: auto/span 8; }

.col-1-8 {
  grid-column-start: 1;
  grid-column-end: 8; }

.col-sm-1-8 {
  grid-column-start: 1;
  grid-column-end: 8; }

.row-1-8 {
  grid-row-start: 1;
  grid-row-end: 8; }

.row-sm-1-8 {
  grid-row-start: 1;
  grid-row-end: 8; }

.container-1-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-sm-1-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-percentage-1-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(9, 11%); }

.area-1-9 {
  grid-column: auto/span 1;
  grid-row: auto/span 9; }

.area-sm-1-9 {
  grid-column: auto/span 1;
  grid-row: auto/span 9; }

.col-1-9 {
  grid-column-start: 1;
  grid-column-end: 9; }

.col-sm-1-9 {
  grid-column-start: 1;
  grid-column-end: 9; }

.row-1-9 {
  grid-row-start: 1;
  grid-row-end: 9; }

.row-sm-1-9 {
  grid-row-start: 1;
  grid-row-end: 9; }

.container-1-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-sm-1-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-percentage-1-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(10, 10%); }

.area-1-10 {
  grid-column: auto/span 1;
  grid-row: auto/span 10; }

.area-sm-1-10 {
  grid-column: auto/span 1;
  grid-row: auto/span 10; }

.col-1-10 {
  grid-column-start: 1;
  grid-column-end: 10; }

.col-sm-1-10 {
  grid-column-start: 1;
  grid-column-end: 10; }

.row-1-10 {
  grid-row-start: 1;
  grid-row-end: 10; }

.row-sm-1-10 {
  grid-row-start: 1;
  grid-row-end: 10; }

.container-1-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-sm-1-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-percentage-1-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(11, 9%); }

.area-1-11 {
  grid-column: auto/span 1;
  grid-row: auto/span 11; }

.area-sm-1-11 {
  grid-column: auto/span 1;
  grid-row: auto/span 11; }

.col-1-11 {
  grid-column-start: 1;
  grid-column-end: 11; }

.col-sm-1-11 {
  grid-column-start: 1;
  grid-column-end: 11; }

.row-1-11 {
  grid-row-start: 1;
  grid-row-end: 11; }

.row-sm-1-11 {
  grid-row-start: 1;
  grid-row-end: 11; }

.container-1-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-sm-1-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-percentage-1-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(12, 8%); }

.area-1-12 {
  grid-column: auto/span 1;
  grid-row: auto/span 12; }

.area-sm-1-12 {
  grid-column: auto/span 1;
  grid-row: auto/span 12; }

.col-1-12 {
  grid-column-start: 1;
  grid-column-end: 12; }

.col-sm-1-12 {
  grid-column-start: 1;
  grid-column-end: 12; }

.row-1-12 {
  grid-row-start: 1;
  grid-row-end: 12; }

.row-sm-1-12 {
  grid-row-start: 1;
  grid-row-end: 12; }

.container-2-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-sm-2-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-percentage-2-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(1, 100%); }

.area-2-1 {
  grid-column: auto/span 2;
  grid-row: auto/span 1; }

.area-sm-2-1 {
  grid-column: auto/span 2;
  grid-row: auto/span 1; }

.col-2-1 {
  grid-column-start: 2;
  grid-column-end: 1; }

.col-sm-2-1 {
  grid-column-start: 2;
  grid-column-end: 1; }

.row-2-1 {
  grid-row-start: 2;
  grid-row-end: 1; }

.row-sm-2-1 {
  grid-row-start: 2;
  grid-row-end: 1; }

.container-2-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-sm-2-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-percentage-2-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(2, 50%); }

.area-2-2 {
  grid-column: auto/span 2;
  grid-row: auto/span 2; }

.area-sm-2-2 {
  grid-column: auto/span 2;
  grid-row: auto/span 2; }

.col-2-2 {
  grid-column-start: 2;
  grid-column-end: 2; }

.col-sm-2-2 {
  grid-column-start: 2;
  grid-column-end: 2; }

.row-2-2 {
  grid-row-start: 2;
  grid-row-end: 2; }

.row-sm-2-2 {
  grid-row-start: 2;
  grid-row-end: 2; }

.container-2-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-sm-2-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-percentage-2-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(3, 33%); }

.area-2-3 {
  grid-column: auto/span 2;
  grid-row: auto/span 3; }

.area-sm-2-3 {
  grid-column: auto/span 2;
  grid-row: auto/span 3; }

.col-2-3 {
  grid-column-start: 2;
  grid-column-end: 3; }

.col-sm-2-3 {
  grid-column-start: 2;
  grid-column-end: 3; }

.row-2-3 {
  grid-row-start: 2;
  grid-row-end: 3; }

.row-sm-2-3 {
  grid-row-start: 2;
  grid-row-end: 3; }

.container-2-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-sm-2-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-percentage-2-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(4, 25%); }

.area-2-4 {
  grid-column: auto/span 2;
  grid-row: auto/span 4; }

.area-sm-2-4 {
  grid-column: auto/span 2;
  grid-row: auto/span 4; }

.col-2-4 {
  grid-column-start: 2;
  grid-column-end: 4; }

.col-sm-2-4 {
  grid-column-start: 2;
  grid-column-end: 4; }

.row-2-4 {
  grid-row-start: 2;
  grid-row-end: 4; }

.row-sm-2-4 {
  grid-row-start: 2;
  grid-row-end: 4; }

.container-2-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-sm-2-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-percentage-2-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(5, 20%); }

.area-2-5 {
  grid-column: auto/span 2;
  grid-row: auto/span 5; }

.area-sm-2-5 {
  grid-column: auto/span 2;
  grid-row: auto/span 5; }

.col-2-5 {
  grid-column-start: 2;
  grid-column-end: 5; }

.col-sm-2-5 {
  grid-column-start: 2;
  grid-column-end: 5; }

.row-2-5 {
  grid-row-start: 2;
  grid-row-end: 5; }

.row-sm-2-5 {
  grid-row-start: 2;
  grid-row-end: 5; }

.container-2-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-sm-2-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-percentage-2-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(6, 17%); }

.area-2-6 {
  grid-column: auto/span 2;
  grid-row: auto/span 6; }

.area-sm-2-6 {
  grid-column: auto/span 2;
  grid-row: auto/span 6; }

.col-2-6 {
  grid-column-start: 2;
  grid-column-end: 6; }

.col-sm-2-6 {
  grid-column-start: 2;
  grid-column-end: 6; }

.row-2-6 {
  grid-row-start: 2;
  grid-row-end: 6; }

.row-sm-2-6 {
  grid-row-start: 2;
  grid-row-end: 6; }

.container-2-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-sm-2-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-percentage-2-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(7, 14%); }

.area-2-7 {
  grid-column: auto/span 2;
  grid-row: auto/span 7; }

.area-sm-2-7 {
  grid-column: auto/span 2;
  grid-row: auto/span 7; }

.col-2-7 {
  grid-column-start: 2;
  grid-column-end: 7; }

.col-sm-2-7 {
  grid-column-start: 2;
  grid-column-end: 7; }

.row-2-7 {
  grid-row-start: 2;
  grid-row-end: 7; }

.row-sm-2-7 {
  grid-row-start: 2;
  grid-row-end: 7; }

.container-2-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-sm-2-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-percentage-2-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(8, 13%); }

.area-2-8 {
  grid-column: auto/span 2;
  grid-row: auto/span 8; }

.area-sm-2-8 {
  grid-column: auto/span 2;
  grid-row: auto/span 8; }

.col-2-8 {
  grid-column-start: 2;
  grid-column-end: 8; }

.col-sm-2-8 {
  grid-column-start: 2;
  grid-column-end: 8; }

.row-2-8 {
  grid-row-start: 2;
  grid-row-end: 8; }

.row-sm-2-8 {
  grid-row-start: 2;
  grid-row-end: 8; }

.container-2-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-sm-2-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-percentage-2-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(9, 11%); }

.area-2-9 {
  grid-column: auto/span 2;
  grid-row: auto/span 9; }

.area-sm-2-9 {
  grid-column: auto/span 2;
  grid-row: auto/span 9; }

.col-2-9 {
  grid-column-start: 2;
  grid-column-end: 9; }

.col-sm-2-9 {
  grid-column-start: 2;
  grid-column-end: 9; }

.row-2-9 {
  grid-row-start: 2;
  grid-row-end: 9; }

.row-sm-2-9 {
  grid-row-start: 2;
  grid-row-end: 9; }

.container-2-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-sm-2-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-percentage-2-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(10, 10%); }

.area-2-10 {
  grid-column: auto/span 2;
  grid-row: auto/span 10; }

.area-sm-2-10 {
  grid-column: auto/span 2;
  grid-row: auto/span 10; }

.col-2-10 {
  grid-column-start: 2;
  grid-column-end: 10; }

.col-sm-2-10 {
  grid-column-start: 2;
  grid-column-end: 10; }

.row-2-10 {
  grid-row-start: 2;
  grid-row-end: 10; }

.row-sm-2-10 {
  grid-row-start: 2;
  grid-row-end: 10; }

.container-2-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-sm-2-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-percentage-2-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(11, 9%); }

.area-2-11 {
  grid-column: auto/span 2;
  grid-row: auto/span 11; }

.area-sm-2-11 {
  grid-column: auto/span 2;
  grid-row: auto/span 11; }

.col-2-11 {
  grid-column-start: 2;
  grid-column-end: 11; }

.col-sm-2-11 {
  grid-column-start: 2;
  grid-column-end: 11; }

.row-2-11 {
  grid-row-start: 2;
  grid-row-end: 11; }

.row-sm-2-11 {
  grid-row-start: 2;
  grid-row-end: 11; }

.container-2-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-sm-2-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-percentage-2-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(12, 8%); }

.area-2-12 {
  grid-column: auto/span 2;
  grid-row: auto/span 12; }

.area-sm-2-12 {
  grid-column: auto/span 2;
  grid-row: auto/span 12; }

.col-2-12 {
  grid-column-start: 2;
  grid-column-end: 12; }

.col-sm-2-12 {
  grid-column-start: 2;
  grid-column-end: 12; }

.row-2-12 {
  grid-row-start: 2;
  grid-row-end: 12; }

.row-sm-2-12 {
  grid-row-start: 2;
  grid-row-end: 12; }

.container-3-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-sm-3-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-percentage-3-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 33%);
  grid-template-rows: repeat(1, 100%); }

.area-3-1 {
  grid-column: auto/span 3;
  grid-row: auto/span 1; }

.area-sm-3-1 {
  grid-column: auto/span 3;
  grid-row: auto/span 1; }

.col-3-1 {
  grid-column-start: 3;
  grid-column-end: 1; }

.col-sm-3-1 {
  grid-column-start: 3;
  grid-column-end: 1; }

.row-3-1 {
  grid-row-start: 3;
  grid-row-end: 1; }

.row-sm-3-1 {
  grid-row-start: 3;
  grid-row-end: 1; }

.container-3-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-sm-3-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-percentage-3-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 33%);
  grid-template-rows: repeat(2, 50%); }

.area-3-2 {
  grid-column: auto/span 3;
  grid-row: auto/span 2; }

.area-sm-3-2 {
  grid-column: auto/span 3;
  grid-row: auto/span 2; }

.col-3-2 {
  grid-column-start: 3;
  grid-column-end: 2; }

.col-sm-3-2 {
  grid-column-start: 3;
  grid-column-end: 2; }

.row-3-2 {
  grid-row-start: 3;
  grid-row-end: 2; }

.row-sm-3-2 {
  grid-row-start: 3;
  grid-row-end: 2; }

.container-3-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-sm-3-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-percentage-3-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 33%);
  grid-template-rows: repeat(3, 33%); }

.area-3-3 {
  grid-column: auto/span 3;
  grid-row: auto/span 3; }

.area-sm-3-3 {
  grid-column: auto/span 3;
  grid-row: auto/span 3; }

.col-3-3 {
  grid-column-start: 3;
  grid-column-end: 3; }

.col-sm-3-3 {
  grid-column-start: 3;
  grid-column-end: 3; }

.row-3-3 {
  grid-row-start: 3;
  grid-row-end: 3; }

.row-sm-3-3 {
  grid-row-start: 3;
  grid-row-end: 3; }

.container-3-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-sm-3-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-percentage-3-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 33%);
  grid-template-rows: repeat(4, 25%); }

.area-3-4 {
  grid-column: auto/span 3;
  grid-row: auto/span 4; }

.area-sm-3-4 {
  grid-column: auto/span 3;
  grid-row: auto/span 4; }

.col-3-4 {
  grid-column-start: 3;
  grid-column-end: 4; }

.col-sm-3-4 {
  grid-column-start: 3;
  grid-column-end: 4; }

.row-3-4 {
  grid-row-start: 3;
  grid-row-end: 4; }

.row-sm-3-4 {
  grid-row-start: 3;
  grid-row-end: 4; }

.container-3-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-sm-3-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-percentage-3-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 33%);
  grid-template-rows: repeat(5, 20%); }

.area-3-5 {
  grid-column: auto/span 3;
  grid-row: auto/span 5; }

.area-sm-3-5 {
  grid-column: auto/span 3;
  grid-row: auto/span 5; }

.col-3-5 {
  grid-column-start: 3;
  grid-column-end: 5; }

.col-sm-3-5 {
  grid-column-start: 3;
  grid-column-end: 5; }

.row-3-5 {
  grid-row-start: 3;
  grid-row-end: 5; }

.row-sm-3-5 {
  grid-row-start: 3;
  grid-row-end: 5; }

.container-3-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-sm-3-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-percentage-3-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 33%);
  grid-template-rows: repeat(6, 17%); }

.area-3-6 {
  grid-column: auto/span 3;
  grid-row: auto/span 6; }

.area-sm-3-6 {
  grid-column: auto/span 3;
  grid-row: auto/span 6; }

.col-3-6 {
  grid-column-start: 3;
  grid-column-end: 6; }

.col-sm-3-6 {
  grid-column-start: 3;
  grid-column-end: 6; }

.row-3-6 {
  grid-row-start: 3;
  grid-row-end: 6; }

.row-sm-3-6 {
  grid-row-start: 3;
  grid-row-end: 6; }

.container-3-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-sm-3-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-percentage-3-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 33%);
  grid-template-rows: repeat(7, 14%); }

.area-3-7 {
  grid-column: auto/span 3;
  grid-row: auto/span 7; }

.area-sm-3-7 {
  grid-column: auto/span 3;
  grid-row: auto/span 7; }

.col-3-7 {
  grid-column-start: 3;
  grid-column-end: 7; }

.col-sm-3-7 {
  grid-column-start: 3;
  grid-column-end: 7; }

.row-3-7 {
  grid-row-start: 3;
  grid-row-end: 7; }

.row-sm-3-7 {
  grid-row-start: 3;
  grid-row-end: 7; }

.container-3-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-sm-3-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-percentage-3-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 33%);
  grid-template-rows: repeat(8, 13%); }

.area-3-8 {
  grid-column: auto/span 3;
  grid-row: auto/span 8; }

.area-sm-3-8 {
  grid-column: auto/span 3;
  grid-row: auto/span 8; }

.col-3-8 {
  grid-column-start: 3;
  grid-column-end: 8; }

.col-sm-3-8 {
  grid-column-start: 3;
  grid-column-end: 8; }

.row-3-8 {
  grid-row-start: 3;
  grid-row-end: 8; }

.row-sm-3-8 {
  grid-row-start: 3;
  grid-row-end: 8; }

.container-3-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-sm-3-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-percentage-3-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 33%);
  grid-template-rows: repeat(9, 11%); }

.area-3-9 {
  grid-column: auto/span 3;
  grid-row: auto/span 9; }

.area-sm-3-9 {
  grid-column: auto/span 3;
  grid-row: auto/span 9; }

.col-3-9 {
  grid-column-start: 3;
  grid-column-end: 9; }

.col-sm-3-9 {
  grid-column-start: 3;
  grid-column-end: 9; }

.row-3-9 {
  grid-row-start: 3;
  grid-row-end: 9; }

.row-sm-3-9 {
  grid-row-start: 3;
  grid-row-end: 9; }

.container-3-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-sm-3-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-percentage-3-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 33%);
  grid-template-rows: repeat(10, 10%); }

.area-3-10 {
  grid-column: auto/span 3;
  grid-row: auto/span 10; }

.area-sm-3-10 {
  grid-column: auto/span 3;
  grid-row: auto/span 10; }

.col-3-10 {
  grid-column-start: 3;
  grid-column-end: 10; }

.col-sm-3-10 {
  grid-column-start: 3;
  grid-column-end: 10; }

.row-3-10 {
  grid-row-start: 3;
  grid-row-end: 10; }

.row-sm-3-10 {
  grid-row-start: 3;
  grid-row-end: 10; }

.container-3-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-sm-3-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-percentage-3-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 33%);
  grid-template-rows: repeat(11, 9%); }

.area-3-11 {
  grid-column: auto/span 3;
  grid-row: auto/span 11; }

.area-sm-3-11 {
  grid-column: auto/span 3;
  grid-row: auto/span 11; }

.col-3-11 {
  grid-column-start: 3;
  grid-column-end: 11; }

.col-sm-3-11 {
  grid-column-start: 3;
  grid-column-end: 11; }

.row-3-11 {
  grid-row-start: 3;
  grid-row-end: 11; }

.row-sm-3-11 {
  grid-row-start: 3;
  grid-row-end: 11; }

.container-3-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-sm-3-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-percentage-3-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 33%);
  grid-template-rows: repeat(12, 8%); }

.area-3-12 {
  grid-column: auto/span 3;
  grid-row: auto/span 12; }

.area-sm-3-12 {
  grid-column: auto/span 3;
  grid-row: auto/span 12; }

.col-3-12 {
  grid-column-start: 3;
  grid-column-end: 12; }

.col-sm-3-12 {
  grid-column-start: 3;
  grid-column-end: 12; }

.row-3-12 {
  grid-row-start: 3;
  grid-row-end: 12; }

.row-sm-3-12 {
  grid-row-start: 3;
  grid-row-end: 12; }

.container-4-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-sm-4-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-percentage-4-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(1, 100%); }

.area-4-1 {
  grid-column: auto/span 4;
  grid-row: auto/span 1; }

.area-sm-4-1 {
  grid-column: auto/span 4;
  grid-row: auto/span 1; }

.col-4-1 {
  grid-column-start: 4;
  grid-column-end: 1; }

.col-sm-4-1 {
  grid-column-start: 4;
  grid-column-end: 1; }

.row-4-1 {
  grid-row-start: 4;
  grid-row-end: 1; }

.row-sm-4-1 {
  grid-row-start: 4;
  grid-row-end: 1; }

.container-4-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-sm-4-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-percentage-4-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(2, 50%); }

.area-4-2 {
  grid-column: auto/span 4;
  grid-row: auto/span 2; }

.area-sm-4-2 {
  grid-column: auto/span 4;
  grid-row: auto/span 2; }

.col-4-2 {
  grid-column-start: 4;
  grid-column-end: 2; }

.col-sm-4-2 {
  grid-column-start: 4;
  grid-column-end: 2; }

.row-4-2 {
  grid-row-start: 4;
  grid-row-end: 2; }

.row-sm-4-2 {
  grid-row-start: 4;
  grid-row-end: 2; }

.container-4-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-sm-4-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-percentage-4-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(3, 33%); }

.area-4-3 {
  grid-column: auto/span 4;
  grid-row: auto/span 3; }

.area-sm-4-3 {
  grid-column: auto/span 4;
  grid-row: auto/span 3; }

.col-4-3 {
  grid-column-start: 4;
  grid-column-end: 3; }

.col-sm-4-3 {
  grid-column-start: 4;
  grid-column-end: 3; }

.row-4-3 {
  grid-row-start: 4;
  grid-row-end: 3; }

.row-sm-4-3 {
  grid-row-start: 4;
  grid-row-end: 3; }

.container-4-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-sm-4-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-percentage-4-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(4, 25%); }

.area-4-4 {
  grid-column: auto/span 4;
  grid-row: auto/span 4; }

.area-sm-4-4 {
  grid-column: auto/span 4;
  grid-row: auto/span 4; }

.col-4-4 {
  grid-column-start: 4;
  grid-column-end: 4; }

.col-sm-4-4 {
  grid-column-start: 4;
  grid-column-end: 4; }

.row-4-4 {
  grid-row-start: 4;
  grid-row-end: 4; }

.row-sm-4-4 {
  grid-row-start: 4;
  grid-row-end: 4; }

.container-4-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-sm-4-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-percentage-4-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(5, 20%); }

.area-4-5 {
  grid-column: auto/span 4;
  grid-row: auto/span 5; }

.area-sm-4-5 {
  grid-column: auto/span 4;
  grid-row: auto/span 5; }

.col-4-5 {
  grid-column-start: 4;
  grid-column-end: 5; }

.col-sm-4-5 {
  grid-column-start: 4;
  grid-column-end: 5; }

.row-4-5 {
  grid-row-start: 4;
  grid-row-end: 5; }

.row-sm-4-5 {
  grid-row-start: 4;
  grid-row-end: 5; }

.container-4-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-sm-4-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-percentage-4-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(6, 17%); }

.area-4-6 {
  grid-column: auto/span 4;
  grid-row: auto/span 6; }

.area-sm-4-6 {
  grid-column: auto/span 4;
  grid-row: auto/span 6; }

.col-4-6 {
  grid-column-start: 4;
  grid-column-end: 6; }

.col-sm-4-6 {
  grid-column-start: 4;
  grid-column-end: 6; }

.row-4-6 {
  grid-row-start: 4;
  grid-row-end: 6; }

.row-sm-4-6 {
  grid-row-start: 4;
  grid-row-end: 6; }

.container-4-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-sm-4-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-percentage-4-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(7, 14%); }

.area-4-7 {
  grid-column: auto/span 4;
  grid-row: auto/span 7; }

.area-sm-4-7 {
  grid-column: auto/span 4;
  grid-row: auto/span 7; }

.col-4-7 {
  grid-column-start: 4;
  grid-column-end: 7; }

.col-sm-4-7 {
  grid-column-start: 4;
  grid-column-end: 7; }

.row-4-7 {
  grid-row-start: 4;
  grid-row-end: 7; }

.row-sm-4-7 {
  grid-row-start: 4;
  grid-row-end: 7; }

.container-4-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-sm-4-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-percentage-4-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(8, 13%); }

.area-4-8 {
  grid-column: auto/span 4;
  grid-row: auto/span 8; }

.area-sm-4-8 {
  grid-column: auto/span 4;
  grid-row: auto/span 8; }

.col-4-8 {
  grid-column-start: 4;
  grid-column-end: 8; }

.col-sm-4-8 {
  grid-column-start: 4;
  grid-column-end: 8; }

.row-4-8 {
  grid-row-start: 4;
  grid-row-end: 8; }

.row-sm-4-8 {
  grid-row-start: 4;
  grid-row-end: 8; }

.container-4-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-sm-4-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-percentage-4-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(9, 11%); }

.area-4-9 {
  grid-column: auto/span 4;
  grid-row: auto/span 9; }

.area-sm-4-9 {
  grid-column: auto/span 4;
  grid-row: auto/span 9; }

.col-4-9 {
  grid-column-start: 4;
  grid-column-end: 9; }

.col-sm-4-9 {
  grid-column-start: 4;
  grid-column-end: 9; }

.row-4-9 {
  grid-row-start: 4;
  grid-row-end: 9; }

.row-sm-4-9 {
  grid-row-start: 4;
  grid-row-end: 9; }

.container-4-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-sm-4-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-percentage-4-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(10, 10%); }

.area-4-10 {
  grid-column: auto/span 4;
  grid-row: auto/span 10; }

.area-sm-4-10 {
  grid-column: auto/span 4;
  grid-row: auto/span 10; }

.col-4-10 {
  grid-column-start: 4;
  grid-column-end: 10; }

.col-sm-4-10 {
  grid-column-start: 4;
  grid-column-end: 10; }

.row-4-10 {
  grid-row-start: 4;
  grid-row-end: 10; }

.row-sm-4-10 {
  grid-row-start: 4;
  grid-row-end: 10; }

.container-4-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-sm-4-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-percentage-4-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(11, 9%); }

.area-4-11 {
  grid-column: auto/span 4;
  grid-row: auto/span 11; }

.area-sm-4-11 {
  grid-column: auto/span 4;
  grid-row: auto/span 11; }

.col-4-11 {
  grid-column-start: 4;
  grid-column-end: 11; }

.col-sm-4-11 {
  grid-column-start: 4;
  grid-column-end: 11; }

.row-4-11 {
  grid-row-start: 4;
  grid-row-end: 11; }

.row-sm-4-11 {
  grid-row-start: 4;
  grid-row-end: 11; }

.container-4-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-sm-4-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-percentage-4-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(12, 8%); }

.area-4-12 {
  grid-column: auto/span 4;
  grid-row: auto/span 12; }

.area-sm-4-12 {
  grid-column: auto/span 4;
  grid-row: auto/span 12; }

.col-4-12 {
  grid-column-start: 4;
  grid-column-end: 12; }

.col-sm-4-12 {
  grid-column-start: 4;
  grid-column-end: 12; }

.row-4-12 {
  grid-row-start: 4;
  grid-row-end: 12; }

.row-sm-4-12 {
  grid-row-start: 4;
  grid-row-end: 12; }

.container-5-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-sm-5-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-percentage-5-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(1, 100%); }

.area-5-1 {
  grid-column: auto/span 5;
  grid-row: auto/span 1; }

.area-sm-5-1 {
  grid-column: auto/span 5;
  grid-row: auto/span 1; }

.col-5-1 {
  grid-column-start: 5;
  grid-column-end: 1; }

.col-sm-5-1 {
  grid-column-start: 5;
  grid-column-end: 1; }

.row-5-1 {
  grid-row-start: 5;
  grid-row-end: 1; }

.row-sm-5-1 {
  grid-row-start: 5;
  grid-row-end: 1; }

.container-5-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-sm-5-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-percentage-5-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(2, 50%); }

.area-5-2 {
  grid-column: auto/span 5;
  grid-row: auto/span 2; }

.area-sm-5-2 {
  grid-column: auto/span 5;
  grid-row: auto/span 2; }

.col-5-2 {
  grid-column-start: 5;
  grid-column-end: 2; }

.col-sm-5-2 {
  grid-column-start: 5;
  grid-column-end: 2; }

.row-5-2 {
  grid-row-start: 5;
  grid-row-end: 2; }

.row-sm-5-2 {
  grid-row-start: 5;
  grid-row-end: 2; }

.container-5-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-sm-5-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-percentage-5-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(3, 33%); }

.area-5-3 {
  grid-column: auto/span 5;
  grid-row: auto/span 3; }

.area-sm-5-3 {
  grid-column: auto/span 5;
  grid-row: auto/span 3; }

.col-5-3 {
  grid-column-start: 5;
  grid-column-end: 3; }

.col-sm-5-3 {
  grid-column-start: 5;
  grid-column-end: 3; }

.row-5-3 {
  grid-row-start: 5;
  grid-row-end: 3; }

.row-sm-5-3 {
  grid-row-start: 5;
  grid-row-end: 3; }

.container-5-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-sm-5-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-percentage-5-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(4, 25%); }

.area-5-4 {
  grid-column: auto/span 5;
  grid-row: auto/span 4; }

.area-sm-5-4 {
  grid-column: auto/span 5;
  grid-row: auto/span 4; }

.col-5-4 {
  grid-column-start: 5;
  grid-column-end: 4; }

.col-sm-5-4 {
  grid-column-start: 5;
  grid-column-end: 4; }

.row-5-4 {
  grid-row-start: 5;
  grid-row-end: 4; }

.row-sm-5-4 {
  grid-row-start: 5;
  grid-row-end: 4; }

.container-5-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-sm-5-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-percentage-5-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(5, 20%); }

.area-5-5 {
  grid-column: auto/span 5;
  grid-row: auto/span 5; }

.area-sm-5-5 {
  grid-column: auto/span 5;
  grid-row: auto/span 5; }

.col-5-5 {
  grid-column-start: 5;
  grid-column-end: 5; }

.col-sm-5-5 {
  grid-column-start: 5;
  grid-column-end: 5; }

.row-5-5 {
  grid-row-start: 5;
  grid-row-end: 5; }

.row-sm-5-5 {
  grid-row-start: 5;
  grid-row-end: 5; }

.container-5-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-sm-5-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-percentage-5-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(6, 17%); }

.area-5-6 {
  grid-column: auto/span 5;
  grid-row: auto/span 6; }

.area-sm-5-6 {
  grid-column: auto/span 5;
  grid-row: auto/span 6; }

.col-5-6 {
  grid-column-start: 5;
  grid-column-end: 6; }

.col-sm-5-6 {
  grid-column-start: 5;
  grid-column-end: 6; }

.row-5-6 {
  grid-row-start: 5;
  grid-row-end: 6; }

.row-sm-5-6 {
  grid-row-start: 5;
  grid-row-end: 6; }

.container-5-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-sm-5-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-percentage-5-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(7, 14%); }

.area-5-7 {
  grid-column: auto/span 5;
  grid-row: auto/span 7; }

.area-sm-5-7 {
  grid-column: auto/span 5;
  grid-row: auto/span 7; }

.col-5-7 {
  grid-column-start: 5;
  grid-column-end: 7; }

.col-sm-5-7 {
  grid-column-start: 5;
  grid-column-end: 7; }

.row-5-7 {
  grid-row-start: 5;
  grid-row-end: 7; }

.row-sm-5-7 {
  grid-row-start: 5;
  grid-row-end: 7; }

.container-5-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-sm-5-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-percentage-5-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(8, 13%); }

.area-5-8 {
  grid-column: auto/span 5;
  grid-row: auto/span 8; }

.area-sm-5-8 {
  grid-column: auto/span 5;
  grid-row: auto/span 8; }

.col-5-8 {
  grid-column-start: 5;
  grid-column-end: 8; }

.col-sm-5-8 {
  grid-column-start: 5;
  grid-column-end: 8; }

.row-5-8 {
  grid-row-start: 5;
  grid-row-end: 8; }

.row-sm-5-8 {
  grid-row-start: 5;
  grid-row-end: 8; }

.container-5-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-sm-5-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-percentage-5-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(9, 11%); }

.area-5-9 {
  grid-column: auto/span 5;
  grid-row: auto/span 9; }

.area-sm-5-9 {
  grid-column: auto/span 5;
  grid-row: auto/span 9; }

.col-5-9 {
  grid-column-start: 5;
  grid-column-end: 9; }

.col-sm-5-9 {
  grid-column-start: 5;
  grid-column-end: 9; }

.row-5-9 {
  grid-row-start: 5;
  grid-row-end: 9; }

.row-sm-5-9 {
  grid-row-start: 5;
  grid-row-end: 9; }

.container-5-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-sm-5-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-percentage-5-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(10, 10%); }

.area-5-10 {
  grid-column: auto/span 5;
  grid-row: auto/span 10; }

.area-sm-5-10 {
  grid-column: auto/span 5;
  grid-row: auto/span 10; }

.col-5-10 {
  grid-column-start: 5;
  grid-column-end: 10; }

.col-sm-5-10 {
  grid-column-start: 5;
  grid-column-end: 10; }

.row-5-10 {
  grid-row-start: 5;
  grid-row-end: 10; }

.row-sm-5-10 {
  grid-row-start: 5;
  grid-row-end: 10; }

.container-5-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-sm-5-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-percentage-5-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(11, 9%); }

.area-5-11 {
  grid-column: auto/span 5;
  grid-row: auto/span 11; }

.area-sm-5-11 {
  grid-column: auto/span 5;
  grid-row: auto/span 11; }

.col-5-11 {
  grid-column-start: 5;
  grid-column-end: 11; }

.col-sm-5-11 {
  grid-column-start: 5;
  grid-column-end: 11; }

.row-5-11 {
  grid-row-start: 5;
  grid-row-end: 11; }

.row-sm-5-11 {
  grid-row-start: 5;
  grid-row-end: 11; }

.container-5-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-sm-5-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-percentage-5-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(12, 8%); }

.area-5-12 {
  grid-column: auto/span 5;
  grid-row: auto/span 12; }

.area-sm-5-12 {
  grid-column: auto/span 5;
  grid-row: auto/span 12; }

.col-5-12 {
  grid-column-start: 5;
  grid-column-end: 12; }

.col-sm-5-12 {
  grid-column-start: 5;
  grid-column-end: 12; }

.row-5-12 {
  grid-row-start: 5;
  grid-row-end: 12; }

.row-sm-5-12 {
  grid-row-start: 5;
  grid-row-end: 12; }

.container-6-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-sm-6-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-percentage-6-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 17%);
  grid-template-rows: repeat(1, 100%); }

.area-6-1 {
  grid-column: auto/span 6;
  grid-row: auto/span 1; }

.area-sm-6-1 {
  grid-column: auto/span 6;
  grid-row: auto/span 1; }

.col-6-1 {
  grid-column-start: 6;
  grid-column-end: 1; }

.col-sm-6-1 {
  grid-column-start: 6;
  grid-column-end: 1; }

.row-6-1 {
  grid-row-start: 6;
  grid-row-end: 1; }

.row-sm-6-1 {
  grid-row-start: 6;
  grid-row-end: 1; }

.container-6-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-sm-6-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-percentage-6-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 17%);
  grid-template-rows: repeat(2, 50%); }

.area-6-2 {
  grid-column: auto/span 6;
  grid-row: auto/span 2; }

.area-sm-6-2 {
  grid-column: auto/span 6;
  grid-row: auto/span 2; }

.col-6-2 {
  grid-column-start: 6;
  grid-column-end: 2; }

.col-sm-6-2 {
  grid-column-start: 6;
  grid-column-end: 2; }

.row-6-2 {
  grid-row-start: 6;
  grid-row-end: 2; }

.row-sm-6-2 {
  grid-row-start: 6;
  grid-row-end: 2; }

.container-6-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-sm-6-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-percentage-6-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 17%);
  grid-template-rows: repeat(3, 33%); }

.area-6-3 {
  grid-column: auto/span 6;
  grid-row: auto/span 3; }

.area-sm-6-3 {
  grid-column: auto/span 6;
  grid-row: auto/span 3; }

.col-6-3 {
  grid-column-start: 6;
  grid-column-end: 3; }

.col-sm-6-3 {
  grid-column-start: 6;
  grid-column-end: 3; }

.row-6-3 {
  grid-row-start: 6;
  grid-row-end: 3; }

.row-sm-6-3 {
  grid-row-start: 6;
  grid-row-end: 3; }

.container-6-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-sm-6-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-percentage-6-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 17%);
  grid-template-rows: repeat(4, 25%); }

.area-6-4 {
  grid-column: auto/span 6;
  grid-row: auto/span 4; }

.area-sm-6-4 {
  grid-column: auto/span 6;
  grid-row: auto/span 4; }

.col-6-4 {
  grid-column-start: 6;
  grid-column-end: 4; }

.col-sm-6-4 {
  grid-column-start: 6;
  grid-column-end: 4; }

.row-6-4 {
  grid-row-start: 6;
  grid-row-end: 4; }

.row-sm-6-4 {
  grid-row-start: 6;
  grid-row-end: 4; }

.container-6-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-sm-6-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-percentage-6-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 17%);
  grid-template-rows: repeat(5, 20%); }

.area-6-5 {
  grid-column: auto/span 6;
  grid-row: auto/span 5; }

.area-sm-6-5 {
  grid-column: auto/span 6;
  grid-row: auto/span 5; }

.col-6-5 {
  grid-column-start: 6;
  grid-column-end: 5; }

.col-sm-6-5 {
  grid-column-start: 6;
  grid-column-end: 5; }

.row-6-5 {
  grid-row-start: 6;
  grid-row-end: 5; }

.row-sm-6-5 {
  grid-row-start: 6;
  grid-row-end: 5; }

.container-6-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-sm-6-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-percentage-6-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 17%);
  grid-template-rows: repeat(6, 17%); }

.area-6-6 {
  grid-column: auto/span 6;
  grid-row: auto/span 6; }

.area-sm-6-6 {
  grid-column: auto/span 6;
  grid-row: auto/span 6; }

.col-6-6 {
  grid-column-start: 6;
  grid-column-end: 6; }

.col-sm-6-6 {
  grid-column-start: 6;
  grid-column-end: 6; }

.row-6-6 {
  grid-row-start: 6;
  grid-row-end: 6; }

.row-sm-6-6 {
  grid-row-start: 6;
  grid-row-end: 6; }

.container-6-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-sm-6-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-percentage-6-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 17%);
  grid-template-rows: repeat(7, 14%); }

.area-6-7 {
  grid-column: auto/span 6;
  grid-row: auto/span 7; }

.area-sm-6-7 {
  grid-column: auto/span 6;
  grid-row: auto/span 7; }

.col-6-7 {
  grid-column-start: 6;
  grid-column-end: 7; }

.col-sm-6-7 {
  grid-column-start: 6;
  grid-column-end: 7; }

.row-6-7 {
  grid-row-start: 6;
  grid-row-end: 7; }

.row-sm-6-7 {
  grid-row-start: 6;
  grid-row-end: 7; }

.container-6-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-sm-6-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-percentage-6-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 17%);
  grid-template-rows: repeat(8, 13%); }

.area-6-8 {
  grid-column: auto/span 6;
  grid-row: auto/span 8; }

.area-sm-6-8 {
  grid-column: auto/span 6;
  grid-row: auto/span 8; }

.col-6-8 {
  grid-column-start: 6;
  grid-column-end: 8; }

.col-sm-6-8 {
  grid-column-start: 6;
  grid-column-end: 8; }

.row-6-8 {
  grid-row-start: 6;
  grid-row-end: 8; }

.row-sm-6-8 {
  grid-row-start: 6;
  grid-row-end: 8; }

.container-6-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-sm-6-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-percentage-6-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 17%);
  grid-template-rows: repeat(9, 11%); }

.area-6-9 {
  grid-column: auto/span 6;
  grid-row: auto/span 9; }

.area-sm-6-9 {
  grid-column: auto/span 6;
  grid-row: auto/span 9; }

.col-6-9 {
  grid-column-start: 6;
  grid-column-end: 9; }

.col-sm-6-9 {
  grid-column-start: 6;
  grid-column-end: 9; }

.row-6-9 {
  grid-row-start: 6;
  grid-row-end: 9; }

.row-sm-6-9 {
  grid-row-start: 6;
  grid-row-end: 9; }

.container-6-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-sm-6-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-percentage-6-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 17%);
  grid-template-rows: repeat(10, 10%); }

.area-6-10 {
  grid-column: auto/span 6;
  grid-row: auto/span 10; }

.area-sm-6-10 {
  grid-column: auto/span 6;
  grid-row: auto/span 10; }

.col-6-10 {
  grid-column-start: 6;
  grid-column-end: 10; }

.col-sm-6-10 {
  grid-column-start: 6;
  grid-column-end: 10; }

.row-6-10 {
  grid-row-start: 6;
  grid-row-end: 10; }

.row-sm-6-10 {
  grid-row-start: 6;
  grid-row-end: 10; }

.container-6-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-sm-6-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-percentage-6-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 17%);
  grid-template-rows: repeat(11, 9%); }

.area-6-11 {
  grid-column: auto/span 6;
  grid-row: auto/span 11; }

.area-sm-6-11 {
  grid-column: auto/span 6;
  grid-row: auto/span 11; }

.col-6-11 {
  grid-column-start: 6;
  grid-column-end: 11; }

.col-sm-6-11 {
  grid-column-start: 6;
  grid-column-end: 11; }

.row-6-11 {
  grid-row-start: 6;
  grid-row-end: 11; }

.row-sm-6-11 {
  grid-row-start: 6;
  grid-row-end: 11; }

.container-6-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-sm-6-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-percentage-6-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(6, 17%);
  grid-template-rows: repeat(12, 8%); }

.area-6-12 {
  grid-column: auto/span 6;
  grid-row: auto/span 12; }

.area-sm-6-12 {
  grid-column: auto/span 6;
  grid-row: auto/span 12; }

.col-6-12 {
  grid-column-start: 6;
  grid-column-end: 12; }

.col-sm-6-12 {
  grid-column-start: 6;
  grid-column-end: 12; }

.row-6-12 {
  grid-row-start: 6;
  grid-row-end: 12; }

.row-sm-6-12 {
  grid-row-start: 6;
  grid-row-end: 12; }

.container-7-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-sm-7-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-percentage-7-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 14%);
  grid-template-rows: repeat(1, 100%); }

.area-7-1 {
  grid-column: auto/span 7;
  grid-row: auto/span 1; }

.area-sm-7-1 {
  grid-column: auto/span 7;
  grid-row: auto/span 1; }

.col-7-1 {
  grid-column-start: 7;
  grid-column-end: 1; }

.col-sm-7-1 {
  grid-column-start: 7;
  grid-column-end: 1; }

.row-7-1 {
  grid-row-start: 7;
  grid-row-end: 1; }

.row-sm-7-1 {
  grid-row-start: 7;
  grid-row-end: 1; }

.container-7-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-sm-7-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-percentage-7-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 14%);
  grid-template-rows: repeat(2, 50%); }

.area-7-2 {
  grid-column: auto/span 7;
  grid-row: auto/span 2; }

.area-sm-7-2 {
  grid-column: auto/span 7;
  grid-row: auto/span 2; }

.col-7-2 {
  grid-column-start: 7;
  grid-column-end: 2; }

.col-sm-7-2 {
  grid-column-start: 7;
  grid-column-end: 2; }

.row-7-2 {
  grid-row-start: 7;
  grid-row-end: 2; }

.row-sm-7-2 {
  grid-row-start: 7;
  grid-row-end: 2; }

.container-7-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-sm-7-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-percentage-7-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 14%);
  grid-template-rows: repeat(3, 33%); }

.area-7-3 {
  grid-column: auto/span 7;
  grid-row: auto/span 3; }

.area-sm-7-3 {
  grid-column: auto/span 7;
  grid-row: auto/span 3; }

.col-7-3 {
  grid-column-start: 7;
  grid-column-end: 3; }

.col-sm-7-3 {
  grid-column-start: 7;
  grid-column-end: 3; }

.row-7-3 {
  grid-row-start: 7;
  grid-row-end: 3; }

.row-sm-7-3 {
  grid-row-start: 7;
  grid-row-end: 3; }

.container-7-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-sm-7-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-percentage-7-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 14%);
  grid-template-rows: repeat(4, 25%); }

.area-7-4 {
  grid-column: auto/span 7;
  grid-row: auto/span 4; }

.area-sm-7-4 {
  grid-column: auto/span 7;
  grid-row: auto/span 4; }

.col-7-4 {
  grid-column-start: 7;
  grid-column-end: 4; }

.col-sm-7-4 {
  grid-column-start: 7;
  grid-column-end: 4; }

.row-7-4 {
  grid-row-start: 7;
  grid-row-end: 4; }

.row-sm-7-4 {
  grid-row-start: 7;
  grid-row-end: 4; }

.container-7-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-sm-7-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-percentage-7-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 14%);
  grid-template-rows: repeat(5, 20%); }

.area-7-5 {
  grid-column: auto/span 7;
  grid-row: auto/span 5; }

.area-sm-7-5 {
  grid-column: auto/span 7;
  grid-row: auto/span 5; }

.col-7-5 {
  grid-column-start: 7;
  grid-column-end: 5; }

.col-sm-7-5 {
  grid-column-start: 7;
  grid-column-end: 5; }

.row-7-5 {
  grid-row-start: 7;
  grid-row-end: 5; }

.row-sm-7-5 {
  grid-row-start: 7;
  grid-row-end: 5; }

.container-7-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-sm-7-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-percentage-7-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 14%);
  grid-template-rows: repeat(6, 17%); }

.area-7-6 {
  grid-column: auto/span 7;
  grid-row: auto/span 6; }

.area-sm-7-6 {
  grid-column: auto/span 7;
  grid-row: auto/span 6; }

.col-7-6 {
  grid-column-start: 7;
  grid-column-end: 6; }

.col-sm-7-6 {
  grid-column-start: 7;
  grid-column-end: 6; }

.row-7-6 {
  grid-row-start: 7;
  grid-row-end: 6; }

.row-sm-7-6 {
  grid-row-start: 7;
  grid-row-end: 6; }

.container-7-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-sm-7-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-percentage-7-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 14%);
  grid-template-rows: repeat(7, 14%); }

.area-7-7 {
  grid-column: auto/span 7;
  grid-row: auto/span 7; }

.area-sm-7-7 {
  grid-column: auto/span 7;
  grid-row: auto/span 7; }

.col-7-7 {
  grid-column-start: 7;
  grid-column-end: 7; }

.col-sm-7-7 {
  grid-column-start: 7;
  grid-column-end: 7; }

.row-7-7 {
  grid-row-start: 7;
  grid-row-end: 7; }

.row-sm-7-7 {
  grid-row-start: 7;
  grid-row-end: 7; }

.container-7-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-sm-7-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-percentage-7-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 14%);
  grid-template-rows: repeat(8, 13%); }

.area-7-8 {
  grid-column: auto/span 7;
  grid-row: auto/span 8; }

.area-sm-7-8 {
  grid-column: auto/span 7;
  grid-row: auto/span 8; }

.col-7-8 {
  grid-column-start: 7;
  grid-column-end: 8; }

.col-sm-7-8 {
  grid-column-start: 7;
  grid-column-end: 8; }

.row-7-8 {
  grid-row-start: 7;
  grid-row-end: 8; }

.row-sm-7-8 {
  grid-row-start: 7;
  grid-row-end: 8; }

.container-7-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-sm-7-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-percentage-7-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 14%);
  grid-template-rows: repeat(9, 11%); }

.area-7-9 {
  grid-column: auto/span 7;
  grid-row: auto/span 9; }

.area-sm-7-9 {
  grid-column: auto/span 7;
  grid-row: auto/span 9; }

.col-7-9 {
  grid-column-start: 7;
  grid-column-end: 9; }

.col-sm-7-9 {
  grid-column-start: 7;
  grid-column-end: 9; }

.row-7-9 {
  grid-row-start: 7;
  grid-row-end: 9; }

.row-sm-7-9 {
  grid-row-start: 7;
  grid-row-end: 9; }

.container-7-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-sm-7-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-percentage-7-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 14%);
  grid-template-rows: repeat(10, 10%); }

.area-7-10 {
  grid-column: auto/span 7;
  grid-row: auto/span 10; }

.area-sm-7-10 {
  grid-column: auto/span 7;
  grid-row: auto/span 10; }

.col-7-10 {
  grid-column-start: 7;
  grid-column-end: 10; }

.col-sm-7-10 {
  grid-column-start: 7;
  grid-column-end: 10; }

.row-7-10 {
  grid-row-start: 7;
  grid-row-end: 10; }

.row-sm-7-10 {
  grid-row-start: 7;
  grid-row-end: 10; }

.container-7-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-sm-7-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-percentage-7-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 14%);
  grid-template-rows: repeat(11, 9%); }

.area-7-11 {
  grid-column: auto/span 7;
  grid-row: auto/span 11; }

.area-sm-7-11 {
  grid-column: auto/span 7;
  grid-row: auto/span 11; }

.col-7-11 {
  grid-column-start: 7;
  grid-column-end: 11; }

.col-sm-7-11 {
  grid-column-start: 7;
  grid-column-end: 11; }

.row-7-11 {
  grid-row-start: 7;
  grid-row-end: 11; }

.row-sm-7-11 {
  grid-row-start: 7;
  grid-row-end: 11; }

.container-7-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-sm-7-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-percentage-7-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, 14%);
  grid-template-rows: repeat(12, 8%); }

.area-7-12 {
  grid-column: auto/span 7;
  grid-row: auto/span 12; }

.area-sm-7-12 {
  grid-column: auto/span 7;
  grid-row: auto/span 12; }

.col-7-12 {
  grid-column-start: 7;
  grid-column-end: 12; }

.col-sm-7-12 {
  grid-column-start: 7;
  grid-column-end: 12; }

.row-7-12 {
  grid-row-start: 7;
  grid-row-end: 12; }

.row-sm-7-12 {
  grid-row-start: 7;
  grid-row-end: 12; }

.container-8-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-sm-8-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-percentage-8-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 13%);
  grid-template-rows: repeat(1, 100%); }

.area-8-1 {
  grid-column: auto/span 8;
  grid-row: auto/span 1; }

.area-sm-8-1 {
  grid-column: auto/span 8;
  grid-row: auto/span 1; }

.col-8-1 {
  grid-column-start: 8;
  grid-column-end: 1; }

.col-sm-8-1 {
  grid-column-start: 8;
  grid-column-end: 1; }

.row-8-1 {
  grid-row-start: 8;
  grid-row-end: 1; }

.row-sm-8-1 {
  grid-row-start: 8;
  grid-row-end: 1; }

.container-8-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-sm-8-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-percentage-8-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 13%);
  grid-template-rows: repeat(2, 50%); }

.area-8-2 {
  grid-column: auto/span 8;
  grid-row: auto/span 2; }

.area-sm-8-2 {
  grid-column: auto/span 8;
  grid-row: auto/span 2; }

.col-8-2 {
  grid-column-start: 8;
  grid-column-end: 2; }

.col-sm-8-2 {
  grid-column-start: 8;
  grid-column-end: 2; }

.row-8-2 {
  grid-row-start: 8;
  grid-row-end: 2; }

.row-sm-8-2 {
  grid-row-start: 8;
  grid-row-end: 2; }

.container-8-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-sm-8-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-percentage-8-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 13%);
  grid-template-rows: repeat(3, 33%); }

.area-8-3 {
  grid-column: auto/span 8;
  grid-row: auto/span 3; }

.area-sm-8-3 {
  grid-column: auto/span 8;
  grid-row: auto/span 3; }

.col-8-3 {
  grid-column-start: 8;
  grid-column-end: 3; }

.col-sm-8-3 {
  grid-column-start: 8;
  grid-column-end: 3; }

.row-8-3 {
  grid-row-start: 8;
  grid-row-end: 3; }

.row-sm-8-3 {
  grid-row-start: 8;
  grid-row-end: 3; }

.container-8-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-sm-8-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-percentage-8-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 13%);
  grid-template-rows: repeat(4, 25%); }

.area-8-4 {
  grid-column: auto/span 8;
  grid-row: auto/span 4; }

.area-sm-8-4 {
  grid-column: auto/span 8;
  grid-row: auto/span 4; }

.col-8-4 {
  grid-column-start: 8;
  grid-column-end: 4; }

.col-sm-8-4 {
  grid-column-start: 8;
  grid-column-end: 4; }

.row-8-4 {
  grid-row-start: 8;
  grid-row-end: 4; }

.row-sm-8-4 {
  grid-row-start: 8;
  grid-row-end: 4; }

.container-8-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-sm-8-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-percentage-8-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 13%);
  grid-template-rows: repeat(5, 20%); }

.area-8-5 {
  grid-column: auto/span 8;
  grid-row: auto/span 5; }

.area-sm-8-5 {
  grid-column: auto/span 8;
  grid-row: auto/span 5; }

.col-8-5 {
  grid-column-start: 8;
  grid-column-end: 5; }

.col-sm-8-5 {
  grid-column-start: 8;
  grid-column-end: 5; }

.row-8-5 {
  grid-row-start: 8;
  grid-row-end: 5; }

.row-sm-8-5 {
  grid-row-start: 8;
  grid-row-end: 5; }

.container-8-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-sm-8-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-percentage-8-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 13%);
  grid-template-rows: repeat(6, 17%); }

.area-8-6 {
  grid-column: auto/span 8;
  grid-row: auto/span 6; }

.area-sm-8-6 {
  grid-column: auto/span 8;
  grid-row: auto/span 6; }

.col-8-6 {
  grid-column-start: 8;
  grid-column-end: 6; }

.col-sm-8-6 {
  grid-column-start: 8;
  grid-column-end: 6; }

.row-8-6 {
  grid-row-start: 8;
  grid-row-end: 6; }

.row-sm-8-6 {
  grid-row-start: 8;
  grid-row-end: 6; }

.container-8-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-sm-8-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-percentage-8-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 13%);
  grid-template-rows: repeat(7, 14%); }

.area-8-7 {
  grid-column: auto/span 8;
  grid-row: auto/span 7; }

.area-sm-8-7 {
  grid-column: auto/span 8;
  grid-row: auto/span 7; }

.col-8-7 {
  grid-column-start: 8;
  grid-column-end: 7; }

.col-sm-8-7 {
  grid-column-start: 8;
  grid-column-end: 7; }

.row-8-7 {
  grid-row-start: 8;
  grid-row-end: 7; }

.row-sm-8-7 {
  grid-row-start: 8;
  grid-row-end: 7; }

.container-8-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-sm-8-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-percentage-8-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 13%);
  grid-template-rows: repeat(8, 13%); }

.area-8-8 {
  grid-column: auto/span 8;
  grid-row: auto/span 8; }

.area-sm-8-8 {
  grid-column: auto/span 8;
  grid-row: auto/span 8; }

.col-8-8 {
  grid-column-start: 8;
  grid-column-end: 8; }

.col-sm-8-8 {
  grid-column-start: 8;
  grid-column-end: 8; }

.row-8-8 {
  grid-row-start: 8;
  grid-row-end: 8; }

.row-sm-8-8 {
  grid-row-start: 8;
  grid-row-end: 8; }

.container-8-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-sm-8-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-percentage-8-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 13%);
  grid-template-rows: repeat(9, 11%); }

.area-8-9 {
  grid-column: auto/span 8;
  grid-row: auto/span 9; }

.area-sm-8-9 {
  grid-column: auto/span 8;
  grid-row: auto/span 9; }

.col-8-9 {
  grid-column-start: 8;
  grid-column-end: 9; }

.col-sm-8-9 {
  grid-column-start: 8;
  grid-column-end: 9; }

.row-8-9 {
  grid-row-start: 8;
  grid-row-end: 9; }

.row-sm-8-9 {
  grid-row-start: 8;
  grid-row-end: 9; }

.container-8-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-sm-8-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-percentage-8-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 13%);
  grid-template-rows: repeat(10, 10%); }

.area-8-10 {
  grid-column: auto/span 8;
  grid-row: auto/span 10; }

.area-sm-8-10 {
  grid-column: auto/span 8;
  grid-row: auto/span 10; }

.col-8-10 {
  grid-column-start: 8;
  grid-column-end: 10; }

.col-sm-8-10 {
  grid-column-start: 8;
  grid-column-end: 10; }

.row-8-10 {
  grid-row-start: 8;
  grid-row-end: 10; }

.row-sm-8-10 {
  grid-row-start: 8;
  grid-row-end: 10; }

.container-8-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-sm-8-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-percentage-8-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 13%);
  grid-template-rows: repeat(11, 9%); }

.area-8-11 {
  grid-column: auto/span 8;
  grid-row: auto/span 11; }

.area-sm-8-11 {
  grid-column: auto/span 8;
  grid-row: auto/span 11; }

.col-8-11 {
  grid-column-start: 8;
  grid-column-end: 11; }

.col-sm-8-11 {
  grid-column-start: 8;
  grid-column-end: 11; }

.row-8-11 {
  grid-row-start: 8;
  grid-row-end: 11; }

.row-sm-8-11 {
  grid-row-start: 8;
  grid-row-end: 11; }

.container-8-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-sm-8-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-percentage-8-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(8, 13%);
  grid-template-rows: repeat(12, 8%); }

.area-8-12 {
  grid-column: auto/span 8;
  grid-row: auto/span 12; }

.area-sm-8-12 {
  grid-column: auto/span 8;
  grid-row: auto/span 12; }

.col-8-12 {
  grid-column-start: 8;
  grid-column-end: 12; }

.col-sm-8-12 {
  grid-column-start: 8;
  grid-column-end: 12; }

.row-8-12 {
  grid-row-start: 8;
  grid-row-end: 12; }

.row-sm-8-12 {
  grid-row-start: 8;
  grid-row-end: 12; }

.container-9-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-sm-9-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-percentage-9-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 11%);
  grid-template-rows: repeat(1, 100%); }

.area-9-1 {
  grid-column: auto/span 9;
  grid-row: auto/span 1; }

.area-sm-9-1 {
  grid-column: auto/span 9;
  grid-row: auto/span 1; }

.col-9-1 {
  grid-column-start: 9;
  grid-column-end: 1; }

.col-sm-9-1 {
  grid-column-start: 9;
  grid-column-end: 1; }

.row-9-1 {
  grid-row-start: 9;
  grid-row-end: 1; }

.row-sm-9-1 {
  grid-row-start: 9;
  grid-row-end: 1; }

.container-9-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-sm-9-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-percentage-9-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 11%);
  grid-template-rows: repeat(2, 50%); }

.area-9-2 {
  grid-column: auto/span 9;
  grid-row: auto/span 2; }

.area-sm-9-2 {
  grid-column: auto/span 9;
  grid-row: auto/span 2; }

.col-9-2 {
  grid-column-start: 9;
  grid-column-end: 2; }

.col-sm-9-2 {
  grid-column-start: 9;
  grid-column-end: 2; }

.row-9-2 {
  grid-row-start: 9;
  grid-row-end: 2; }

.row-sm-9-2 {
  grid-row-start: 9;
  grid-row-end: 2; }

.container-9-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-sm-9-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-percentage-9-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 11%);
  grid-template-rows: repeat(3, 33%); }

.area-9-3 {
  grid-column: auto/span 9;
  grid-row: auto/span 3; }

.area-sm-9-3 {
  grid-column: auto/span 9;
  grid-row: auto/span 3; }

.col-9-3 {
  grid-column-start: 9;
  grid-column-end: 3; }

.col-sm-9-3 {
  grid-column-start: 9;
  grid-column-end: 3; }

.row-9-3 {
  grid-row-start: 9;
  grid-row-end: 3; }

.row-sm-9-3 {
  grid-row-start: 9;
  grid-row-end: 3; }

.container-9-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-sm-9-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-percentage-9-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 11%);
  grid-template-rows: repeat(4, 25%); }

.area-9-4 {
  grid-column: auto/span 9;
  grid-row: auto/span 4; }

.area-sm-9-4 {
  grid-column: auto/span 9;
  grid-row: auto/span 4; }

.col-9-4 {
  grid-column-start: 9;
  grid-column-end: 4; }

.col-sm-9-4 {
  grid-column-start: 9;
  grid-column-end: 4; }

.row-9-4 {
  grid-row-start: 9;
  grid-row-end: 4; }

.row-sm-9-4 {
  grid-row-start: 9;
  grid-row-end: 4; }

.container-9-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-sm-9-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-percentage-9-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 11%);
  grid-template-rows: repeat(5, 20%); }

.area-9-5 {
  grid-column: auto/span 9;
  grid-row: auto/span 5; }

.area-sm-9-5 {
  grid-column: auto/span 9;
  grid-row: auto/span 5; }

.col-9-5 {
  grid-column-start: 9;
  grid-column-end: 5; }

.col-sm-9-5 {
  grid-column-start: 9;
  grid-column-end: 5; }

.row-9-5 {
  grid-row-start: 9;
  grid-row-end: 5; }

.row-sm-9-5 {
  grid-row-start: 9;
  grid-row-end: 5; }

.container-9-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-sm-9-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-percentage-9-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 11%);
  grid-template-rows: repeat(6, 17%); }

.area-9-6 {
  grid-column: auto/span 9;
  grid-row: auto/span 6; }

.area-sm-9-6 {
  grid-column: auto/span 9;
  grid-row: auto/span 6; }

.col-9-6 {
  grid-column-start: 9;
  grid-column-end: 6; }

.col-sm-9-6 {
  grid-column-start: 9;
  grid-column-end: 6; }

.row-9-6 {
  grid-row-start: 9;
  grid-row-end: 6; }

.row-sm-9-6 {
  grid-row-start: 9;
  grid-row-end: 6; }

.container-9-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-sm-9-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-percentage-9-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 11%);
  grid-template-rows: repeat(7, 14%); }

.area-9-7 {
  grid-column: auto/span 9;
  grid-row: auto/span 7; }

.area-sm-9-7 {
  grid-column: auto/span 9;
  grid-row: auto/span 7; }

.col-9-7 {
  grid-column-start: 9;
  grid-column-end: 7; }

.col-sm-9-7 {
  grid-column-start: 9;
  grid-column-end: 7; }

.row-9-7 {
  grid-row-start: 9;
  grid-row-end: 7; }

.row-sm-9-7 {
  grid-row-start: 9;
  grid-row-end: 7; }

.container-9-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-sm-9-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-percentage-9-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 11%);
  grid-template-rows: repeat(8, 13%); }

.area-9-8 {
  grid-column: auto/span 9;
  grid-row: auto/span 8; }

.area-sm-9-8 {
  grid-column: auto/span 9;
  grid-row: auto/span 8; }

.col-9-8 {
  grid-column-start: 9;
  grid-column-end: 8; }

.col-sm-9-8 {
  grid-column-start: 9;
  grid-column-end: 8; }

.row-9-8 {
  grid-row-start: 9;
  grid-row-end: 8; }

.row-sm-9-8 {
  grid-row-start: 9;
  grid-row-end: 8; }

.container-9-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-sm-9-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-percentage-9-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 11%);
  grid-template-rows: repeat(9, 11%); }

.area-9-9 {
  grid-column: auto/span 9;
  grid-row: auto/span 9; }

.area-sm-9-9 {
  grid-column: auto/span 9;
  grid-row: auto/span 9; }

.col-9-9 {
  grid-column-start: 9;
  grid-column-end: 9; }

.col-sm-9-9 {
  grid-column-start: 9;
  grid-column-end: 9; }

.row-9-9 {
  grid-row-start: 9;
  grid-row-end: 9; }

.row-sm-9-9 {
  grid-row-start: 9;
  grid-row-end: 9; }

.container-9-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-sm-9-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-percentage-9-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 11%);
  grid-template-rows: repeat(10, 10%); }

.area-9-10 {
  grid-column: auto/span 9;
  grid-row: auto/span 10; }

.area-sm-9-10 {
  grid-column: auto/span 9;
  grid-row: auto/span 10; }

.col-9-10 {
  grid-column-start: 9;
  grid-column-end: 10; }

.col-sm-9-10 {
  grid-column-start: 9;
  grid-column-end: 10; }

.row-9-10 {
  grid-row-start: 9;
  grid-row-end: 10; }

.row-sm-9-10 {
  grid-row-start: 9;
  grid-row-end: 10; }

.container-9-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-sm-9-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-percentage-9-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 11%);
  grid-template-rows: repeat(11, 9%); }

.area-9-11 {
  grid-column: auto/span 9;
  grid-row: auto/span 11; }

.area-sm-9-11 {
  grid-column: auto/span 9;
  grid-row: auto/span 11; }

.col-9-11 {
  grid-column-start: 9;
  grid-column-end: 11; }

.col-sm-9-11 {
  grid-column-start: 9;
  grid-column-end: 11; }

.row-9-11 {
  grid-row-start: 9;
  grid-row-end: 11; }

.row-sm-9-11 {
  grid-row-start: 9;
  grid-row-end: 11; }

.container-9-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-sm-9-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-percentage-9-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(9, 11%);
  grid-template-rows: repeat(12, 8%); }

.area-9-12 {
  grid-column: auto/span 9;
  grid-row: auto/span 12; }

.area-sm-9-12 {
  grid-column: auto/span 9;
  grid-row: auto/span 12; }

.col-9-12 {
  grid-column-start: 9;
  grid-column-end: 12; }

.col-sm-9-12 {
  grid-column-start: 9;
  grid-column-end: 12; }

.row-9-12 {
  grid-row-start: 9;
  grid-row-end: 12; }

.row-sm-9-12 {
  grid-row-start: 9;
  grid-row-end: 12; }

.container-10-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-sm-10-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-percentage-10-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(1, 100%); }

.area-10-1 {
  grid-column: auto/span 10;
  grid-row: auto/span 1; }

.area-sm-10-1 {
  grid-column: auto/span 10;
  grid-row: auto/span 1; }

.col-10-1 {
  grid-column-start: 10;
  grid-column-end: 1; }

.col-sm-10-1 {
  grid-column-start: 10;
  grid-column-end: 1; }

.row-10-1 {
  grid-row-start: 10;
  grid-row-end: 1; }

.row-sm-10-1 {
  grid-row-start: 10;
  grid-row-end: 1; }

.container-10-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-sm-10-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-percentage-10-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(2, 50%); }

.area-10-2 {
  grid-column: auto/span 10;
  grid-row: auto/span 2; }

.area-sm-10-2 {
  grid-column: auto/span 10;
  grid-row: auto/span 2; }

.col-10-2 {
  grid-column-start: 10;
  grid-column-end: 2; }

.col-sm-10-2 {
  grid-column-start: 10;
  grid-column-end: 2; }

.row-10-2 {
  grid-row-start: 10;
  grid-row-end: 2; }

.row-sm-10-2 {
  grid-row-start: 10;
  grid-row-end: 2; }

.container-10-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-sm-10-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-percentage-10-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(3, 33%); }

.area-10-3 {
  grid-column: auto/span 10;
  grid-row: auto/span 3; }

.area-sm-10-3 {
  grid-column: auto/span 10;
  grid-row: auto/span 3; }

.col-10-3 {
  grid-column-start: 10;
  grid-column-end: 3; }

.col-sm-10-3 {
  grid-column-start: 10;
  grid-column-end: 3; }

.row-10-3 {
  grid-row-start: 10;
  grid-row-end: 3; }

.row-sm-10-3 {
  grid-row-start: 10;
  grid-row-end: 3; }

.container-10-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-sm-10-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-percentage-10-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(4, 25%); }

.area-10-4 {
  grid-column: auto/span 10;
  grid-row: auto/span 4; }

.area-sm-10-4 {
  grid-column: auto/span 10;
  grid-row: auto/span 4; }

.col-10-4 {
  grid-column-start: 10;
  grid-column-end: 4; }

.col-sm-10-4 {
  grid-column-start: 10;
  grid-column-end: 4; }

.row-10-4 {
  grid-row-start: 10;
  grid-row-end: 4; }

.row-sm-10-4 {
  grid-row-start: 10;
  grid-row-end: 4; }

.container-10-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-sm-10-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-percentage-10-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(5, 20%); }

.area-10-5 {
  grid-column: auto/span 10;
  grid-row: auto/span 5; }

.area-sm-10-5 {
  grid-column: auto/span 10;
  grid-row: auto/span 5; }

.col-10-5 {
  grid-column-start: 10;
  grid-column-end: 5; }

.col-sm-10-5 {
  grid-column-start: 10;
  grid-column-end: 5; }

.row-10-5 {
  grid-row-start: 10;
  grid-row-end: 5; }

.row-sm-10-5 {
  grid-row-start: 10;
  grid-row-end: 5; }

.container-10-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-sm-10-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-percentage-10-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(6, 17%); }

.area-10-6 {
  grid-column: auto/span 10;
  grid-row: auto/span 6; }

.area-sm-10-6 {
  grid-column: auto/span 10;
  grid-row: auto/span 6; }

.col-10-6 {
  grid-column-start: 10;
  grid-column-end: 6; }

.col-sm-10-6 {
  grid-column-start: 10;
  grid-column-end: 6; }

.row-10-6 {
  grid-row-start: 10;
  grid-row-end: 6; }

.row-sm-10-6 {
  grid-row-start: 10;
  grid-row-end: 6; }

.container-10-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-sm-10-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-percentage-10-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(7, 14%); }

.area-10-7 {
  grid-column: auto/span 10;
  grid-row: auto/span 7; }

.area-sm-10-7 {
  grid-column: auto/span 10;
  grid-row: auto/span 7; }

.col-10-7 {
  grid-column-start: 10;
  grid-column-end: 7; }

.col-sm-10-7 {
  grid-column-start: 10;
  grid-column-end: 7; }

.row-10-7 {
  grid-row-start: 10;
  grid-row-end: 7; }

.row-sm-10-7 {
  grid-row-start: 10;
  grid-row-end: 7; }

.container-10-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-sm-10-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-percentage-10-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(8, 13%); }

.area-10-8 {
  grid-column: auto/span 10;
  grid-row: auto/span 8; }

.area-sm-10-8 {
  grid-column: auto/span 10;
  grid-row: auto/span 8; }

.col-10-8 {
  grid-column-start: 10;
  grid-column-end: 8; }

.col-sm-10-8 {
  grid-column-start: 10;
  grid-column-end: 8; }

.row-10-8 {
  grid-row-start: 10;
  grid-row-end: 8; }

.row-sm-10-8 {
  grid-row-start: 10;
  grid-row-end: 8; }

.container-10-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-sm-10-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-percentage-10-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(9, 11%); }

.area-10-9 {
  grid-column: auto/span 10;
  grid-row: auto/span 9; }

.area-sm-10-9 {
  grid-column: auto/span 10;
  grid-row: auto/span 9; }

.col-10-9 {
  grid-column-start: 10;
  grid-column-end: 9; }

.col-sm-10-9 {
  grid-column-start: 10;
  grid-column-end: 9; }

.row-10-9 {
  grid-row-start: 10;
  grid-row-end: 9; }

.row-sm-10-9 {
  grid-row-start: 10;
  grid-row-end: 9; }

.container-10-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-sm-10-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-percentage-10-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(10, 10%); }

.area-10-10 {
  grid-column: auto/span 10;
  grid-row: auto/span 10; }

.area-sm-10-10 {
  grid-column: auto/span 10;
  grid-row: auto/span 10; }

.col-10-10 {
  grid-column-start: 10;
  grid-column-end: 10; }

.col-sm-10-10 {
  grid-column-start: 10;
  grid-column-end: 10; }

.row-10-10 {
  grid-row-start: 10;
  grid-row-end: 10; }

.row-sm-10-10 {
  grid-row-start: 10;
  grid-row-end: 10; }

.container-10-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-sm-10-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-percentage-10-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(11, 9%); }

.area-10-11 {
  grid-column: auto/span 10;
  grid-row: auto/span 11; }

.area-sm-10-11 {
  grid-column: auto/span 10;
  grid-row: auto/span 11; }

.col-10-11 {
  grid-column-start: 10;
  grid-column-end: 11; }

.col-sm-10-11 {
  grid-column-start: 10;
  grid-column-end: 11; }

.row-10-11 {
  grid-row-start: 10;
  grid-row-end: 11; }

.row-sm-10-11 {
  grid-row-start: 10;
  grid-row-end: 11; }

.container-10-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-sm-10-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-percentage-10-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: repeat(12, 8%); }

.area-10-12 {
  grid-column: auto/span 10;
  grid-row: auto/span 12; }

.area-sm-10-12 {
  grid-column: auto/span 10;
  grid-row: auto/span 12; }

.col-10-12 {
  grid-column-start: 10;
  grid-column-end: 12; }

.col-sm-10-12 {
  grid-column-start: 10;
  grid-column-end: 12; }

.row-10-12 {
  grid-row-start: 10;
  grid-row-end: 12; }

.row-sm-10-12 {
  grid-row-start: 10;
  grid-row-end: 12; }

.container-11-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-sm-11-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-percentage-11-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 9%);
  grid-template-rows: repeat(1, 100%); }

.area-11-1 {
  grid-column: auto/span 11;
  grid-row: auto/span 1; }

.area-sm-11-1 {
  grid-column: auto/span 11;
  grid-row: auto/span 1; }

.col-11-1 {
  grid-column-start: 11;
  grid-column-end: 1; }

.col-sm-11-1 {
  grid-column-start: 11;
  grid-column-end: 1; }

.row-11-1 {
  grid-row-start: 11;
  grid-row-end: 1; }

.row-sm-11-1 {
  grid-row-start: 11;
  grid-row-end: 1; }

.container-11-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-sm-11-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-percentage-11-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 9%);
  grid-template-rows: repeat(2, 50%); }

.area-11-2 {
  grid-column: auto/span 11;
  grid-row: auto/span 2; }

.area-sm-11-2 {
  grid-column: auto/span 11;
  grid-row: auto/span 2; }

.col-11-2 {
  grid-column-start: 11;
  grid-column-end: 2; }

.col-sm-11-2 {
  grid-column-start: 11;
  grid-column-end: 2; }

.row-11-2 {
  grid-row-start: 11;
  grid-row-end: 2; }

.row-sm-11-2 {
  grid-row-start: 11;
  grid-row-end: 2; }

.container-11-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-sm-11-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-percentage-11-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 9%);
  grid-template-rows: repeat(3, 33%); }

.area-11-3 {
  grid-column: auto/span 11;
  grid-row: auto/span 3; }

.area-sm-11-3 {
  grid-column: auto/span 11;
  grid-row: auto/span 3; }

.col-11-3 {
  grid-column-start: 11;
  grid-column-end: 3; }

.col-sm-11-3 {
  grid-column-start: 11;
  grid-column-end: 3; }

.row-11-3 {
  grid-row-start: 11;
  grid-row-end: 3; }

.row-sm-11-3 {
  grid-row-start: 11;
  grid-row-end: 3; }

.container-11-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-sm-11-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-percentage-11-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 9%);
  grid-template-rows: repeat(4, 25%); }

.area-11-4 {
  grid-column: auto/span 11;
  grid-row: auto/span 4; }

.area-sm-11-4 {
  grid-column: auto/span 11;
  grid-row: auto/span 4; }

.col-11-4 {
  grid-column-start: 11;
  grid-column-end: 4; }

.col-sm-11-4 {
  grid-column-start: 11;
  grid-column-end: 4; }

.row-11-4 {
  grid-row-start: 11;
  grid-row-end: 4; }

.row-sm-11-4 {
  grid-row-start: 11;
  grid-row-end: 4; }

.container-11-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-sm-11-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-percentage-11-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 9%);
  grid-template-rows: repeat(5, 20%); }

.area-11-5 {
  grid-column: auto/span 11;
  grid-row: auto/span 5; }

.area-sm-11-5 {
  grid-column: auto/span 11;
  grid-row: auto/span 5; }

.col-11-5 {
  grid-column-start: 11;
  grid-column-end: 5; }

.col-sm-11-5 {
  grid-column-start: 11;
  grid-column-end: 5; }

.row-11-5 {
  grid-row-start: 11;
  grid-row-end: 5; }

.row-sm-11-5 {
  grid-row-start: 11;
  grid-row-end: 5; }

.container-11-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-sm-11-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-percentage-11-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 9%);
  grid-template-rows: repeat(6, 17%); }

.area-11-6 {
  grid-column: auto/span 11;
  grid-row: auto/span 6; }

.area-sm-11-6 {
  grid-column: auto/span 11;
  grid-row: auto/span 6; }

.col-11-6 {
  grid-column-start: 11;
  grid-column-end: 6; }

.col-sm-11-6 {
  grid-column-start: 11;
  grid-column-end: 6; }

.row-11-6 {
  grid-row-start: 11;
  grid-row-end: 6; }

.row-sm-11-6 {
  grid-row-start: 11;
  grid-row-end: 6; }

.container-11-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-sm-11-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-percentage-11-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 9%);
  grid-template-rows: repeat(7, 14%); }

.area-11-7 {
  grid-column: auto/span 11;
  grid-row: auto/span 7; }

.area-sm-11-7 {
  grid-column: auto/span 11;
  grid-row: auto/span 7; }

.col-11-7 {
  grid-column-start: 11;
  grid-column-end: 7; }

.col-sm-11-7 {
  grid-column-start: 11;
  grid-column-end: 7; }

.row-11-7 {
  grid-row-start: 11;
  grid-row-end: 7; }

.row-sm-11-7 {
  grid-row-start: 11;
  grid-row-end: 7; }

.container-11-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-sm-11-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-percentage-11-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 9%);
  grid-template-rows: repeat(8, 13%); }

.area-11-8 {
  grid-column: auto/span 11;
  grid-row: auto/span 8; }

.area-sm-11-8 {
  grid-column: auto/span 11;
  grid-row: auto/span 8; }

.col-11-8 {
  grid-column-start: 11;
  grid-column-end: 8; }

.col-sm-11-8 {
  grid-column-start: 11;
  grid-column-end: 8; }

.row-11-8 {
  grid-row-start: 11;
  grid-row-end: 8; }

.row-sm-11-8 {
  grid-row-start: 11;
  grid-row-end: 8; }

.container-11-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-sm-11-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-percentage-11-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 9%);
  grid-template-rows: repeat(9, 11%); }

.area-11-9 {
  grid-column: auto/span 11;
  grid-row: auto/span 9; }

.area-sm-11-9 {
  grid-column: auto/span 11;
  grid-row: auto/span 9; }

.col-11-9 {
  grid-column-start: 11;
  grid-column-end: 9; }

.col-sm-11-9 {
  grid-column-start: 11;
  grid-column-end: 9; }

.row-11-9 {
  grid-row-start: 11;
  grid-row-end: 9; }

.row-sm-11-9 {
  grid-row-start: 11;
  grid-row-end: 9; }

.container-11-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-sm-11-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-percentage-11-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 9%);
  grid-template-rows: repeat(10, 10%); }

.area-11-10 {
  grid-column: auto/span 11;
  grid-row: auto/span 10; }

.area-sm-11-10 {
  grid-column: auto/span 11;
  grid-row: auto/span 10; }

.col-11-10 {
  grid-column-start: 11;
  grid-column-end: 10; }

.col-sm-11-10 {
  grid-column-start: 11;
  grid-column-end: 10; }

.row-11-10 {
  grid-row-start: 11;
  grid-row-end: 10; }

.row-sm-11-10 {
  grid-row-start: 11;
  grid-row-end: 10; }

.container-11-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-sm-11-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-percentage-11-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 9%);
  grid-template-rows: repeat(11, 9%); }

.area-11-11 {
  grid-column: auto/span 11;
  grid-row: auto/span 11; }

.area-sm-11-11 {
  grid-column: auto/span 11;
  grid-row: auto/span 11; }

.col-11-11 {
  grid-column-start: 11;
  grid-column-end: 11; }

.col-sm-11-11 {
  grid-column-start: 11;
  grid-column-end: 11; }

.row-11-11 {
  grid-row-start: 11;
  grid-row-end: 11; }

.row-sm-11-11 {
  grid-row-start: 11;
  grid-row-end: 11; }

.container-11-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-sm-11-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-percentage-11-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(11, 9%);
  grid-template-rows: repeat(12, 8%); }

.area-11-12 {
  grid-column: auto/span 11;
  grid-row: auto/span 12; }

.area-sm-11-12 {
  grid-column: auto/span 11;
  grid-row: auto/span 12; }

.col-11-12 {
  grid-column-start: 11;
  grid-column-end: 12; }

.col-sm-11-12 {
  grid-column-start: 11;
  grid-column-end: 12; }

.row-11-12 {
  grid-row-start: 11;
  grid-row-end: 12; }

.row-sm-11-12 {
  grid-row-start: 11;
  grid-row-end: 12; }

.container-12-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-sm-12-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(1, 1fr); }

.container-percentage-12-1 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 8%);
  grid-template-rows: repeat(1, 100%); }

.area-12-1 {
  grid-column: auto/span 12;
  grid-row: auto/span 1; }

.area-sm-12-1 {
  grid-column: auto/span 12;
  grid-row: auto/span 1; }

.col-12-1 {
  grid-column-start: 12;
  grid-column-end: 1; }

.col-sm-12-1 {
  grid-column-start: 12;
  grid-column-end: 1; }

.row-12-1 {
  grid-row-start: 12;
  grid-row-end: 1; }

.row-sm-12-1 {
  grid-row-start: 12;
  grid-row-end: 1; }

.container-12-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-sm-12-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, 1fr); }

.container-percentage-12-2 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 8%);
  grid-template-rows: repeat(2, 50%); }

.area-12-2 {
  grid-column: auto/span 12;
  grid-row: auto/span 2; }

.area-sm-12-2 {
  grid-column: auto/span 12;
  grid-row: auto/span 2; }

.col-12-2 {
  grid-column-start: 12;
  grid-column-end: 2; }

.col-sm-12-2 {
  grid-column-start: 12;
  grid-column-end: 2; }

.row-12-2 {
  grid-row-start: 12;
  grid-row-end: 2; }

.row-sm-12-2 {
  grid-row-start: 12;
  grid-row-end: 2; }

.container-12-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-sm-12-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(3, 1fr); }

.container-percentage-12-3 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 8%);
  grid-template-rows: repeat(3, 33%); }

.area-12-3 {
  grid-column: auto/span 12;
  grid-row: auto/span 3; }

.area-sm-12-3 {
  grid-column: auto/span 12;
  grid-row: auto/span 3; }

.col-12-3 {
  grid-column-start: 12;
  grid-column-end: 3; }

.col-sm-12-3 {
  grid-column-start: 12;
  grid-column-end: 3; }

.row-12-3 {
  grid-row-start: 12;
  grid-row-end: 3; }

.row-sm-12-3 {
  grid-row-start: 12;
  grid-row-end: 3; }

.container-12-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-sm-12-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(4, 1fr); }

.container-percentage-12-4 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 8%);
  grid-template-rows: repeat(4, 25%); }

.area-12-4 {
  grid-column: auto/span 12;
  grid-row: auto/span 4; }

.area-sm-12-4 {
  grid-column: auto/span 12;
  grid-row: auto/span 4; }

.col-12-4 {
  grid-column-start: 12;
  grid-column-end: 4; }

.col-sm-12-4 {
  grid-column-start: 12;
  grid-column-end: 4; }

.row-12-4 {
  grid-row-start: 12;
  grid-row-end: 4; }

.row-sm-12-4 {
  grid-row-start: 12;
  grid-row-end: 4; }

.container-12-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-sm-12-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(5, 1fr); }

.container-percentage-12-5 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 8%);
  grid-template-rows: repeat(5, 20%); }

.area-12-5 {
  grid-column: auto/span 12;
  grid-row: auto/span 5; }

.area-sm-12-5 {
  grid-column: auto/span 12;
  grid-row: auto/span 5; }

.col-12-5 {
  grid-column-start: 12;
  grid-column-end: 5; }

.col-sm-12-5 {
  grid-column-start: 12;
  grid-column-end: 5; }

.row-12-5 {
  grid-row-start: 12;
  grid-row-end: 5; }

.row-sm-12-5 {
  grid-row-start: 12;
  grid-row-end: 5; }

.container-12-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-sm-12-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(6, 1fr); }

.container-percentage-12-6 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 8%);
  grid-template-rows: repeat(6, 17%); }

.area-12-6 {
  grid-column: auto/span 12;
  grid-row: auto/span 6; }

.area-sm-12-6 {
  grid-column: auto/span 12;
  grid-row: auto/span 6; }

.col-12-6 {
  grid-column-start: 12;
  grid-column-end: 6; }

.col-sm-12-6 {
  grid-column-start: 12;
  grid-column-end: 6; }

.row-12-6 {
  grid-row-start: 12;
  grid-row-end: 6; }

.row-sm-12-6 {
  grid-row-start: 12;
  grid-row-end: 6; }

.container-12-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-sm-12-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(7, 1fr); }

.container-percentage-12-7 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 8%);
  grid-template-rows: repeat(7, 14%); }

.area-12-7 {
  grid-column: auto/span 12;
  grid-row: auto/span 7; }

.area-sm-12-7 {
  grid-column: auto/span 12;
  grid-row: auto/span 7; }

.col-12-7 {
  grid-column-start: 12;
  grid-column-end: 7; }

.col-sm-12-7 {
  grid-column-start: 12;
  grid-column-end: 7; }

.row-12-7 {
  grid-row-start: 12;
  grid-row-end: 7; }

.row-sm-12-7 {
  grid-row-start: 12;
  grid-row-end: 7; }

.container-12-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-sm-12-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(8, 1fr); }

.container-percentage-12-8 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 8%);
  grid-template-rows: repeat(8, 13%); }

.area-12-8 {
  grid-column: auto/span 12;
  grid-row: auto/span 8; }

.area-sm-12-8 {
  grid-column: auto/span 12;
  grid-row: auto/span 8; }

.col-12-8 {
  grid-column-start: 12;
  grid-column-end: 8; }

.col-sm-12-8 {
  grid-column-start: 12;
  grid-column-end: 8; }

.row-12-8 {
  grid-row-start: 12;
  grid-row-end: 8; }

.row-sm-12-8 {
  grid-row-start: 12;
  grid-row-end: 8; }

.container-12-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-sm-12-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(9, 1fr); }

.container-percentage-12-9 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 8%);
  grid-template-rows: repeat(9, 11%); }

.area-12-9 {
  grid-column: auto/span 12;
  grid-row: auto/span 9; }

.area-sm-12-9 {
  grid-column: auto/span 12;
  grid-row: auto/span 9; }

.col-12-9 {
  grid-column-start: 12;
  grid-column-end: 9; }

.col-sm-12-9 {
  grid-column-start: 12;
  grid-column-end: 9; }

.row-12-9 {
  grid-row-start: 12;
  grid-row-end: 9; }

.row-sm-12-9 {
  grid-row-start: 12;
  grid-row-end: 9; }

.container-12-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-sm-12-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(10, 1fr); }

.container-percentage-12-10 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 8%);
  grid-template-rows: repeat(10, 10%); }

.area-12-10 {
  grid-column: auto/span 12;
  grid-row: auto/span 10; }

.area-sm-12-10 {
  grid-column: auto/span 12;
  grid-row: auto/span 10; }

.col-12-10 {
  grid-column-start: 12;
  grid-column-end: 10; }

.col-sm-12-10 {
  grid-column-start: 12;
  grid-column-end: 10; }

.row-12-10 {
  grid-row-start: 12;
  grid-row-end: 10; }

.row-sm-12-10 {
  grid-row-start: 12;
  grid-row-end: 10; }

.container-12-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-sm-12-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(11, 1fr); }

.container-percentage-12-11 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 8%);
  grid-template-rows: repeat(11, 9%); }

.area-12-11 {
  grid-column: auto/span 12;
  grid-row: auto/span 11; }

.area-sm-12-11 {
  grid-column: auto/span 12;
  grid-row: auto/span 11; }

.col-12-11 {
  grid-column-start: 12;
  grid-column-end: 11; }

.col-sm-12-11 {
  grid-column-start: 12;
  grid-column-end: 11; }

.row-12-11 {
  grid-row-start: 12;
  grid-row-end: 11; }

.row-sm-12-11 {
  grid-row-start: 12;
  grid-row-end: 11; }

.container-12-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-sm-12-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(12, 1fr); }

.container-percentage-12-12 {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, 8%);
  grid-template-rows: repeat(12, 8%); }

.area-12-12 {
  grid-column: auto/span 12;
  grid-row: auto/span 12; }

.area-sm-12-12 {
  grid-column: auto/span 12;
  grid-row: auto/span 12; }

.col-12-12 {
  grid-column-start: 12;
  grid-column-end: 12; }

.col-sm-12-12 {
  grid-column-start: 12;
  grid-column-end: 12; }

.row-12-12 {
  grid-row-start: 12;
  grid-row-end: 12; }

.row-sm-12-12 {
  grid-row-start: 12;
  grid-row-end: 12; }

.col-1 {
  grid-column-start: 1; }

.col-start-1 {
  grid-column-start: 1; }

.col-sm-1 {
  grid-column-start: 1; }

.col-start-sm-1 {
  grid-column-start: 1; }

.row-start-1 {
  grid-row-start: 1; }

.row-1 {
  grid-row-start: 1; }

.row-start-sm-1 {
  grid-row-start: 1; }

.row-sm-1 {
  grid-row-start: 1; }

.col-end-1 {
  grid-column-end: 1; }

.col-end-sm-1 {
  grid-column-end: 1; }

.row-end-1 {
  grid-row-end: 1; }

.row-end-sm-1 {
  grid-row-end: 1; }

.col-2 {
  grid-column-start: 2; }

.col-start-2 {
  grid-column-start: 2; }

.col-sm-2 {
  grid-column-start: 2; }

.col-start-sm-2 {
  grid-column-start: 2; }

.row-start-2 {
  grid-row-start: 2; }

.row-2 {
  grid-row-start: 2; }

.row-start-sm-2 {
  grid-row-start: 2; }

.row-sm-2 {
  grid-row-start: 2; }

.col-end-2 {
  grid-column-end: 2; }

.col-end-sm-2 {
  grid-column-end: 2; }

.row-end-2 {
  grid-row-end: 2; }

.row-end-sm-2 {
  grid-row-end: 2; }

.col-3 {
  grid-column-start: 3; }

.col-start-3 {
  grid-column-start: 3; }

.col-sm-3 {
  grid-column-start: 3; }

.col-start-sm-3 {
  grid-column-start: 3; }

.row-start-3 {
  grid-row-start: 3; }

.row-3 {
  grid-row-start: 3; }

.row-start-sm-3 {
  grid-row-start: 3; }

.row-sm-3 {
  grid-row-start: 3; }

.col-end-3 {
  grid-column-end: 3; }

.col-end-sm-3 {
  grid-column-end: 3; }

.row-end-3 {
  grid-row-end: 3; }

.row-end-sm-3 {
  grid-row-end: 3; }

.col-4 {
  grid-column-start: 4; }

.col-start-4 {
  grid-column-start: 4; }

.col-sm-4 {
  grid-column-start: 4; }

.col-start-sm-4 {
  grid-column-start: 4; }

.row-start-4 {
  grid-row-start: 4; }

.row-4 {
  grid-row-start: 4; }

.row-start-sm-4 {
  grid-row-start: 4; }

.row-sm-4 {
  grid-row-start: 4; }

.col-end-4 {
  grid-column-end: 4; }

.col-end-sm-4 {
  grid-column-end: 4; }

.row-end-4 {
  grid-row-end: 4; }

.row-end-sm-4 {
  grid-row-end: 4; }

.col-5 {
  grid-column-start: 5; }

.col-start-5 {
  grid-column-start: 5; }

.col-sm-5 {
  grid-column-start: 5; }

.col-start-sm-5 {
  grid-column-start: 5; }

.row-start-5 {
  grid-row-start: 5; }

.row-5 {
  grid-row-start: 5; }

.row-start-sm-5 {
  grid-row-start: 5; }

.row-sm-5 {
  grid-row-start: 5; }

.col-end-5 {
  grid-column-end: 5; }

.col-end-sm-5 {
  grid-column-end: 5; }

.row-end-5 {
  grid-row-end: 5; }

.row-end-sm-5 {
  grid-row-end: 5; }

.col-6 {
  grid-column-start: 6; }

.col-start-6 {
  grid-column-start: 6; }

.col-sm-6 {
  grid-column-start: 6; }

.col-start-sm-6 {
  grid-column-start: 6; }

.row-start-6 {
  grid-row-start: 6; }

.row-6 {
  grid-row-start: 6; }

.row-start-sm-6 {
  grid-row-start: 6; }

.row-sm-6 {
  grid-row-start: 6; }

.col-end-6 {
  grid-column-end: 6; }

.col-end-sm-6 {
  grid-column-end: 6; }

.row-end-6 {
  grid-row-end: 6; }

.row-end-sm-6 {
  grid-row-end: 6; }

.col-7 {
  grid-column-start: 7; }

.col-start-7 {
  grid-column-start: 7; }

.col-sm-7 {
  grid-column-start: 7; }

.col-start-sm-7 {
  grid-column-start: 7; }

.row-start-7 {
  grid-row-start: 7; }

.row-7 {
  grid-row-start: 7; }

.row-start-sm-7 {
  grid-row-start: 7; }

.row-sm-7 {
  grid-row-start: 7; }

.col-end-7 {
  grid-column-end: 7; }

.col-end-sm-7 {
  grid-column-end: 7; }

.row-end-7 {
  grid-row-end: 7; }

.row-end-sm-7 {
  grid-row-end: 7; }

.col-8 {
  grid-column-start: 8; }

.col-start-8 {
  grid-column-start: 8; }

.col-sm-8 {
  grid-column-start: 8; }

.col-start-sm-8 {
  grid-column-start: 8; }

.row-start-8 {
  grid-row-start: 8; }

.row-8 {
  grid-row-start: 8; }

.row-start-sm-8 {
  grid-row-start: 8; }

.row-sm-8 {
  grid-row-start: 8; }

.col-end-8 {
  grid-column-end: 8; }

.col-end-sm-8 {
  grid-column-end: 8; }

.row-end-8 {
  grid-row-end: 8; }

.row-end-sm-8 {
  grid-row-end: 8; }

.col-9 {
  grid-column-start: 9; }

.col-start-9 {
  grid-column-start: 9; }

.col-sm-9 {
  grid-column-start: 9; }

.col-start-sm-9 {
  grid-column-start: 9; }

.row-start-9 {
  grid-row-start: 9; }

.row-9 {
  grid-row-start: 9; }

.row-start-sm-9 {
  grid-row-start: 9; }

.row-sm-9 {
  grid-row-start: 9; }

.col-end-9 {
  grid-column-end: 9; }

.col-end-sm-9 {
  grid-column-end: 9; }

.row-end-9 {
  grid-row-end: 9; }

.row-end-sm-9 {
  grid-row-end: 9; }

.col-10 {
  grid-column-start: 10; }

.col-start-10 {
  grid-column-start: 10; }

.col-sm-10 {
  grid-column-start: 10; }

.col-start-sm-10 {
  grid-column-start: 10; }

.row-start-10 {
  grid-row-start: 10; }

.row-10 {
  grid-row-start: 10; }

.row-start-sm-10 {
  grid-row-start: 10; }

.row-sm-10 {
  grid-row-start: 10; }

.col-end-10 {
  grid-column-end: 10; }

.col-end-sm-10 {
  grid-column-end: 10; }

.row-end-10 {
  grid-row-end: 10; }

.row-end-sm-10 {
  grid-row-end: 10; }

.col-11 {
  grid-column-start: 11; }

.col-start-11 {
  grid-column-start: 11; }

.col-sm-11 {
  grid-column-start: 11; }

.col-start-sm-11 {
  grid-column-start: 11; }

.row-start-11 {
  grid-row-start: 11; }

.row-11 {
  grid-row-start: 11; }

.row-start-sm-11 {
  grid-row-start: 11; }

.row-sm-11 {
  grid-row-start: 11; }

.col-end-11 {
  grid-column-end: 11; }

.col-end-sm-11 {
  grid-column-end: 11; }

.row-end-11 {
  grid-row-end: 11; }

.row-end-sm-11 {
  grid-row-end: 11; }

.col-12 {
  grid-column-start: 12; }

.col-start-12 {
  grid-column-start: 12; }

.col-sm-12 {
  grid-column-start: 12; }

.col-start-sm-12 {
  grid-column-start: 12; }

.row-start-12 {
  grid-row-start: 12; }

.row-12 {
  grid-row-start: 12; }

.row-start-sm-12 {
  grid-row-start: 12; }

.row-sm-12 {
  grid-row-start: 12; }

.col-end-12 {
  grid-column-end: 12; }

.col-end-sm-12 {
  grid-column-end: 12; }

.row-end-12 {
  grid-row-end: 12; }

.row-end-sm-12 {
  grid-row-end: 12; }

@media screen and (min-width: 768px) {
  .d-md-grid {
    display: grid; }
  .autofit-md-5 {
    grid-template-columns: repeat(auto-fit, minmax(5px, 1fr)); }
  .autofill-md-5 {
    grid-template-columns: repeat(auto-fill, minmax(5px, 1fr)); }
  .autofit-md-10 {
    grid-template-columns: repeat(auto-fit, minmax(10px, 1fr)); }
  .autofill-md-10 {
    grid-template-columns: repeat(auto-fill, minmax(10px, 1fr)); }
  .autofit-md-15 {
    grid-template-columns: repeat(auto-fit, minmax(15px, 1fr)); }
  .autofill-md-15 {
    grid-template-columns: repeat(auto-fill, minmax(15px, 1fr)); }
  .autofit-md-20 {
    grid-template-columns: repeat(auto-fit, minmax(20px, 1fr)); }
  .autofill-md-20 {
    grid-template-columns: repeat(auto-fill, minmax(20px, 1fr)); }
  .autofit-md-25 {
    grid-template-columns: repeat(auto-fit, minmax(25px, 1fr)); }
  .autofill-md-25 {
    grid-template-columns: repeat(auto-fill, minmax(25px, 1fr)); }
  .autofit-md-30 {
    grid-template-columns: repeat(auto-fit, minmax(30px, 1fr)); }
  .autofill-md-30 {
    grid-template-columns: repeat(auto-fill, minmax(30px, 1fr)); }
  .autofit-md-35 {
    grid-template-columns: repeat(auto-fit, minmax(35px, 1fr)); }
  .autofill-md-35 {
    grid-template-columns: repeat(auto-fill, minmax(35px, 1fr)); }
  .autofit-md-40 {
    grid-template-columns: repeat(auto-fit, minmax(40px, 1fr)); }
  .autofill-md-40 {
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); }
  .autofit-md-45 {
    grid-template-columns: repeat(auto-fit, minmax(45px, 1fr)); }
  .autofill-md-45 {
    grid-template-columns: repeat(auto-fill, minmax(45px, 1fr)); }
  .autofit-md-50 {
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); }
  .autofill-md-50 {
    grid-template-columns: repeat(auto-fill, minmax(50px, 1fr)); }
  .autofit-md-55 {
    grid-template-columns: repeat(auto-fit, minmax(55px, 1fr)); }
  .autofill-md-55 {
    grid-template-columns: repeat(auto-fill, minmax(55px, 1fr)); }
  .autofit-md-60 {
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); }
  .autofill-md-60 {
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); }
  .autofit-md-65 {
    grid-template-columns: repeat(auto-fit, minmax(65px, 1fr)); }
  .autofill-md-65 {
    grid-template-columns: repeat(auto-fill, minmax(65px, 1fr)); }
  .autofit-md-70 {
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); }
  .autofill-md-70 {
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); }
  .autofit-md-75 {
    grid-template-columns: repeat(auto-fit, minmax(75px, 1fr)); }
  .autofill-md-75 {
    grid-template-columns: repeat(auto-fill, minmax(75px, 1fr)); }
  .autofit-md-80 {
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); }
  .autofill-md-80 {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); }
  .autofit-md-85 {
    grid-template-columns: repeat(auto-fit, minmax(85px, 1fr)); }
  .autofill-md-85 {
    grid-template-columns: repeat(auto-fill, minmax(85px, 1fr)); }
  .autofit-md-90 {
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); }
  .autofill-md-90 {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); }
  .autofit-md-95 {
    grid-template-columns: repeat(auto-fit, minmax(95px, 1fr)); }
  .autofill-md-95 {
    grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)); }
  .autofit-md-100 {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }
  .autofill-md-100 {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }
  .autofit-md-105 {
    grid-template-columns: repeat(auto-fit, minmax(105px, 1fr)); }
  .autofill-md-105 {
    grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)); }
  .autofit-md-110 {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }
  .autofill-md-110 {
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }
  .autofit-md-115 {
    grid-template-columns: repeat(auto-fit, minmax(115px, 1fr)); }
  .autofill-md-115 {
    grid-template-columns: repeat(auto-fill, minmax(115px, 1fr)); }
  .autofit-md-120 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
  .autofill-md-120 {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
  .autofit-md-125 {
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); }
  .autofill-md-125 {
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr)); }
  .autofit-md-130 {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
  .autofill-md-130 {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
  .autofit-md-135 {
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); }
  .autofill-md-135 {
    grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)); }
  .autofit-md-140 {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
  .autofill-md-140 {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
  .autofit-md-145 {
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); }
  .autofill-md-145 {
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); }
  .autofit-md-150 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  .autofill-md-150 {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
  .autofit-md-155 {
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); }
  .autofill-md-155 {
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); }
  .autofit-md-160 {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
  .autofill-md-160 {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
  .autofit-md-165 {
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); }
  .autofill-md-165 {
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); }
  .autofit-md-170 {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
  .autofill-md-170 {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
  .autofit-md-175 {
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); }
  .autofill-md-175 {
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); }
  .autofit-md-180 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
  .autofill-md-180 {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
  .autofit-md-185 {
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); }
  .autofill-md-185 {
    grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); }
  .autofit-md-190 {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
  .autofill-md-190 {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
  .autofit-md-195 {
    grid-template-columns: repeat(auto-fit, minmax(195px, 1fr)); }
  .autofill-md-195 {
    grid-template-columns: repeat(auto-fill, minmax(195px, 1fr)); }
  .autofit-md-200 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
  .autofill-md-200 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
  .autofit-md-205 {
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); }
  .autofill-md-205 {
    grid-template-columns: repeat(auto-fill, minmax(205px, 1fr)); }
  .autofit-md-210 {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
  .autofill-md-210 {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
  .autofit-md-215 {
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); }
  .autofill-md-215 {
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); }
  .autofit-md-220 {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
  .autofill-md-220 {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
  .autofit-md-225 {
    grid-template-columns: repeat(auto-fit, minmax(225px, 1fr)); }
  .autofill-md-225 {
    grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); }
  .autofit-md-230 {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
  .autofill-md-230 {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
  .autofit-md-235 {
    grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)); }
  .autofill-md-235 {
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); }
  .autofit-md-240 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
  .autofill-md-240 {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
  .autofit-md-245 {
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); }
  .autofill-md-245 {
    grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)); }
  .autofit-md-250 {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
  .autofill-md-250 {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
  .autofit-md-255 {
    grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)); }
  .autofill-md-255 {
    grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); }
  .autofit-md-260 {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
  .autofill-md-260 {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
  .autofit-md-265 {
    grid-template-columns: repeat(auto-fit, minmax(265px, 1fr)); }
  .autofill-md-265 {
    grid-template-columns: repeat(auto-fill, minmax(265px, 1fr)); }
  .autofit-md-270 {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); }
  .autofill-md-270 {
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }
  .autofit-md-275 {
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr)); }
  .autofill-md-275 {
    grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); }
  .autofit-md-280 {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
  .autofill-md-280 {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
  .autofit-md-285 {
    grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)); }
  .autofill-md-285 {
    grid-template-columns: repeat(auto-fill, minmax(285px, 1fr)); }
  .autofit-md-290 {
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); }
  .autofill-md-290 {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); }
  .autofit-md-295 {
    grid-template-columns: repeat(auto-fit, minmax(295px, 1fr)); }
  .autofill-md-295 {
    grid-template-columns: repeat(auto-fill, minmax(295px, 1fr)); }
  .autofit-md-300 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
  .autofill-md-300 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
  .autofit-md-305 {
    grid-template-columns: repeat(auto-fit, minmax(305px, 1fr)); }
  .autofill-md-305 {
    grid-template-columns: repeat(auto-fill, minmax(305px, 1fr)); }
  .autofit-md-310 {
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); }
  .autofill-md-310 {
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); }
  .autofit-md-315 {
    grid-template-columns: repeat(auto-fit, minmax(315px, 1fr)); }
  .autofill-md-315 {
    grid-template-columns: repeat(auto-fill, minmax(315px, 1fr)); }
  .autofit-md-320 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
  .autofill-md-320 {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
  .autofit-md-325 {
    grid-template-columns: repeat(auto-fit, minmax(325px, 1fr)); }
  .autofill-md-325 {
    grid-template-columns: repeat(auto-fill, minmax(325px, 1fr)); }
  .autofit-md-330 {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); }
  .autofill-md-330 {
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); }
  .autofit-md-335 {
    grid-template-columns: repeat(auto-fit, minmax(335px, 1fr)); }
  .autofill-md-335 {
    grid-template-columns: repeat(auto-fill, minmax(335px, 1fr)); }
  .autofit-md-340 {
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
  .autofill-md-340 {
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
  .autofit-md-345 {
    grid-template-columns: repeat(auto-fit, minmax(345px, 1fr)); }
  .autofill-md-345 {
    grid-template-columns: repeat(auto-fill, minmax(345px, 1fr)); }
  .autofit-md-350 {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); }
  .autofill-md-350 {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); }
  .autofit-md-355 {
    grid-template-columns: repeat(auto-fit, minmax(355px, 1fr)); }
  .autofill-md-355 {
    grid-template-columns: repeat(auto-fill, minmax(355px, 1fr)); }
  .autofit-md-360 {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); }
  .autofill-md-360 {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); }
  .autofit-md-365 {
    grid-template-columns: repeat(auto-fit, minmax(365px, 1fr)); }
  .autofill-md-365 {
    grid-template-columns: repeat(auto-fill, minmax(365px, 1fr)); }
  .autofit-md-370 {
    grid-template-columns: repeat(auto-fit, minmax(370px, 1fr)); }
  .autofill-md-370 {
    grid-template-columns: repeat(auto-fill, minmax(370px, 1fr)); }
  .autofit-md-375 {
    grid-template-columns: repeat(auto-fit, minmax(375px, 1fr)); }
  .autofill-md-375 {
    grid-template-columns: repeat(auto-fill, minmax(375px, 1fr)); }
  .autofit-md-380 {
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); }
  .autofill-md-380 {
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); }
  .autofit-md-385 {
    grid-template-columns: repeat(auto-fit, minmax(385px, 1fr)); }
  .autofill-md-385 {
    grid-template-columns: repeat(auto-fill, minmax(385px, 1fr)); }
  .autofit-md-390 {
    grid-template-columns: repeat(auto-fit, minmax(390px, 1fr)); }
  .autofill-md-390 {
    grid-template-columns: repeat(auto-fill, minmax(390px, 1fr)); }
  .autofit-md-395 {
    grid-template-columns: repeat(auto-fit, minmax(395px, 1fr)); }
  .autofill-md-395 {
    grid-template-columns: repeat(auto-fill, minmax(395px, 1fr)); }
  .autofit-md-400 {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }
  .autofill-md-400 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); }
  .autofit-md-405 {
    grid-template-columns: repeat(auto-fit, minmax(405px, 1fr)); }
  .autofill-md-405 {
    grid-template-columns: repeat(auto-fill, minmax(405px, 1fr)); }
  .autofit-md-410 {
    grid-template-columns: repeat(auto-fit, minmax(410px, 1fr)); }
  .autofill-md-410 {
    grid-template-columns: repeat(auto-fill, minmax(410px, 1fr)); }
  .autofit-md-415 {
    grid-template-columns: repeat(auto-fit, minmax(415px, 1fr)); }
  .autofill-md-415 {
    grid-template-columns: repeat(auto-fill, minmax(415px, 1fr)); }
  .autofit-md-420 {
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); }
  .autofill-md-420 {
    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); }
  .autofit-md-425 {
    grid-template-columns: repeat(auto-fit, minmax(425px, 1fr)); }
  .autofill-md-425 {
    grid-template-columns: repeat(auto-fill, minmax(425px, 1fr)); }
  .autofit-md-430 {
    grid-template-columns: repeat(auto-fit, minmax(430px, 1fr)); }
  .autofill-md-430 {
    grid-template-columns: repeat(auto-fill, minmax(430px, 1fr)); }
  .autofit-md-435 {
    grid-template-columns: repeat(auto-fit, minmax(435px, 1fr)); }
  .autofill-md-435 {
    grid-template-columns: repeat(auto-fill, minmax(435px, 1fr)); }
  .autofit-md-440 {
    grid-template-columns: repeat(auto-fit, minmax(440px, 1fr)); }
  .autofill-md-440 {
    grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)); }
  .autofit-md-445 {
    grid-template-columns: repeat(auto-fit, minmax(445px, 1fr)); }
  .autofill-md-445 {
    grid-template-columns: repeat(auto-fill, minmax(445px, 1fr)); }
  .autofit-md-450 {
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); }
  .autofill-md-450 {
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); }
  .autofit-md-455 {
    grid-template-columns: repeat(auto-fit, minmax(455px, 1fr)); }
  .autofill-md-455 {
    grid-template-columns: repeat(auto-fill, minmax(455px, 1fr)); }
  .autofit-md-460 {
    grid-template-columns: repeat(auto-fit, minmax(460px, 1fr)); }
  .autofill-md-460 {
    grid-template-columns: repeat(auto-fill, minmax(460px, 1fr)); }
  .autofit-md-465 {
    grid-template-columns: repeat(auto-fit, minmax(465px, 1fr)); }
  .autofill-md-465 {
    grid-template-columns: repeat(auto-fill, minmax(465px, 1fr)); }
  .autofit-md-470 {
    grid-template-columns: repeat(auto-fit, minmax(470px, 1fr)); }
  .autofill-md-470 {
    grid-template-columns: repeat(auto-fill, minmax(470px, 1fr)); }
  .autofit-md-475 {
    grid-template-columns: repeat(auto-fit, minmax(475px, 1fr)); }
  .autofill-md-475 {
    grid-template-columns: repeat(auto-fill, minmax(475px, 1fr)); }
  .autofit-md-480 {
    grid-template-columns: repeat(auto-fit, minmax(480px, 1fr)); }
  .autofill-md-480 {
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr)); }
  .autofit-md-485 {
    grid-template-columns: repeat(auto-fit, minmax(485px, 1fr)); }
  .autofill-md-485 {
    grid-template-columns: repeat(auto-fill, minmax(485px, 1fr)); }
  .autofit-md-490 {
    grid-template-columns: repeat(auto-fit, minmax(490px, 1fr)); }
  .autofill-md-490 {
    grid-template-columns: repeat(auto-fill, minmax(490px, 1fr)); }
  .autofit-md-495 {
    grid-template-columns: repeat(auto-fit, minmax(495px, 1fr)); }
  .autofill-md-495 {
    grid-template-columns: repeat(auto-fill, minmax(495px, 1fr)); }
  .autofit-md-500 {
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); }
  .autofill-md-500 {
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); }
  .autofit-md-505 {
    grid-template-columns: repeat(auto-fit, minmax(505px, 1fr)); }
  .autofill-md-505 {
    grid-template-columns: repeat(auto-fill, minmax(505px, 1fr)); }
  .autofit-md-510 {
    grid-template-columns: repeat(auto-fit, minmax(510px, 1fr)); }
  .autofill-md-510 {
    grid-template-columns: repeat(auto-fill, minmax(510px, 1fr)); }
  .autofit-md-515 {
    grid-template-columns: repeat(auto-fit, minmax(515px, 1fr)); }
  .autofill-md-515 {
    grid-template-columns: repeat(auto-fill, minmax(515px, 1fr)); }
  .autofit-md-520 {
    grid-template-columns: repeat(auto-fit, minmax(520px, 1fr)); }
  .autofill-md-520 {
    grid-template-columns: repeat(auto-fill, minmax(520px, 1fr)); }
  .autofit-md-525 {
    grid-template-columns: repeat(auto-fit, minmax(525px, 1fr)); }
  .autofill-md-525 {
    grid-template-columns: repeat(auto-fill, minmax(525px, 1fr)); }
  .autofit-md-530 {
    grid-template-columns: repeat(auto-fit, minmax(530px, 1fr)); }
  .autofill-md-530 {
    grid-template-columns: repeat(auto-fill, minmax(530px, 1fr)); }
  .autofit-md-535 {
    grid-template-columns: repeat(auto-fit, minmax(535px, 1fr)); }
  .autofill-md-535 {
    grid-template-columns: repeat(auto-fill, minmax(535px, 1fr)); }
  .autofit-md-540 {
    grid-template-columns: repeat(auto-fit, minmax(540px, 1fr)); }
  .autofill-md-540 {
    grid-template-columns: repeat(auto-fill, minmax(540px, 1fr)); }
  .autofit-md-545 {
    grid-template-columns: repeat(auto-fit, minmax(545px, 1fr)); }
  .autofill-md-545 {
    grid-template-columns: repeat(auto-fill, minmax(545px, 1fr)); }
  .autofit-md-550 {
    grid-template-columns: repeat(auto-fit, minmax(550px, 1fr)); }
  .autofill-md-550 {
    grid-template-columns: repeat(auto-fill, minmax(550px, 1fr)); }
  .autofit-md-555 {
    grid-template-columns: repeat(auto-fit, minmax(555px, 1fr)); }
  .autofill-md-555 {
    grid-template-columns: repeat(auto-fill, minmax(555px, 1fr)); }
  .autofit-md-560 {
    grid-template-columns: repeat(auto-fit, minmax(560px, 1fr)); }
  .autofill-md-560 {
    grid-template-columns: repeat(auto-fill, minmax(560px, 1fr)); }
  .autofit-md-565 {
    grid-template-columns: repeat(auto-fit, minmax(565px, 1fr)); }
  .autofill-md-565 {
    grid-template-columns: repeat(auto-fill, minmax(565px, 1fr)); }
  .autofit-md-570 {
    grid-template-columns: repeat(auto-fit, minmax(570px, 1fr)); }
  .autofill-md-570 {
    grid-template-columns: repeat(auto-fill, minmax(570px, 1fr)); }
  .autofit-md-575 {
    grid-template-columns: repeat(auto-fit, minmax(575px, 1fr)); }
  .autofill-md-575 {
    grid-template-columns: repeat(auto-fill, minmax(575px, 1fr)); }
  .autofit-md-580 {
    grid-template-columns: repeat(auto-fit, minmax(580px, 1fr)); }
  .autofill-md-580 {
    grid-template-columns: repeat(auto-fill, minmax(580px, 1fr)); }
  .autofit-md-585 {
    grid-template-columns: repeat(auto-fit, minmax(585px, 1fr)); }
  .autofill-md-585 {
    grid-template-columns: repeat(auto-fill, minmax(585px, 1fr)); }
  .autofit-md-590 {
    grid-template-columns: repeat(auto-fit, minmax(590px, 1fr)); }
  .autofill-md-590 {
    grid-template-columns: repeat(auto-fill, minmax(590px, 1fr)); }
  .autofit-md-595 {
    grid-template-columns: repeat(auto-fit, minmax(595px, 1fr)); }
  .autofill-md-595 {
    grid-template-columns: repeat(auto-fill, minmax(595px, 1fr)); }
  .autofit-md-600 {
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr)); }
  .autofill-md-600 {
    grid-template-columns: repeat(auto-fill, minmax(600px, 1fr)); }
  .autofit-md-605 {
    grid-template-columns: repeat(auto-fit, minmax(605px, 1fr)); }
  .autofill-md-605 {
    grid-template-columns: repeat(auto-fill, minmax(605px, 1fr)); }
  .autofit-md-610 {
    grid-template-columns: repeat(auto-fit, minmax(610px, 1fr)); }
  .autofill-md-610 {
    grid-template-columns: repeat(auto-fill, minmax(610px, 1fr)); }
  .autofit-md-615 {
    grid-template-columns: repeat(auto-fit, minmax(615px, 1fr)); }
  .autofill-md-615 {
    grid-template-columns: repeat(auto-fill, minmax(615px, 1fr)); }
  .autofit-md-620 {
    grid-template-columns: repeat(auto-fit, minmax(620px, 1fr)); }
  .autofill-md-620 {
    grid-template-columns: repeat(auto-fill, minmax(620px, 1fr)); }
  .autofit-md-625 {
    grid-template-columns: repeat(auto-fit, minmax(625px, 1fr)); }
  .autofill-md-625 {
    grid-template-columns: repeat(auto-fill, minmax(625px, 1fr)); }
  .autofit-md-630 {
    grid-template-columns: repeat(auto-fit, minmax(630px, 1fr)); }
  .autofill-md-630 {
    grid-template-columns: repeat(auto-fill, minmax(630px, 1fr)); }
  .autofit-md-635 {
    grid-template-columns: repeat(auto-fit, minmax(635px, 1fr)); }
  .autofill-md-635 {
    grid-template-columns: repeat(auto-fill, minmax(635px, 1fr)); }
  .autofit-md-640 {
    grid-template-columns: repeat(auto-fit, minmax(640px, 1fr)); }
  .autofill-md-640 {
    grid-template-columns: repeat(auto-fill, minmax(640px, 1fr)); }
  .autofit-md-645 {
    grid-template-columns: repeat(auto-fit, minmax(645px, 1fr)); }
  .autofill-md-645 {
    grid-template-columns: repeat(auto-fill, minmax(645px, 1fr)); }
  .autofit-md-650 {
    grid-template-columns: repeat(auto-fit, minmax(650px, 1fr)); }
  .autofill-md-650 {
    grid-template-columns: repeat(auto-fill, minmax(650px, 1fr)); }
  .autofit-md-655 {
    grid-template-columns: repeat(auto-fit, minmax(655px, 1fr)); }
  .autofill-md-655 {
    grid-template-columns: repeat(auto-fill, minmax(655px, 1fr)); }
  .autofit-md-660 {
    grid-template-columns: repeat(auto-fit, minmax(660px, 1fr)); }
  .autofill-md-660 {
    grid-template-columns: repeat(auto-fill, minmax(660px, 1fr)); }
  .autofit-md-665 {
    grid-template-columns: repeat(auto-fit, minmax(665px, 1fr)); }
  .autofill-md-665 {
    grid-template-columns: repeat(auto-fill, minmax(665px, 1fr)); }
  .autofit-md-670 {
    grid-template-columns: repeat(auto-fit, minmax(670px, 1fr)); }
  .autofill-md-670 {
    grid-template-columns: repeat(auto-fill, minmax(670px, 1fr)); }
  .autofit-md-675 {
    grid-template-columns: repeat(auto-fit, minmax(675px, 1fr)); }
  .autofill-md-675 {
    grid-template-columns: repeat(auto-fill, minmax(675px, 1fr)); }
  .autofit-md-680 {
    grid-template-columns: repeat(auto-fit, minmax(680px, 1fr)); }
  .autofill-md-680 {
    grid-template-columns: repeat(auto-fill, minmax(680px, 1fr)); }
  .autofit-md-685 {
    grid-template-columns: repeat(auto-fit, minmax(685px, 1fr)); }
  .autofill-md-685 {
    grid-template-columns: repeat(auto-fill, minmax(685px, 1fr)); }
  .autofit-md-690 {
    grid-template-columns: repeat(auto-fit, minmax(690px, 1fr)); }
  .autofill-md-690 {
    grid-template-columns: repeat(auto-fill, minmax(690px, 1fr)); }
  .autofit-md-695 {
    grid-template-columns: repeat(auto-fit, minmax(695px, 1fr)); }
  .autofill-md-695 {
    grid-template-columns: repeat(auto-fill, minmax(695px, 1fr)); }
  .autofit-md-700 {
    grid-template-columns: repeat(auto-fit, minmax(700px, 1fr)); }
  .autofill-md-700 {
    grid-template-columns: repeat(auto-fill, minmax(700px, 1fr)); }
  .autofit-md-705 {
    grid-template-columns: repeat(auto-fit, minmax(705px, 1fr)); }
  .autofill-md-705 {
    grid-template-columns: repeat(auto-fill, minmax(705px, 1fr)); }
  .autofit-md-710 {
    grid-template-columns: repeat(auto-fit, minmax(710px, 1fr)); }
  .autofill-md-710 {
    grid-template-columns: repeat(auto-fill, minmax(710px, 1fr)); }
  .autofit-md-715 {
    grid-template-columns: repeat(auto-fit, minmax(715px, 1fr)); }
  .autofill-md-715 {
    grid-template-columns: repeat(auto-fill, minmax(715px, 1fr)); }
  .autofit-md-720 {
    grid-template-columns: repeat(auto-fit, minmax(720px, 1fr)); }
  .autofill-md-720 {
    grid-template-columns: repeat(auto-fill, minmax(720px, 1fr)); }
  .autofit-md-725 {
    grid-template-columns: repeat(auto-fit, minmax(725px, 1fr)); }
  .autofill-md-725 {
    grid-template-columns: repeat(auto-fill, minmax(725px, 1fr)); }
  .autofit-md-730 {
    grid-template-columns: repeat(auto-fit, minmax(730px, 1fr)); }
  .autofill-md-730 {
    grid-template-columns: repeat(auto-fill, minmax(730px, 1fr)); }
  .autofit-md-735 {
    grid-template-columns: repeat(auto-fit, minmax(735px, 1fr)); }
  .autofill-md-735 {
    grid-template-columns: repeat(auto-fill, minmax(735px, 1fr)); }
  .autofit-md-740 {
    grid-template-columns: repeat(auto-fit, minmax(740px, 1fr)); }
  .autofill-md-740 {
    grid-template-columns: repeat(auto-fill, minmax(740px, 1fr)); }
  .autofit-md-745 {
    grid-template-columns: repeat(auto-fit, minmax(745px, 1fr)); }
  .autofill-md-745 {
    grid-template-columns: repeat(auto-fill, minmax(745px, 1fr)); }
  .autofit-md-750 {
    grid-template-columns: repeat(auto-fit, minmax(750px, 1fr)); }
  .autofill-md-750 {
    grid-template-columns: repeat(auto-fill, minmax(750px, 1fr)); }
  .autofit-md-755 {
    grid-template-columns: repeat(auto-fit, minmax(755px, 1fr)); }
  .autofill-md-755 {
    grid-template-columns: repeat(auto-fill, minmax(755px, 1fr)); }
  .autofit-md-760 {
    grid-template-columns: repeat(auto-fit, minmax(760px, 1fr)); }
  .autofill-md-760 {
    grid-template-columns: repeat(auto-fill, minmax(760px, 1fr)); }
  .autofit-md-765 {
    grid-template-columns: repeat(auto-fit, minmax(765px, 1fr)); }
  .autofill-md-765 {
    grid-template-columns: repeat(auto-fill, minmax(765px, 1fr)); }
  .autofit-md-770 {
    grid-template-columns: repeat(auto-fit, minmax(770px, 1fr)); }
  .autofill-md-770 {
    grid-template-columns: repeat(auto-fill, minmax(770px, 1fr)); }
  .autofit-md-775 {
    grid-template-columns: repeat(auto-fit, minmax(775px, 1fr)); }
  .autofill-md-775 {
    grid-template-columns: repeat(auto-fill, minmax(775px, 1fr)); }
  .autofit-md-780 {
    grid-template-columns: repeat(auto-fit, minmax(780px, 1fr)); }
  .autofill-md-780 {
    grid-template-columns: repeat(auto-fill, minmax(780px, 1fr)); }
  .autofit-md-785 {
    grid-template-columns: repeat(auto-fit, minmax(785px, 1fr)); }
  .autofill-md-785 {
    grid-template-columns: repeat(auto-fill, minmax(785px, 1fr)); }
  .autofit-md-790 {
    grid-template-columns: repeat(auto-fit, minmax(790px, 1fr)); }
  .autofill-md-790 {
    grid-template-columns: repeat(auto-fill, minmax(790px, 1fr)); }
  .autofit-md-795 {
    grid-template-columns: repeat(auto-fit, minmax(795px, 1fr)); }
  .autofill-md-795 {
    grid-template-columns: repeat(auto-fill, minmax(795px, 1fr)); }
  .autofit-md-800 {
    grid-template-columns: repeat(auto-fit, minmax(800px, 1fr)); }
  .autofill-md-800 {
    grid-template-columns: repeat(auto-fill, minmax(800px, 1fr)); }
  .autofit-md-805 {
    grid-template-columns: repeat(auto-fit, minmax(805px, 1fr)); }
  .autofill-md-805 {
    grid-template-columns: repeat(auto-fill, minmax(805px, 1fr)); }
  .autofit-md-810 {
    grid-template-columns: repeat(auto-fit, minmax(810px, 1fr)); }
  .autofill-md-810 {
    grid-template-columns: repeat(auto-fill, minmax(810px, 1fr)); }
  .autofit-md-815 {
    grid-template-columns: repeat(auto-fit, minmax(815px, 1fr)); }
  .autofill-md-815 {
    grid-template-columns: repeat(auto-fill, minmax(815px, 1fr)); }
  .autofit-md-820 {
    grid-template-columns: repeat(auto-fit, minmax(820px, 1fr)); }
  .autofill-md-820 {
    grid-template-columns: repeat(auto-fill, minmax(820px, 1fr)); }
  .autofit-md-825 {
    grid-template-columns: repeat(auto-fit, minmax(825px, 1fr)); }
  .autofill-md-825 {
    grid-template-columns: repeat(auto-fill, minmax(825px, 1fr)); }
  .autofit-md-830 {
    grid-template-columns: repeat(auto-fit, minmax(830px, 1fr)); }
  .autofill-md-830 {
    grid-template-columns: repeat(auto-fill, minmax(830px, 1fr)); }
  .autofit-md-835 {
    grid-template-columns: repeat(auto-fit, minmax(835px, 1fr)); }
  .autofill-md-835 {
    grid-template-columns: repeat(auto-fill, minmax(835px, 1fr)); }
  .autofit-md-840 {
    grid-template-columns: repeat(auto-fit, minmax(840px, 1fr)); }
  .autofill-md-840 {
    grid-template-columns: repeat(auto-fill, minmax(840px, 1fr)); }
  .autofit-md-845 {
    grid-template-columns: repeat(auto-fit, minmax(845px, 1fr)); }
  .autofill-md-845 {
    grid-template-columns: repeat(auto-fill, minmax(845px, 1fr)); }
  .autofit-md-850 {
    grid-template-columns: repeat(auto-fit, minmax(850px, 1fr)); }
  .autofill-md-850 {
    grid-template-columns: repeat(auto-fill, minmax(850px, 1fr)); }
  .autofit-md-855 {
    grid-template-columns: repeat(auto-fit, minmax(855px, 1fr)); }
  .autofill-md-855 {
    grid-template-columns: repeat(auto-fill, minmax(855px, 1fr)); }
  .autofit-md-860 {
    grid-template-columns: repeat(auto-fit, minmax(860px, 1fr)); }
  .autofill-md-860 {
    grid-template-columns: repeat(auto-fill, minmax(860px, 1fr)); }
  .autofit-md-865 {
    grid-template-columns: repeat(auto-fit, minmax(865px, 1fr)); }
  .autofill-md-865 {
    grid-template-columns: repeat(auto-fill, minmax(865px, 1fr)); }
  .autofit-md-870 {
    grid-template-columns: repeat(auto-fit, minmax(870px, 1fr)); }
  .autofill-md-870 {
    grid-template-columns: repeat(auto-fill, minmax(870px, 1fr)); }
  .autofit-md-875 {
    grid-template-columns: repeat(auto-fit, minmax(875px, 1fr)); }
  .autofill-md-875 {
    grid-template-columns: repeat(auto-fill, minmax(875px, 1fr)); }
  .autofit-md-880 {
    grid-template-columns: repeat(auto-fit, minmax(880px, 1fr)); }
  .autofill-md-880 {
    grid-template-columns: repeat(auto-fill, minmax(880px, 1fr)); }
  .autofit-md-885 {
    grid-template-columns: repeat(auto-fit, minmax(885px, 1fr)); }
  .autofill-md-885 {
    grid-template-columns: repeat(auto-fill, minmax(885px, 1fr)); }
  .autofit-md-890 {
    grid-template-columns: repeat(auto-fit, minmax(890px, 1fr)); }
  .autofill-md-890 {
    grid-template-columns: repeat(auto-fill, minmax(890px, 1fr)); }
  .autofit-md-895 {
    grid-template-columns: repeat(auto-fit, minmax(895px, 1fr)); }
  .autofill-md-895 {
    grid-template-columns: repeat(auto-fill, minmax(895px, 1fr)); }
  .autofit-md-900 {
    grid-template-columns: repeat(auto-fit, minmax(900px, 1fr)); }
  .autofill-md-900 {
    grid-template-columns: repeat(auto-fill, minmax(900px, 1fr)); }
  .autofit-md-905 {
    grid-template-columns: repeat(auto-fit, minmax(905px, 1fr)); }
  .autofill-md-905 {
    grid-template-columns: repeat(auto-fill, minmax(905px, 1fr)); }
  .autofit-md-910 {
    grid-template-columns: repeat(auto-fit, minmax(910px, 1fr)); }
  .autofill-md-910 {
    grid-template-columns: repeat(auto-fill, minmax(910px, 1fr)); }
  .autofit-md-915 {
    grid-template-columns: repeat(auto-fit, minmax(915px, 1fr)); }
  .autofill-md-915 {
    grid-template-columns: repeat(auto-fill, minmax(915px, 1fr)); }
  .autofit-md-920 {
    grid-template-columns: repeat(auto-fit, minmax(920px, 1fr)); }
  .autofill-md-920 {
    grid-template-columns: repeat(auto-fill, minmax(920px, 1fr)); }
  .autofit-md-925 {
    grid-template-columns: repeat(auto-fit, minmax(925px, 1fr)); }
  .autofill-md-925 {
    grid-template-columns: repeat(auto-fill, minmax(925px, 1fr)); }
  .autofit-md-930 {
    grid-template-columns: repeat(auto-fit, minmax(930px, 1fr)); }
  .autofill-md-930 {
    grid-template-columns: repeat(auto-fill, minmax(930px, 1fr)); }
  .autofit-md-935 {
    grid-template-columns: repeat(auto-fit, minmax(935px, 1fr)); }
  .autofill-md-935 {
    grid-template-columns: repeat(auto-fill, minmax(935px, 1fr)); }
  .autofit-md-940 {
    grid-template-columns: repeat(auto-fit, minmax(940px, 1fr)); }
  .autofill-md-940 {
    grid-template-columns: repeat(auto-fill, minmax(940px, 1fr)); }
  .autofit-md-945 {
    grid-template-columns: repeat(auto-fit, minmax(945px, 1fr)); }
  .autofill-md-945 {
    grid-template-columns: repeat(auto-fill, minmax(945px, 1fr)); }
  .autofit-md-950 {
    grid-template-columns: repeat(auto-fit, minmax(950px, 1fr)); }
  .autofill-md-950 {
    grid-template-columns: repeat(auto-fill, minmax(950px, 1fr)); }
  .autofit-md-955 {
    grid-template-columns: repeat(auto-fit, minmax(955px, 1fr)); }
  .autofill-md-955 {
    grid-template-columns: repeat(auto-fill, minmax(955px, 1fr)); }
  .autofit-md-960 {
    grid-template-columns: repeat(auto-fit, minmax(960px, 1fr)); }
  .autofill-md-960 {
    grid-template-columns: repeat(auto-fill, minmax(960px, 1fr)); }
  .autofit-md-965 {
    grid-template-columns: repeat(auto-fit, minmax(965px, 1fr)); }
  .autofill-md-965 {
    grid-template-columns: repeat(auto-fill, minmax(965px, 1fr)); }
  .autofit-md-970 {
    grid-template-columns: repeat(auto-fit, minmax(970px, 1fr)); }
  .autofill-md-970 {
    grid-template-columns: repeat(auto-fill, minmax(970px, 1fr)); }
  .autofit-md-975 {
    grid-template-columns: repeat(auto-fit, minmax(975px, 1fr)); }
  .autofill-md-975 {
    grid-template-columns: repeat(auto-fill, minmax(975px, 1fr)); }
  .autofit-md-980 {
    grid-template-columns: repeat(auto-fit, minmax(980px, 1fr)); }
  .autofill-md-980 {
    grid-template-columns: repeat(auto-fill, minmax(980px, 1fr)); }
  .autofit-md-985 {
    grid-template-columns: repeat(auto-fit, minmax(985px, 1fr)); }
  .autofill-md-985 {
    grid-template-columns: repeat(auto-fill, minmax(985px, 1fr)); }
  .autofit-md-990 {
    grid-template-columns: repeat(auto-fit, minmax(990px, 1fr)); }
  .autofill-md-990 {
    grid-template-columns: repeat(auto-fill, minmax(990px, 1fr)); }
  .autofit-md-995 {
    grid-template-columns: repeat(auto-fit, minmax(995px, 1fr)); }
  .autofill-md-995 {
    grid-template-columns: repeat(auto-fill, minmax(995px, 1fr)); }
  .autofit-md-1000 {
    grid-template-columns: repeat(auto-fit, minmax(1000px, 1fr)); }
  .autofill-md-1000 {
    grid-template-columns: repeat(auto-fill, minmax(1000px, 1fr)); }
  .col-md-1 {
    grid-column-start: 1; }
  .col-start-md-1 {
    grid-column-start: 1; }
  .row-md-1 {
    grid-row-start: 1; }
  .row-start-md-1 {
    grid-row-start: 1; }
  .col-end-md-1 {
    grid-column-end: 1; }
  .row-end-md-1 {
    grid-row-end: 1; }
  .col-md-2 {
    grid-column-start: 2; }
  .col-start-md-2 {
    grid-column-start: 2; }
  .row-md-2 {
    grid-row-start: 2; }
  .row-start-md-2 {
    grid-row-start: 2; }
  .col-end-md-2 {
    grid-column-end: 2; }
  .row-end-md-2 {
    grid-row-end: 2; }
  .col-md-3 {
    grid-column-start: 3; }
  .col-start-md-3 {
    grid-column-start: 3; }
  .row-md-3 {
    grid-row-start: 3; }
  .row-start-md-3 {
    grid-row-start: 3; }
  .col-end-md-3 {
    grid-column-end: 3; }
  .row-end-md-3 {
    grid-row-end: 3; }
  .col-md-4 {
    grid-column-start: 4; }
  .col-start-md-4 {
    grid-column-start: 4; }
  .row-md-4 {
    grid-row-start: 4; }
  .row-start-md-4 {
    grid-row-start: 4; }
  .col-end-md-4 {
    grid-column-end: 4; }
  .row-end-md-4 {
    grid-row-end: 4; }
  .col-md-5 {
    grid-column-start: 5; }
  .col-start-md-5 {
    grid-column-start: 5; }
  .row-md-5 {
    grid-row-start: 5; }
  .row-start-md-5 {
    grid-row-start: 5; }
  .col-end-md-5 {
    grid-column-end: 5; }
  .row-end-md-5 {
    grid-row-end: 5; }
  .col-md-6 {
    grid-column-start: 6; }
  .col-start-md-6 {
    grid-column-start: 6; }
  .row-md-6 {
    grid-row-start: 6; }
  .row-start-md-6 {
    grid-row-start: 6; }
  .col-end-md-6 {
    grid-column-end: 6; }
  .row-end-md-6 {
    grid-row-end: 6; }
  .col-md-7 {
    grid-column-start: 7; }
  .col-start-md-7 {
    grid-column-start: 7; }
  .row-md-7 {
    grid-row-start: 7; }
  .row-start-md-7 {
    grid-row-start: 7; }
  .col-end-md-7 {
    grid-column-end: 7; }
  .row-end-md-7 {
    grid-row-end: 7; }
  .col-md-8 {
    grid-column-start: 8; }
  .col-start-md-8 {
    grid-column-start: 8; }
  .row-md-8 {
    grid-row-start: 8; }
  .row-start-md-8 {
    grid-row-start: 8; }
  .col-end-md-8 {
    grid-column-end: 8; }
  .row-end-md-8 {
    grid-row-end: 8; }
  .col-md-9 {
    grid-column-start: 9; }
  .col-start-md-9 {
    grid-column-start: 9; }
  .row-md-9 {
    grid-row-start: 9; }
  .row-start-md-9 {
    grid-row-start: 9; }
  .col-end-md-9 {
    grid-column-end: 9; }
  .row-end-md-9 {
    grid-row-end: 9; }
  .col-md-10 {
    grid-column-start: 10; }
  .col-start-md-10 {
    grid-column-start: 10; }
  .row-md-10 {
    grid-row-start: 10; }
  .row-start-md-10 {
    grid-row-start: 10; }
  .col-end-md-10 {
    grid-column-end: 10; }
  .row-end-md-10 {
    grid-row-end: 10; }
  .col-md-11 {
    grid-column-start: 11; }
  .col-start-md-11 {
    grid-column-start: 11; }
  .row-md-11 {
    grid-row-start: 11; }
  .row-start-md-11 {
    grid-row-start: 11; }
  .col-end-md-11 {
    grid-column-end: 11; }
  .row-end-md-11 {
    grid-row-end: 11; }
  .col-md-12 {
    grid-column-start: 12; }
  .col-start-md-12 {
    grid-column-start: 12; }
  .row-md-12 {
    grid-row-start: 12; }
  .row-start-md-12 {
    grid-row-start: 12; }
  .col-end-md-12 {
    grid-column-end: 12; }
  .row-end-md-12 {
    grid-row-end: 12; }
  .area-md-1-1 {
    grid-column: auto/span 1;
    grid-row: auto/span 1; }
  .container-md-1-1 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-md-1-1 {
    grid-column-start: 1;
    grid-column-end: 1; }
  .row-md-1-1 {
    grid-row-start: 1;
    grid-row-end: 1; }
  .area-md-1-2 {
    grid-column: auto/span 1;
    grid-row: auto/span 2; }
  .container-md-1-2 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-md-1-2 {
    grid-column-start: 1;
    grid-column-end: 2; }
  .row-md-1-2 {
    grid-row-start: 1;
    grid-row-end: 2; }
  .area-md-1-3 {
    grid-column: auto/span 1;
    grid-row: auto/span 3; }
  .container-md-1-3 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-md-1-3 {
    grid-column-start: 1;
    grid-column-end: 3; }
  .row-md-1-3 {
    grid-row-start: 1;
    grid-row-end: 3; }
  .area-md-1-4 {
    grid-column: auto/span 1;
    grid-row: auto/span 4; }
  .container-md-1-4 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-md-1-4 {
    grid-column-start: 1;
    grid-column-end: 4; }
  .row-md-1-4 {
    grid-row-start: 1;
    grid-row-end: 4; }
  .area-md-1-5 {
    grid-column: auto/span 1;
    grid-row: auto/span 5; }
  .container-md-1-5 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-md-1-5 {
    grid-column-start: 1;
    grid-column-end: 5; }
  .row-md-1-5 {
    grid-row-start: 1;
    grid-row-end: 5; }
  .area-md-1-6 {
    grid-column: auto/span 1;
    grid-row: auto/span 6; }
  .container-md-1-6 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-md-1-6 {
    grid-column-start: 1;
    grid-column-end: 6; }
  .row-md-1-6 {
    grid-row-start: 1;
    grid-row-end: 6; }
  .area-md-1-7 {
    grid-column: auto/span 1;
    grid-row: auto/span 7; }
  .container-md-1-7 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-md-1-7 {
    grid-column-start: 1;
    grid-column-end: 7; }
  .row-md-1-7 {
    grid-row-start: 1;
    grid-row-end: 7; }
  .area-md-1-8 {
    grid-column: auto/span 1;
    grid-row: auto/span 8; }
  .container-md-1-8 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-md-1-8 {
    grid-column-start: 1;
    grid-column-end: 8; }
  .row-md-1-8 {
    grid-row-start: 1;
    grid-row-end: 8; }
  .area-md-1-9 {
    grid-column: auto/span 1;
    grid-row: auto/span 9; }
  .container-md-1-9 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-md-1-9 {
    grid-column-start: 1;
    grid-column-end: 9; }
  .row-md-1-9 {
    grid-row-start: 1;
    grid-row-end: 9; }
  .area-md-1-10 {
    grid-column: auto/span 1;
    grid-row: auto/span 10; }
  .container-md-1-10 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-md-1-10 {
    grid-column-start: 1;
    grid-column-end: 10; }
  .row-md-1-10 {
    grid-row-start: 1;
    grid-row-end: 10; }
  .area-md-1-11 {
    grid-column: auto/span 1;
    grid-row: auto/span 11; }
  .container-md-1-11 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-md-1-11 {
    grid-column-start: 1;
    grid-column-end: 11; }
  .row-md-1-11 {
    grid-row-start: 1;
    grid-row-end: 11; }
  .area-md-1-12 {
    grid-column: auto/span 1;
    grid-row: auto/span 12; }
  .container-md-1-12 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-md-1-12 {
    grid-column-start: 1;
    grid-column-end: 12; }
  .row-md-1-12 {
    grid-row-start: 1;
    grid-row-end: 12; }
  .area-md-2-1 {
    grid-column: auto/span 2;
    grid-row: auto/span 1; }
  .container-md-2-1 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-md-2-1 {
    grid-column-start: 2;
    grid-column-end: 1; }
  .row-md-2-1 {
    grid-row-start: 2;
    grid-row-end: 1; }
  .area-md-2-2 {
    grid-column: auto/span 2;
    grid-row: auto/span 2; }
  .container-md-2-2 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-md-2-2 {
    grid-column-start: 2;
    grid-column-end: 2; }
  .row-md-2-2 {
    grid-row-start: 2;
    grid-row-end: 2; }
  .area-md-2-3 {
    grid-column: auto/span 2;
    grid-row: auto/span 3; }
  .container-md-2-3 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-md-2-3 {
    grid-column-start: 2;
    grid-column-end: 3; }
  .row-md-2-3 {
    grid-row-start: 2;
    grid-row-end: 3; }
  .area-md-2-4 {
    grid-column: auto/span 2;
    grid-row: auto/span 4; }
  .container-md-2-4 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-md-2-4 {
    grid-column-start: 2;
    grid-column-end: 4; }
  .row-md-2-4 {
    grid-row-start: 2;
    grid-row-end: 4; }
  .area-md-2-5 {
    grid-column: auto/span 2;
    grid-row: auto/span 5; }
  .container-md-2-5 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-md-2-5 {
    grid-column-start: 2;
    grid-column-end: 5; }
  .row-md-2-5 {
    grid-row-start: 2;
    grid-row-end: 5; }
  .area-md-2-6 {
    grid-column: auto/span 2;
    grid-row: auto/span 6; }
  .container-md-2-6 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-md-2-6 {
    grid-column-start: 2;
    grid-column-end: 6; }
  .row-md-2-6 {
    grid-row-start: 2;
    grid-row-end: 6; }
  .area-md-2-7 {
    grid-column: auto/span 2;
    grid-row: auto/span 7; }
  .container-md-2-7 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-md-2-7 {
    grid-column-start: 2;
    grid-column-end: 7; }
  .row-md-2-7 {
    grid-row-start: 2;
    grid-row-end: 7; }
  .area-md-2-8 {
    grid-column: auto/span 2;
    grid-row: auto/span 8; }
  .container-md-2-8 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-md-2-8 {
    grid-column-start: 2;
    grid-column-end: 8; }
  .row-md-2-8 {
    grid-row-start: 2;
    grid-row-end: 8; }
  .area-md-2-9 {
    grid-column: auto/span 2;
    grid-row: auto/span 9; }
  .container-md-2-9 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-md-2-9 {
    grid-column-start: 2;
    grid-column-end: 9; }
  .row-md-2-9 {
    grid-row-start: 2;
    grid-row-end: 9; }
  .area-md-2-10 {
    grid-column: auto/span 2;
    grid-row: auto/span 10; }
  .container-md-2-10 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-md-2-10 {
    grid-column-start: 2;
    grid-column-end: 10; }
  .row-md-2-10 {
    grid-row-start: 2;
    grid-row-end: 10; }
  .area-md-2-11 {
    grid-column: auto/span 2;
    grid-row: auto/span 11; }
  .container-md-2-11 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-md-2-11 {
    grid-column-start: 2;
    grid-column-end: 11; }
  .row-md-2-11 {
    grid-row-start: 2;
    grid-row-end: 11; }
  .area-md-2-12 {
    grid-column: auto/span 2;
    grid-row: auto/span 12; }
  .container-md-2-12 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-md-2-12 {
    grid-column-start: 2;
    grid-column-end: 12; }
  .row-md-2-12 {
    grid-row-start: 2;
    grid-row-end: 12; }
  .area-md-3-1 {
    grid-column: auto/span 3;
    grid-row: auto/span 1; }
  .container-md-3-1 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-md-3-1 {
    grid-column-start: 3;
    grid-column-end: 1; }
  .row-md-3-1 {
    grid-row-start: 3;
    grid-row-end: 1; }
  .area-md-3-2 {
    grid-column: auto/span 3;
    grid-row: auto/span 2; }
  .container-md-3-2 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-md-3-2 {
    grid-column-start: 3;
    grid-column-end: 2; }
  .row-md-3-2 {
    grid-row-start: 3;
    grid-row-end: 2; }
  .area-md-3-3 {
    grid-column: auto/span 3;
    grid-row: auto/span 3; }
  .container-md-3-3 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-md-3-3 {
    grid-column-start: 3;
    grid-column-end: 3; }
  .row-md-3-3 {
    grid-row-start: 3;
    grid-row-end: 3; }
  .area-md-3-4 {
    grid-column: auto/span 3;
    grid-row: auto/span 4; }
  .container-md-3-4 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-md-3-4 {
    grid-column-start: 3;
    grid-column-end: 4; }
  .row-md-3-4 {
    grid-row-start: 3;
    grid-row-end: 4; }
  .area-md-3-5 {
    grid-column: auto/span 3;
    grid-row: auto/span 5; }
  .container-md-3-5 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-md-3-5 {
    grid-column-start: 3;
    grid-column-end: 5; }
  .row-md-3-5 {
    grid-row-start: 3;
    grid-row-end: 5; }
  .area-md-3-6 {
    grid-column: auto/span 3;
    grid-row: auto/span 6; }
  .container-md-3-6 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-md-3-6 {
    grid-column-start: 3;
    grid-column-end: 6; }
  .row-md-3-6 {
    grid-row-start: 3;
    grid-row-end: 6; }
  .area-md-3-7 {
    grid-column: auto/span 3;
    grid-row: auto/span 7; }
  .container-md-3-7 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-md-3-7 {
    grid-column-start: 3;
    grid-column-end: 7; }
  .row-md-3-7 {
    grid-row-start: 3;
    grid-row-end: 7; }
  .area-md-3-8 {
    grid-column: auto/span 3;
    grid-row: auto/span 8; }
  .container-md-3-8 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-md-3-8 {
    grid-column-start: 3;
    grid-column-end: 8; }
  .row-md-3-8 {
    grid-row-start: 3;
    grid-row-end: 8; }
  .area-md-3-9 {
    grid-column: auto/span 3;
    grid-row: auto/span 9; }
  .container-md-3-9 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-md-3-9 {
    grid-column-start: 3;
    grid-column-end: 9; }
  .row-md-3-9 {
    grid-row-start: 3;
    grid-row-end: 9; }
  .area-md-3-10 {
    grid-column: auto/span 3;
    grid-row: auto/span 10; }
  .container-md-3-10 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-md-3-10 {
    grid-column-start: 3;
    grid-column-end: 10; }
  .row-md-3-10 {
    grid-row-start: 3;
    grid-row-end: 10; }
  .area-md-3-11 {
    grid-column: auto/span 3;
    grid-row: auto/span 11; }
  .container-md-3-11 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-md-3-11 {
    grid-column-start: 3;
    grid-column-end: 11; }
  .row-md-3-11 {
    grid-row-start: 3;
    grid-row-end: 11; }
  .area-md-3-12 {
    grid-column: auto/span 3;
    grid-row: auto/span 12; }
  .container-md-3-12 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-md-3-12 {
    grid-column-start: 3;
    grid-column-end: 12; }
  .row-md-3-12 {
    grid-row-start: 3;
    grid-row-end: 12; }
  .area-md-4-1 {
    grid-column: auto/span 4;
    grid-row: auto/span 1; }
  .container-md-4-1 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-md-4-1 {
    grid-column-start: 4;
    grid-column-end: 1; }
  .row-md-4-1 {
    grid-row-start: 4;
    grid-row-end: 1; }
  .area-md-4-2 {
    grid-column: auto/span 4;
    grid-row: auto/span 2; }
  .container-md-4-2 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-md-4-2 {
    grid-column-start: 4;
    grid-column-end: 2; }
  .row-md-4-2 {
    grid-row-start: 4;
    grid-row-end: 2; }
  .area-md-4-3 {
    grid-column: auto/span 4;
    grid-row: auto/span 3; }
  .container-md-4-3 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-md-4-3 {
    grid-column-start: 4;
    grid-column-end: 3; }
  .row-md-4-3 {
    grid-row-start: 4;
    grid-row-end: 3; }
  .area-md-4-4 {
    grid-column: auto/span 4;
    grid-row: auto/span 4; }
  .container-md-4-4 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-md-4-4 {
    grid-column-start: 4;
    grid-column-end: 4; }
  .row-md-4-4 {
    grid-row-start: 4;
    grid-row-end: 4; }
  .area-md-4-5 {
    grid-column: auto/span 4;
    grid-row: auto/span 5; }
  .container-md-4-5 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-md-4-5 {
    grid-column-start: 4;
    grid-column-end: 5; }
  .row-md-4-5 {
    grid-row-start: 4;
    grid-row-end: 5; }
  .area-md-4-6 {
    grid-column: auto/span 4;
    grid-row: auto/span 6; }
  .container-md-4-6 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-md-4-6 {
    grid-column-start: 4;
    grid-column-end: 6; }
  .row-md-4-6 {
    grid-row-start: 4;
    grid-row-end: 6; }
  .area-md-4-7 {
    grid-column: auto/span 4;
    grid-row: auto/span 7; }
  .container-md-4-7 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-md-4-7 {
    grid-column-start: 4;
    grid-column-end: 7; }
  .row-md-4-7 {
    grid-row-start: 4;
    grid-row-end: 7; }
  .area-md-4-8 {
    grid-column: auto/span 4;
    grid-row: auto/span 8; }
  .container-md-4-8 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-md-4-8 {
    grid-column-start: 4;
    grid-column-end: 8; }
  .row-md-4-8 {
    grid-row-start: 4;
    grid-row-end: 8; }
  .area-md-4-9 {
    grid-column: auto/span 4;
    grid-row: auto/span 9; }
  .container-md-4-9 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-md-4-9 {
    grid-column-start: 4;
    grid-column-end: 9; }
  .row-md-4-9 {
    grid-row-start: 4;
    grid-row-end: 9; }
  .area-md-4-10 {
    grid-column: auto/span 4;
    grid-row: auto/span 10; }
  .container-md-4-10 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-md-4-10 {
    grid-column-start: 4;
    grid-column-end: 10; }
  .row-md-4-10 {
    grid-row-start: 4;
    grid-row-end: 10; }
  .area-md-4-11 {
    grid-column: auto/span 4;
    grid-row: auto/span 11; }
  .container-md-4-11 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-md-4-11 {
    grid-column-start: 4;
    grid-column-end: 11; }
  .row-md-4-11 {
    grid-row-start: 4;
    grid-row-end: 11; }
  .area-md-4-12 {
    grid-column: auto/span 4;
    grid-row: auto/span 12; }
  .container-md-4-12 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-md-4-12 {
    grid-column-start: 4;
    grid-column-end: 12; }
  .row-md-4-12 {
    grid-row-start: 4;
    grid-row-end: 12; }
  .area-md-5-1 {
    grid-column: auto/span 5;
    grid-row: auto/span 1; }
  .container-md-5-1 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-md-5-1 {
    grid-column-start: 5;
    grid-column-end: 1; }
  .row-md-5-1 {
    grid-row-start: 5;
    grid-row-end: 1; }
  .area-md-5-2 {
    grid-column: auto/span 5;
    grid-row: auto/span 2; }
  .container-md-5-2 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-md-5-2 {
    grid-column-start: 5;
    grid-column-end: 2; }
  .row-md-5-2 {
    grid-row-start: 5;
    grid-row-end: 2; }
  .area-md-5-3 {
    grid-column: auto/span 5;
    grid-row: auto/span 3; }
  .container-md-5-3 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-md-5-3 {
    grid-column-start: 5;
    grid-column-end: 3; }
  .row-md-5-3 {
    grid-row-start: 5;
    grid-row-end: 3; }
  .area-md-5-4 {
    grid-column: auto/span 5;
    grid-row: auto/span 4; }
  .container-md-5-4 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-md-5-4 {
    grid-column-start: 5;
    grid-column-end: 4; }
  .row-md-5-4 {
    grid-row-start: 5;
    grid-row-end: 4; }
  .area-md-5-5 {
    grid-column: auto/span 5;
    grid-row: auto/span 5; }
  .container-md-5-5 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-md-5-5 {
    grid-column-start: 5;
    grid-column-end: 5; }
  .row-md-5-5 {
    grid-row-start: 5;
    grid-row-end: 5; }
  .area-md-5-6 {
    grid-column: auto/span 5;
    grid-row: auto/span 6; }
  .container-md-5-6 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-md-5-6 {
    grid-column-start: 5;
    grid-column-end: 6; }
  .row-md-5-6 {
    grid-row-start: 5;
    grid-row-end: 6; }
  .area-md-5-7 {
    grid-column: auto/span 5;
    grid-row: auto/span 7; }
  .container-md-5-7 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-md-5-7 {
    grid-column-start: 5;
    grid-column-end: 7; }
  .row-md-5-7 {
    grid-row-start: 5;
    grid-row-end: 7; }
  .area-md-5-8 {
    grid-column: auto/span 5;
    grid-row: auto/span 8; }
  .container-md-5-8 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-md-5-8 {
    grid-column-start: 5;
    grid-column-end: 8; }
  .row-md-5-8 {
    grid-row-start: 5;
    grid-row-end: 8; }
  .area-md-5-9 {
    grid-column: auto/span 5;
    grid-row: auto/span 9; }
  .container-md-5-9 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-md-5-9 {
    grid-column-start: 5;
    grid-column-end: 9; }
  .row-md-5-9 {
    grid-row-start: 5;
    grid-row-end: 9; }
  .area-md-5-10 {
    grid-column: auto/span 5;
    grid-row: auto/span 10; }
  .container-md-5-10 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-md-5-10 {
    grid-column-start: 5;
    grid-column-end: 10; }
  .row-md-5-10 {
    grid-row-start: 5;
    grid-row-end: 10; }
  .area-md-5-11 {
    grid-column: auto/span 5;
    grid-row: auto/span 11; }
  .container-md-5-11 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-md-5-11 {
    grid-column-start: 5;
    grid-column-end: 11; }
  .row-md-5-11 {
    grid-row-start: 5;
    grid-row-end: 11; }
  .area-md-5-12 {
    grid-column: auto/span 5;
    grid-row: auto/span 12; }
  .container-md-5-12 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-md-5-12 {
    grid-column-start: 5;
    grid-column-end: 12; }
  .row-md-5-12 {
    grid-row-start: 5;
    grid-row-end: 12; }
  .area-md-6-1 {
    grid-column: auto/span 6;
    grid-row: auto/span 1; }
  .container-md-6-1 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-md-6-1 {
    grid-column-start: 6;
    grid-column-end: 1; }
  .row-md-6-1 {
    grid-row-start: 6;
    grid-row-end: 1; }
  .area-md-6-2 {
    grid-column: auto/span 6;
    grid-row: auto/span 2; }
  .container-md-6-2 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-md-6-2 {
    grid-column-start: 6;
    grid-column-end: 2; }
  .row-md-6-2 {
    grid-row-start: 6;
    grid-row-end: 2; }
  .area-md-6-3 {
    grid-column: auto/span 6;
    grid-row: auto/span 3; }
  .container-md-6-3 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-md-6-3 {
    grid-column-start: 6;
    grid-column-end: 3; }
  .row-md-6-3 {
    grid-row-start: 6;
    grid-row-end: 3; }
  .area-md-6-4 {
    grid-column: auto/span 6;
    grid-row: auto/span 4; }
  .container-md-6-4 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-md-6-4 {
    grid-column-start: 6;
    grid-column-end: 4; }
  .row-md-6-4 {
    grid-row-start: 6;
    grid-row-end: 4; }
  .area-md-6-5 {
    grid-column: auto/span 6;
    grid-row: auto/span 5; }
  .container-md-6-5 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-md-6-5 {
    grid-column-start: 6;
    grid-column-end: 5; }
  .row-md-6-5 {
    grid-row-start: 6;
    grid-row-end: 5; }
  .area-md-6-6 {
    grid-column: auto/span 6;
    grid-row: auto/span 6; }
  .container-md-6-6 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-md-6-6 {
    grid-column-start: 6;
    grid-column-end: 6; }
  .row-md-6-6 {
    grid-row-start: 6;
    grid-row-end: 6; }
  .area-md-6-7 {
    grid-column: auto/span 6;
    grid-row: auto/span 7; }
  .container-md-6-7 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-md-6-7 {
    grid-column-start: 6;
    grid-column-end: 7; }
  .row-md-6-7 {
    grid-row-start: 6;
    grid-row-end: 7; }
  .area-md-6-8 {
    grid-column: auto/span 6;
    grid-row: auto/span 8; }
  .container-md-6-8 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-md-6-8 {
    grid-column-start: 6;
    grid-column-end: 8; }
  .row-md-6-8 {
    grid-row-start: 6;
    grid-row-end: 8; }
  .area-md-6-9 {
    grid-column: auto/span 6;
    grid-row: auto/span 9; }
  .container-md-6-9 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-md-6-9 {
    grid-column-start: 6;
    grid-column-end: 9; }
  .row-md-6-9 {
    grid-row-start: 6;
    grid-row-end: 9; }
  .area-md-6-10 {
    grid-column: auto/span 6;
    grid-row: auto/span 10; }
  .container-md-6-10 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-md-6-10 {
    grid-column-start: 6;
    grid-column-end: 10; }
  .row-md-6-10 {
    grid-row-start: 6;
    grid-row-end: 10; }
  .area-md-6-11 {
    grid-column: auto/span 6;
    grid-row: auto/span 11; }
  .container-md-6-11 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-md-6-11 {
    grid-column-start: 6;
    grid-column-end: 11; }
  .row-md-6-11 {
    grid-row-start: 6;
    grid-row-end: 11; }
  .area-md-6-12 {
    grid-column: auto/span 6;
    grid-row: auto/span 12; }
  .container-md-6-12 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-md-6-12 {
    grid-column-start: 6;
    grid-column-end: 12; }
  .row-md-6-12 {
    grid-row-start: 6;
    grid-row-end: 12; }
  .area-md-7-1 {
    grid-column: auto/span 7;
    grid-row: auto/span 1; }
  .container-md-7-1 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-md-7-1 {
    grid-column-start: 7;
    grid-column-end: 1; }
  .row-md-7-1 {
    grid-row-start: 7;
    grid-row-end: 1; }
  .area-md-7-2 {
    grid-column: auto/span 7;
    grid-row: auto/span 2; }
  .container-md-7-2 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-md-7-2 {
    grid-column-start: 7;
    grid-column-end: 2; }
  .row-md-7-2 {
    grid-row-start: 7;
    grid-row-end: 2; }
  .area-md-7-3 {
    grid-column: auto/span 7;
    grid-row: auto/span 3; }
  .container-md-7-3 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-md-7-3 {
    grid-column-start: 7;
    grid-column-end: 3; }
  .row-md-7-3 {
    grid-row-start: 7;
    grid-row-end: 3; }
  .area-md-7-4 {
    grid-column: auto/span 7;
    grid-row: auto/span 4; }
  .container-md-7-4 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-md-7-4 {
    grid-column-start: 7;
    grid-column-end: 4; }
  .row-md-7-4 {
    grid-row-start: 7;
    grid-row-end: 4; }
  .area-md-7-5 {
    grid-column: auto/span 7;
    grid-row: auto/span 5; }
  .container-md-7-5 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-md-7-5 {
    grid-column-start: 7;
    grid-column-end: 5; }
  .row-md-7-5 {
    grid-row-start: 7;
    grid-row-end: 5; }
  .area-md-7-6 {
    grid-column: auto/span 7;
    grid-row: auto/span 6; }
  .container-md-7-6 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-md-7-6 {
    grid-column-start: 7;
    grid-column-end: 6; }
  .row-md-7-6 {
    grid-row-start: 7;
    grid-row-end: 6; }
  .area-md-7-7 {
    grid-column: auto/span 7;
    grid-row: auto/span 7; }
  .container-md-7-7 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-md-7-7 {
    grid-column-start: 7;
    grid-column-end: 7; }
  .row-md-7-7 {
    grid-row-start: 7;
    grid-row-end: 7; }
  .area-md-7-8 {
    grid-column: auto/span 7;
    grid-row: auto/span 8; }
  .container-md-7-8 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-md-7-8 {
    grid-column-start: 7;
    grid-column-end: 8; }
  .row-md-7-8 {
    grid-row-start: 7;
    grid-row-end: 8; }
  .area-md-7-9 {
    grid-column: auto/span 7;
    grid-row: auto/span 9; }
  .container-md-7-9 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-md-7-9 {
    grid-column-start: 7;
    grid-column-end: 9; }
  .row-md-7-9 {
    grid-row-start: 7;
    grid-row-end: 9; }
  .area-md-7-10 {
    grid-column: auto/span 7;
    grid-row: auto/span 10; }
  .container-md-7-10 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-md-7-10 {
    grid-column-start: 7;
    grid-column-end: 10; }
  .row-md-7-10 {
    grid-row-start: 7;
    grid-row-end: 10; }
  .area-md-7-11 {
    grid-column: auto/span 7;
    grid-row: auto/span 11; }
  .container-md-7-11 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-md-7-11 {
    grid-column-start: 7;
    grid-column-end: 11; }
  .row-md-7-11 {
    grid-row-start: 7;
    grid-row-end: 11; }
  .area-md-7-12 {
    grid-column: auto/span 7;
    grid-row: auto/span 12; }
  .container-md-7-12 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-md-7-12 {
    grid-column-start: 7;
    grid-column-end: 12; }
  .row-md-7-12 {
    grid-row-start: 7;
    grid-row-end: 12; }
  .area-md-8-1 {
    grid-column: auto/span 8;
    grid-row: auto/span 1; }
  .container-md-8-1 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-md-8-1 {
    grid-column-start: 8;
    grid-column-end: 1; }
  .row-md-8-1 {
    grid-row-start: 8;
    grid-row-end: 1; }
  .area-md-8-2 {
    grid-column: auto/span 8;
    grid-row: auto/span 2; }
  .container-md-8-2 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-md-8-2 {
    grid-column-start: 8;
    grid-column-end: 2; }
  .row-md-8-2 {
    grid-row-start: 8;
    grid-row-end: 2; }
  .area-md-8-3 {
    grid-column: auto/span 8;
    grid-row: auto/span 3; }
  .container-md-8-3 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-md-8-3 {
    grid-column-start: 8;
    grid-column-end: 3; }
  .row-md-8-3 {
    grid-row-start: 8;
    grid-row-end: 3; }
  .area-md-8-4 {
    grid-column: auto/span 8;
    grid-row: auto/span 4; }
  .container-md-8-4 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-md-8-4 {
    grid-column-start: 8;
    grid-column-end: 4; }
  .row-md-8-4 {
    grid-row-start: 8;
    grid-row-end: 4; }
  .area-md-8-5 {
    grid-column: auto/span 8;
    grid-row: auto/span 5; }
  .container-md-8-5 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-md-8-5 {
    grid-column-start: 8;
    grid-column-end: 5; }
  .row-md-8-5 {
    grid-row-start: 8;
    grid-row-end: 5; }
  .area-md-8-6 {
    grid-column: auto/span 8;
    grid-row: auto/span 6; }
  .container-md-8-6 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-md-8-6 {
    grid-column-start: 8;
    grid-column-end: 6; }
  .row-md-8-6 {
    grid-row-start: 8;
    grid-row-end: 6; }
  .area-md-8-7 {
    grid-column: auto/span 8;
    grid-row: auto/span 7; }
  .container-md-8-7 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-md-8-7 {
    grid-column-start: 8;
    grid-column-end: 7; }
  .row-md-8-7 {
    grid-row-start: 8;
    grid-row-end: 7; }
  .area-md-8-8 {
    grid-column: auto/span 8;
    grid-row: auto/span 8; }
  .container-md-8-8 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-md-8-8 {
    grid-column-start: 8;
    grid-column-end: 8; }
  .row-md-8-8 {
    grid-row-start: 8;
    grid-row-end: 8; }
  .area-md-8-9 {
    grid-column: auto/span 8;
    grid-row: auto/span 9; }
  .container-md-8-9 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-md-8-9 {
    grid-column-start: 8;
    grid-column-end: 9; }
  .row-md-8-9 {
    grid-row-start: 8;
    grid-row-end: 9; }
  .area-md-8-10 {
    grid-column: auto/span 8;
    grid-row: auto/span 10; }
  .container-md-8-10 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-md-8-10 {
    grid-column-start: 8;
    grid-column-end: 10; }
  .row-md-8-10 {
    grid-row-start: 8;
    grid-row-end: 10; }
  .area-md-8-11 {
    grid-column: auto/span 8;
    grid-row: auto/span 11; }
  .container-md-8-11 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-md-8-11 {
    grid-column-start: 8;
    grid-column-end: 11; }
  .row-md-8-11 {
    grid-row-start: 8;
    grid-row-end: 11; }
  .area-md-8-12 {
    grid-column: auto/span 8;
    grid-row: auto/span 12; }
  .container-md-8-12 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-md-8-12 {
    grid-column-start: 8;
    grid-column-end: 12; }
  .row-md-8-12 {
    grid-row-start: 8;
    grid-row-end: 12; }
  .area-md-9-1 {
    grid-column: auto/span 9;
    grid-row: auto/span 1; }
  .container-md-9-1 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-md-9-1 {
    grid-column-start: 9;
    grid-column-end: 1; }
  .row-md-9-1 {
    grid-row-start: 9;
    grid-row-end: 1; }
  .area-md-9-2 {
    grid-column: auto/span 9;
    grid-row: auto/span 2; }
  .container-md-9-2 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-md-9-2 {
    grid-column-start: 9;
    grid-column-end: 2; }
  .row-md-9-2 {
    grid-row-start: 9;
    grid-row-end: 2; }
  .area-md-9-3 {
    grid-column: auto/span 9;
    grid-row: auto/span 3; }
  .container-md-9-3 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-md-9-3 {
    grid-column-start: 9;
    grid-column-end: 3; }
  .row-md-9-3 {
    grid-row-start: 9;
    grid-row-end: 3; }
  .area-md-9-4 {
    grid-column: auto/span 9;
    grid-row: auto/span 4; }
  .container-md-9-4 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-md-9-4 {
    grid-column-start: 9;
    grid-column-end: 4; }
  .row-md-9-4 {
    grid-row-start: 9;
    grid-row-end: 4; }
  .area-md-9-5 {
    grid-column: auto/span 9;
    grid-row: auto/span 5; }
  .container-md-9-5 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-md-9-5 {
    grid-column-start: 9;
    grid-column-end: 5; }
  .row-md-9-5 {
    grid-row-start: 9;
    grid-row-end: 5; }
  .area-md-9-6 {
    grid-column: auto/span 9;
    grid-row: auto/span 6; }
  .container-md-9-6 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-md-9-6 {
    grid-column-start: 9;
    grid-column-end: 6; }
  .row-md-9-6 {
    grid-row-start: 9;
    grid-row-end: 6; }
  .area-md-9-7 {
    grid-column: auto/span 9;
    grid-row: auto/span 7; }
  .container-md-9-7 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-md-9-7 {
    grid-column-start: 9;
    grid-column-end: 7; }
  .row-md-9-7 {
    grid-row-start: 9;
    grid-row-end: 7; }
  .area-md-9-8 {
    grid-column: auto/span 9;
    grid-row: auto/span 8; }
  .container-md-9-8 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-md-9-8 {
    grid-column-start: 9;
    grid-column-end: 8; }
  .row-md-9-8 {
    grid-row-start: 9;
    grid-row-end: 8; }
  .area-md-9-9 {
    grid-column: auto/span 9;
    grid-row: auto/span 9; }
  .container-md-9-9 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-md-9-9 {
    grid-column-start: 9;
    grid-column-end: 9; }
  .row-md-9-9 {
    grid-row-start: 9;
    grid-row-end: 9; }
  .area-md-9-10 {
    grid-column: auto/span 9;
    grid-row: auto/span 10; }
  .container-md-9-10 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-md-9-10 {
    grid-column-start: 9;
    grid-column-end: 10; }
  .row-md-9-10 {
    grid-row-start: 9;
    grid-row-end: 10; }
  .area-md-9-11 {
    grid-column: auto/span 9;
    grid-row: auto/span 11; }
  .container-md-9-11 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-md-9-11 {
    grid-column-start: 9;
    grid-column-end: 11; }
  .row-md-9-11 {
    grid-row-start: 9;
    grid-row-end: 11; }
  .area-md-9-12 {
    grid-column: auto/span 9;
    grid-row: auto/span 12; }
  .container-md-9-12 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-md-9-12 {
    grid-column-start: 9;
    grid-column-end: 12; }
  .row-md-9-12 {
    grid-row-start: 9;
    grid-row-end: 12; }
  .area-md-10-1 {
    grid-column: auto/span 10;
    grid-row: auto/span 1; }
  .container-md-10-1 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-md-10-1 {
    grid-column-start: 10;
    grid-column-end: 1; }
  .row-md-10-1 {
    grid-row-start: 10;
    grid-row-end: 1; }
  .area-md-10-2 {
    grid-column: auto/span 10;
    grid-row: auto/span 2; }
  .container-md-10-2 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-md-10-2 {
    grid-column-start: 10;
    grid-column-end: 2; }
  .row-md-10-2 {
    grid-row-start: 10;
    grid-row-end: 2; }
  .area-md-10-3 {
    grid-column: auto/span 10;
    grid-row: auto/span 3; }
  .container-md-10-3 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-md-10-3 {
    grid-column-start: 10;
    grid-column-end: 3; }
  .row-md-10-3 {
    grid-row-start: 10;
    grid-row-end: 3; }
  .area-md-10-4 {
    grid-column: auto/span 10;
    grid-row: auto/span 4; }
  .container-md-10-4 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-md-10-4 {
    grid-column-start: 10;
    grid-column-end: 4; }
  .row-md-10-4 {
    grid-row-start: 10;
    grid-row-end: 4; }
  .area-md-10-5 {
    grid-column: auto/span 10;
    grid-row: auto/span 5; }
  .container-md-10-5 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-md-10-5 {
    grid-column-start: 10;
    grid-column-end: 5; }
  .row-md-10-5 {
    grid-row-start: 10;
    grid-row-end: 5; }
  .area-md-10-6 {
    grid-column: auto/span 10;
    grid-row: auto/span 6; }
  .container-md-10-6 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-md-10-6 {
    grid-column-start: 10;
    grid-column-end: 6; }
  .row-md-10-6 {
    grid-row-start: 10;
    grid-row-end: 6; }
  .area-md-10-7 {
    grid-column: auto/span 10;
    grid-row: auto/span 7; }
  .container-md-10-7 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-md-10-7 {
    grid-column-start: 10;
    grid-column-end: 7; }
  .row-md-10-7 {
    grid-row-start: 10;
    grid-row-end: 7; }
  .area-md-10-8 {
    grid-column: auto/span 10;
    grid-row: auto/span 8; }
  .container-md-10-8 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-md-10-8 {
    grid-column-start: 10;
    grid-column-end: 8; }
  .row-md-10-8 {
    grid-row-start: 10;
    grid-row-end: 8; }
  .area-md-10-9 {
    grid-column: auto/span 10;
    grid-row: auto/span 9; }
  .container-md-10-9 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-md-10-9 {
    grid-column-start: 10;
    grid-column-end: 9; }
  .row-md-10-9 {
    grid-row-start: 10;
    grid-row-end: 9; }
  .area-md-10-10 {
    grid-column: auto/span 10;
    grid-row: auto/span 10; }
  .container-md-10-10 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-md-10-10 {
    grid-column-start: 10;
    grid-column-end: 10; }
  .row-md-10-10 {
    grid-row-start: 10;
    grid-row-end: 10; }
  .area-md-10-11 {
    grid-column: auto/span 10;
    grid-row: auto/span 11; }
  .container-md-10-11 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-md-10-11 {
    grid-column-start: 10;
    grid-column-end: 11; }
  .row-md-10-11 {
    grid-row-start: 10;
    grid-row-end: 11; }
  .area-md-10-12 {
    grid-column: auto/span 10;
    grid-row: auto/span 12; }
  .container-md-10-12 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-md-10-12 {
    grid-column-start: 10;
    grid-column-end: 12; }
  .row-md-10-12 {
    grid-row-start: 10;
    grid-row-end: 12; }
  .area-md-11-1 {
    grid-column: auto/span 11;
    grid-row: auto/span 1; }
  .container-md-11-1 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-md-11-1 {
    grid-column-start: 11;
    grid-column-end: 1; }
  .row-md-11-1 {
    grid-row-start: 11;
    grid-row-end: 1; }
  .area-md-11-2 {
    grid-column: auto/span 11;
    grid-row: auto/span 2; }
  .container-md-11-2 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-md-11-2 {
    grid-column-start: 11;
    grid-column-end: 2; }
  .row-md-11-2 {
    grid-row-start: 11;
    grid-row-end: 2; }
  .area-md-11-3 {
    grid-column: auto/span 11;
    grid-row: auto/span 3; }
  .container-md-11-3 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-md-11-3 {
    grid-column-start: 11;
    grid-column-end: 3; }
  .row-md-11-3 {
    grid-row-start: 11;
    grid-row-end: 3; }
  .area-md-11-4 {
    grid-column: auto/span 11;
    grid-row: auto/span 4; }
  .container-md-11-4 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-md-11-4 {
    grid-column-start: 11;
    grid-column-end: 4; }
  .row-md-11-4 {
    grid-row-start: 11;
    grid-row-end: 4; }
  .area-md-11-5 {
    grid-column: auto/span 11;
    grid-row: auto/span 5; }
  .container-md-11-5 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-md-11-5 {
    grid-column-start: 11;
    grid-column-end: 5; }
  .row-md-11-5 {
    grid-row-start: 11;
    grid-row-end: 5; }
  .area-md-11-6 {
    grid-column: auto/span 11;
    grid-row: auto/span 6; }
  .container-md-11-6 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-md-11-6 {
    grid-column-start: 11;
    grid-column-end: 6; }
  .row-md-11-6 {
    grid-row-start: 11;
    grid-row-end: 6; }
  .area-md-11-7 {
    grid-column: auto/span 11;
    grid-row: auto/span 7; }
  .container-md-11-7 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-md-11-7 {
    grid-column-start: 11;
    grid-column-end: 7; }
  .row-md-11-7 {
    grid-row-start: 11;
    grid-row-end: 7; }
  .area-md-11-8 {
    grid-column: auto/span 11;
    grid-row: auto/span 8; }
  .container-md-11-8 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-md-11-8 {
    grid-column-start: 11;
    grid-column-end: 8; }
  .row-md-11-8 {
    grid-row-start: 11;
    grid-row-end: 8; }
  .area-md-11-9 {
    grid-column: auto/span 11;
    grid-row: auto/span 9; }
  .container-md-11-9 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-md-11-9 {
    grid-column-start: 11;
    grid-column-end: 9; }
  .row-md-11-9 {
    grid-row-start: 11;
    grid-row-end: 9; }
  .area-md-11-10 {
    grid-column: auto/span 11;
    grid-row: auto/span 10; }
  .container-md-11-10 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-md-11-10 {
    grid-column-start: 11;
    grid-column-end: 10; }
  .row-md-11-10 {
    grid-row-start: 11;
    grid-row-end: 10; }
  .area-md-11-11 {
    grid-column: auto/span 11;
    grid-row: auto/span 11; }
  .container-md-11-11 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-md-11-11 {
    grid-column-start: 11;
    grid-column-end: 11; }
  .row-md-11-11 {
    grid-row-start: 11;
    grid-row-end: 11; }
  .area-md-11-12 {
    grid-column: auto/span 11;
    grid-row: auto/span 12; }
  .container-md-11-12 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-md-11-12 {
    grid-column-start: 11;
    grid-column-end: 12; }
  .row-md-11-12 {
    grid-row-start: 11;
    grid-row-end: 12; }
  .area-md-12-1 {
    grid-column: auto/span 12;
    grid-row: auto/span 1; }
  .container-md-12-1 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-md-12-1 {
    grid-column-start: 12;
    grid-column-end: 1; }
  .row-md-12-1 {
    grid-row-start: 12;
    grid-row-end: 1; }
  .area-md-12-2 {
    grid-column: auto/span 12;
    grid-row: auto/span 2; }
  .container-md-12-2 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-md-12-2 {
    grid-column-start: 12;
    grid-column-end: 2; }
  .row-md-12-2 {
    grid-row-start: 12;
    grid-row-end: 2; }
  .area-md-12-3 {
    grid-column: auto/span 12;
    grid-row: auto/span 3; }
  .container-md-12-3 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-md-12-3 {
    grid-column-start: 12;
    grid-column-end: 3; }
  .row-md-12-3 {
    grid-row-start: 12;
    grid-row-end: 3; }
  .area-md-12-4 {
    grid-column: auto/span 12;
    grid-row: auto/span 4; }
  .container-md-12-4 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-md-12-4 {
    grid-column-start: 12;
    grid-column-end: 4; }
  .row-md-12-4 {
    grid-row-start: 12;
    grid-row-end: 4; }
  .area-md-12-5 {
    grid-column: auto/span 12;
    grid-row: auto/span 5; }
  .container-md-12-5 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-md-12-5 {
    grid-column-start: 12;
    grid-column-end: 5; }
  .row-md-12-5 {
    grid-row-start: 12;
    grid-row-end: 5; }
  .area-md-12-6 {
    grid-column: auto/span 12;
    grid-row: auto/span 6; }
  .container-md-12-6 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-md-12-6 {
    grid-column-start: 12;
    grid-column-end: 6; }
  .row-md-12-6 {
    grid-row-start: 12;
    grid-row-end: 6; }
  .area-md-12-7 {
    grid-column: auto/span 12;
    grid-row: auto/span 7; }
  .container-md-12-7 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-md-12-7 {
    grid-column-start: 12;
    grid-column-end: 7; }
  .row-md-12-7 {
    grid-row-start: 12;
    grid-row-end: 7; }
  .area-md-12-8 {
    grid-column: auto/span 12;
    grid-row: auto/span 8; }
  .container-md-12-8 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-md-12-8 {
    grid-column-start: 12;
    grid-column-end: 8; }
  .row-md-12-8 {
    grid-row-start: 12;
    grid-row-end: 8; }
  .area-md-12-9 {
    grid-column: auto/span 12;
    grid-row: auto/span 9; }
  .container-md-12-9 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-md-12-9 {
    grid-column-start: 12;
    grid-column-end: 9; }
  .row-md-12-9 {
    grid-row-start: 12;
    grid-row-end: 9; }
  .area-md-12-10 {
    grid-column: auto/span 12;
    grid-row: auto/span 10; }
  .container-md-12-10 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-md-12-10 {
    grid-column-start: 12;
    grid-column-end: 10; }
  .row-md-12-10 {
    grid-row-start: 12;
    grid-row-end: 10; }
  .area-md-12-11 {
    grid-column: auto/span 12;
    grid-row: auto/span 11; }
  .container-md-12-11 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-md-12-11 {
    grid-column-start: 12;
    grid-column-end: 11; }
  .row-md-12-11 {
    grid-row-start: 12;
    grid-row-end: 11; }
  .area-md-12-12 {
    grid-column: auto/span 12;
    grid-row: auto/span 12; }
  .container-md-12-12 {
    display: grid;
    height: 100%;
    max-width: 720px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-md-12-12 {
    grid-column-start: 12;
    grid-column-end: 12; }
  .row-md-12-12 {
    grid-row-start: 12;
    grid-row-end: 12; } }

@media screen and (min-width: 1200px) {
  .d-lg-grid {
    display: grid; }
  .autofit-lg-5 {
    grid-template-columns: repeat(auto-fit, minmax(5px, 1fr)); }
  .autofill-lg-5 {
    grid-template-columns: repeat(auto-fill, minmax(5px, 1fr)); }
  .autofit-lg-10 {
    grid-template-columns: repeat(auto-fit, minmax(10px, 1fr)); }
  .autofill-lg-10 {
    grid-template-columns: repeat(auto-fill, minmax(10px, 1fr)); }
  .autofit-lg-15 {
    grid-template-columns: repeat(auto-fit, minmax(15px, 1fr)); }
  .autofill-lg-15 {
    grid-template-columns: repeat(auto-fill, minmax(15px, 1fr)); }
  .autofit-lg-20 {
    grid-template-columns: repeat(auto-fit, minmax(20px, 1fr)); }
  .autofill-lg-20 {
    grid-template-columns: repeat(auto-fill, minmax(20px, 1fr)); }
  .autofit-lg-25 {
    grid-template-columns: repeat(auto-fit, minmax(25px, 1fr)); }
  .autofill-lg-25 {
    grid-template-columns: repeat(auto-fill, minmax(25px, 1fr)); }
  .autofit-lg-30 {
    grid-template-columns: repeat(auto-fit, minmax(30px, 1fr)); }
  .autofill-lg-30 {
    grid-template-columns: repeat(auto-fill, minmax(30px, 1fr)); }
  .autofit-lg-35 {
    grid-template-columns: repeat(auto-fit, minmax(35px, 1fr)); }
  .autofill-lg-35 {
    grid-template-columns: repeat(auto-fill, minmax(35px, 1fr)); }
  .autofit-lg-40 {
    grid-template-columns: repeat(auto-fit, minmax(40px, 1fr)); }
  .autofill-lg-40 {
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); }
  .autofit-lg-45 {
    grid-template-columns: repeat(auto-fit, minmax(45px, 1fr)); }
  .autofill-lg-45 {
    grid-template-columns: repeat(auto-fill, minmax(45px, 1fr)); }
  .autofit-lg-50 {
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); }
  .autofill-lg-50 {
    grid-template-columns: repeat(auto-fill, minmax(50px, 1fr)); }
  .autofit-lg-55 {
    grid-template-columns: repeat(auto-fit, minmax(55px, 1fr)); }
  .autofill-lg-55 {
    grid-template-columns: repeat(auto-fill, minmax(55px, 1fr)); }
  .autofit-lg-60 {
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); }
  .autofill-lg-60 {
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); }
  .autofit-lg-65 {
    grid-template-columns: repeat(auto-fit, minmax(65px, 1fr)); }
  .autofill-lg-65 {
    grid-template-columns: repeat(auto-fill, minmax(65px, 1fr)); }
  .autofit-lg-70 {
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); }
  .autofill-lg-70 {
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); }
  .autofit-lg-75 {
    grid-template-columns: repeat(auto-fit, minmax(75px, 1fr)); }
  .autofill-lg-75 {
    grid-template-columns: repeat(auto-fill, minmax(75px, 1fr)); }
  .autofit-lg-80 {
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); }
  .autofill-lg-80 {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); }
  .autofit-lg-85 {
    grid-template-columns: repeat(auto-fit, minmax(85px, 1fr)); }
  .autofill-lg-85 {
    grid-template-columns: repeat(auto-fill, minmax(85px, 1fr)); }
  .autofit-lg-90 {
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); }
  .autofill-lg-90 {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); }
  .autofit-lg-95 {
    grid-template-columns: repeat(auto-fit, minmax(95px, 1fr)); }
  .autofill-lg-95 {
    grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)); }
  .autofit-lg-100 {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }
  .autofill-lg-100 {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }
  .autofit-lg-105 {
    grid-template-columns: repeat(auto-fit, minmax(105px, 1fr)); }
  .autofill-lg-105 {
    grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)); }
  .autofit-lg-110 {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }
  .autofill-lg-110 {
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }
  .autofit-lg-115 {
    grid-template-columns: repeat(auto-fit, minmax(115px, 1fr)); }
  .autofill-lg-115 {
    grid-template-columns: repeat(auto-fill, minmax(115px, 1fr)); }
  .autofit-lg-120 {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
  .autofill-lg-120 {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
  .autofit-lg-125 {
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); }
  .autofill-lg-125 {
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr)); }
  .autofit-lg-130 {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
  .autofill-lg-130 {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
  .autofit-lg-135 {
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); }
  .autofill-lg-135 {
    grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)); }
  .autofit-lg-140 {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
  .autofill-lg-140 {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
  .autofit-lg-145 {
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); }
  .autofill-lg-145 {
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); }
  .autofit-lg-150 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  .autofill-lg-150 {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
  .autofit-lg-155 {
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); }
  .autofill-lg-155 {
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); }
  .autofit-lg-160 {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
  .autofill-lg-160 {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
  .autofit-lg-165 {
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); }
  .autofill-lg-165 {
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); }
  .autofit-lg-170 {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
  .autofill-lg-170 {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
  .autofit-lg-175 {
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); }
  .autofill-lg-175 {
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); }
  .autofit-lg-180 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
  .autofill-lg-180 {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
  .autofit-lg-185 {
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); }
  .autofill-lg-185 {
    grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); }
  .autofit-lg-190 {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
  .autofill-lg-190 {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
  .autofit-lg-195 {
    grid-template-columns: repeat(auto-fit, minmax(195px, 1fr)); }
  .autofill-lg-195 {
    grid-template-columns: repeat(auto-fill, minmax(195px, 1fr)); }
  .autofit-lg-200 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
  .autofill-lg-200 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
  .autofit-lg-205 {
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); }
  .autofill-lg-205 {
    grid-template-columns: repeat(auto-fill, minmax(205px, 1fr)); }
  .autofit-lg-210 {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
  .autofill-lg-210 {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
  .autofit-lg-215 {
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); }
  .autofill-lg-215 {
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); }
  .autofit-lg-220 {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
  .autofill-lg-220 {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
  .autofit-lg-225 {
    grid-template-columns: repeat(auto-fit, minmax(225px, 1fr)); }
  .autofill-lg-225 {
    grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); }
  .autofit-lg-230 {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
  .autofill-lg-230 {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
  .autofit-lg-235 {
    grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)); }
  .autofill-lg-235 {
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); }
  .autofit-lg-240 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
  .autofill-lg-240 {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
  .autofit-lg-245 {
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); }
  .autofill-lg-245 {
    grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)); }
  .autofit-lg-250 {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
  .autofill-lg-250 {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
  .autofit-lg-255 {
    grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)); }
  .autofill-lg-255 {
    grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); }
  .autofit-lg-260 {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
  .autofill-lg-260 {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
  .autofit-lg-265 {
    grid-template-columns: repeat(auto-fit, minmax(265px, 1fr)); }
  .autofill-lg-265 {
    grid-template-columns: repeat(auto-fill, minmax(265px, 1fr)); }
  .autofit-lg-270 {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); }
  .autofill-lg-270 {
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }
  .autofit-lg-275 {
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr)); }
  .autofill-lg-275 {
    grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); }
  .autofit-lg-280 {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
  .autofill-lg-280 {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
  .autofit-lg-285 {
    grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)); }
  .autofill-lg-285 {
    grid-template-columns: repeat(auto-fill, minmax(285px, 1fr)); }
  .autofit-lg-290 {
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); }
  .autofill-lg-290 {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); }
  .autofit-lg-295 {
    grid-template-columns: repeat(auto-fit, minmax(295px, 1fr)); }
  .autofill-lg-295 {
    grid-template-columns: repeat(auto-fill, minmax(295px, 1fr)); }
  .autofit-lg-300 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
  .autofill-lg-300 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
  .autofit-lg-305 {
    grid-template-columns: repeat(auto-fit, minmax(305px, 1fr)); }
  .autofill-lg-305 {
    grid-template-columns: repeat(auto-fill, minmax(305px, 1fr)); }
  .autofit-lg-310 {
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); }
  .autofill-lg-310 {
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); }
  .autofit-lg-315 {
    grid-template-columns: repeat(auto-fit, minmax(315px, 1fr)); }
  .autofill-lg-315 {
    grid-template-columns: repeat(auto-fill, minmax(315px, 1fr)); }
  .autofit-lg-320 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
  .autofill-lg-320 {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
  .autofit-lg-325 {
    grid-template-columns: repeat(auto-fit, minmax(325px, 1fr)); }
  .autofill-lg-325 {
    grid-template-columns: repeat(auto-fill, minmax(325px, 1fr)); }
  .autofit-lg-330 {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); }
  .autofill-lg-330 {
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); }
  .autofit-lg-335 {
    grid-template-columns: repeat(auto-fit, minmax(335px, 1fr)); }
  .autofill-lg-335 {
    grid-template-columns: repeat(auto-fill, minmax(335px, 1fr)); }
  .autofit-lg-340 {
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
  .autofill-lg-340 {
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
  .autofit-lg-345 {
    grid-template-columns: repeat(auto-fit, minmax(345px, 1fr)); }
  .autofill-lg-345 {
    grid-template-columns: repeat(auto-fill, minmax(345px, 1fr)); }
  .autofit-lg-350 {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); }
  .autofill-lg-350 {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); }
  .autofit-lg-355 {
    grid-template-columns: repeat(auto-fit, minmax(355px, 1fr)); }
  .autofill-lg-355 {
    grid-template-columns: repeat(auto-fill, minmax(355px, 1fr)); }
  .autofit-lg-360 {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); }
  .autofill-lg-360 {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); }
  .autofit-lg-365 {
    grid-template-columns: repeat(auto-fit, minmax(365px, 1fr)); }
  .autofill-lg-365 {
    grid-template-columns: repeat(auto-fill, minmax(365px, 1fr)); }
  .autofit-lg-370 {
    grid-template-columns: repeat(auto-fit, minmax(370px, 1fr)); }
  .autofill-lg-370 {
    grid-template-columns: repeat(auto-fill, minmax(370px, 1fr)); }
  .autofit-lg-375 {
    grid-template-columns: repeat(auto-fit, minmax(375px, 1fr)); }
  .autofill-lg-375 {
    grid-template-columns: repeat(auto-fill, minmax(375px, 1fr)); }
  .autofit-lg-380 {
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); }
  .autofill-lg-380 {
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); }
  .autofit-lg-385 {
    grid-template-columns: repeat(auto-fit, minmax(385px, 1fr)); }
  .autofill-lg-385 {
    grid-template-columns: repeat(auto-fill, minmax(385px, 1fr)); }
  .autofit-lg-390 {
    grid-template-columns: repeat(auto-fit, minmax(390px, 1fr)); }
  .autofill-lg-390 {
    grid-template-columns: repeat(auto-fill, minmax(390px, 1fr)); }
  .autofit-lg-395 {
    grid-template-columns: repeat(auto-fit, minmax(395px, 1fr)); }
  .autofill-lg-395 {
    grid-template-columns: repeat(auto-fill, minmax(395px, 1fr)); }
  .autofit-lg-400 {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }
  .autofill-lg-400 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); }
  .autofit-lg-405 {
    grid-template-columns: repeat(auto-fit, minmax(405px, 1fr)); }
  .autofill-lg-405 {
    grid-template-columns: repeat(auto-fill, minmax(405px, 1fr)); }
  .autofit-lg-410 {
    grid-template-columns: repeat(auto-fit, minmax(410px, 1fr)); }
  .autofill-lg-410 {
    grid-template-columns: repeat(auto-fill, minmax(410px, 1fr)); }
  .autofit-lg-415 {
    grid-template-columns: repeat(auto-fit, minmax(415px, 1fr)); }
  .autofill-lg-415 {
    grid-template-columns: repeat(auto-fill, minmax(415px, 1fr)); }
  .autofit-lg-420 {
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); }
  .autofill-lg-420 {
    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); }
  .autofit-lg-425 {
    grid-template-columns: repeat(auto-fit, minmax(425px, 1fr)); }
  .autofill-lg-425 {
    grid-template-columns: repeat(auto-fill, minmax(425px, 1fr)); }
  .autofit-lg-430 {
    grid-template-columns: repeat(auto-fit, minmax(430px, 1fr)); }
  .autofill-lg-430 {
    grid-template-columns: repeat(auto-fill, minmax(430px, 1fr)); }
  .autofit-lg-435 {
    grid-template-columns: repeat(auto-fit, minmax(435px, 1fr)); }
  .autofill-lg-435 {
    grid-template-columns: repeat(auto-fill, minmax(435px, 1fr)); }
  .autofit-lg-440 {
    grid-template-columns: repeat(auto-fit, minmax(440px, 1fr)); }
  .autofill-lg-440 {
    grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)); }
  .autofit-lg-445 {
    grid-template-columns: repeat(auto-fit, minmax(445px, 1fr)); }
  .autofill-lg-445 {
    grid-template-columns: repeat(auto-fill, minmax(445px, 1fr)); }
  .autofit-lg-450 {
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); }
  .autofill-lg-450 {
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); }
  .autofit-lg-455 {
    grid-template-columns: repeat(auto-fit, minmax(455px, 1fr)); }
  .autofill-lg-455 {
    grid-template-columns: repeat(auto-fill, minmax(455px, 1fr)); }
  .autofit-lg-460 {
    grid-template-columns: repeat(auto-fit, minmax(460px, 1fr)); }
  .autofill-lg-460 {
    grid-template-columns: repeat(auto-fill, minmax(460px, 1fr)); }
  .autofit-lg-465 {
    grid-template-columns: repeat(auto-fit, minmax(465px, 1fr)); }
  .autofill-lg-465 {
    grid-template-columns: repeat(auto-fill, minmax(465px, 1fr)); }
  .autofit-lg-470 {
    grid-template-columns: repeat(auto-fit, minmax(470px, 1fr)); }
  .autofill-lg-470 {
    grid-template-columns: repeat(auto-fill, minmax(470px, 1fr)); }
  .autofit-lg-475 {
    grid-template-columns: repeat(auto-fit, minmax(475px, 1fr)); }
  .autofill-lg-475 {
    grid-template-columns: repeat(auto-fill, minmax(475px, 1fr)); }
  .autofit-lg-480 {
    grid-template-columns: repeat(auto-fit, minmax(480px, 1fr)); }
  .autofill-lg-480 {
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr)); }
  .autofit-lg-485 {
    grid-template-columns: repeat(auto-fit, minmax(485px, 1fr)); }
  .autofill-lg-485 {
    grid-template-columns: repeat(auto-fill, minmax(485px, 1fr)); }
  .autofit-lg-490 {
    grid-template-columns: repeat(auto-fit, minmax(490px, 1fr)); }
  .autofill-lg-490 {
    grid-template-columns: repeat(auto-fill, minmax(490px, 1fr)); }
  .autofit-lg-495 {
    grid-template-columns: repeat(auto-fit, minmax(495px, 1fr)); }
  .autofill-lg-495 {
    grid-template-columns: repeat(auto-fill, minmax(495px, 1fr)); }
  .autofit-lg-500 {
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); }
  .autofill-lg-500 {
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); }
  .autofit-lg-505 {
    grid-template-columns: repeat(auto-fit, minmax(505px, 1fr)); }
  .autofill-lg-505 {
    grid-template-columns: repeat(auto-fill, minmax(505px, 1fr)); }
  .autofit-lg-510 {
    grid-template-columns: repeat(auto-fit, minmax(510px, 1fr)); }
  .autofill-lg-510 {
    grid-template-columns: repeat(auto-fill, minmax(510px, 1fr)); }
  .autofit-lg-515 {
    grid-template-columns: repeat(auto-fit, minmax(515px, 1fr)); }
  .autofill-lg-515 {
    grid-template-columns: repeat(auto-fill, minmax(515px, 1fr)); }
  .autofit-lg-520 {
    grid-template-columns: repeat(auto-fit, minmax(520px, 1fr)); }
  .autofill-lg-520 {
    grid-template-columns: repeat(auto-fill, minmax(520px, 1fr)); }
  .autofit-lg-525 {
    grid-template-columns: repeat(auto-fit, minmax(525px, 1fr)); }
  .autofill-lg-525 {
    grid-template-columns: repeat(auto-fill, minmax(525px, 1fr)); }
  .autofit-lg-530 {
    grid-template-columns: repeat(auto-fit, minmax(530px, 1fr)); }
  .autofill-lg-530 {
    grid-template-columns: repeat(auto-fill, minmax(530px, 1fr)); }
  .autofit-lg-535 {
    grid-template-columns: repeat(auto-fit, minmax(535px, 1fr)); }
  .autofill-lg-535 {
    grid-template-columns: repeat(auto-fill, minmax(535px, 1fr)); }
  .autofit-lg-540 {
    grid-template-columns: repeat(auto-fit, minmax(540px, 1fr)); }
  .autofill-lg-540 {
    grid-template-columns: repeat(auto-fill, minmax(540px, 1fr)); }
  .autofit-lg-545 {
    grid-template-columns: repeat(auto-fit, minmax(545px, 1fr)); }
  .autofill-lg-545 {
    grid-template-columns: repeat(auto-fill, minmax(545px, 1fr)); }
  .autofit-lg-550 {
    grid-template-columns: repeat(auto-fit, minmax(550px, 1fr)); }
  .autofill-lg-550 {
    grid-template-columns: repeat(auto-fill, minmax(550px, 1fr)); }
  .autofit-lg-555 {
    grid-template-columns: repeat(auto-fit, minmax(555px, 1fr)); }
  .autofill-lg-555 {
    grid-template-columns: repeat(auto-fill, minmax(555px, 1fr)); }
  .autofit-lg-560 {
    grid-template-columns: repeat(auto-fit, minmax(560px, 1fr)); }
  .autofill-lg-560 {
    grid-template-columns: repeat(auto-fill, minmax(560px, 1fr)); }
  .autofit-lg-565 {
    grid-template-columns: repeat(auto-fit, minmax(565px, 1fr)); }
  .autofill-lg-565 {
    grid-template-columns: repeat(auto-fill, minmax(565px, 1fr)); }
  .autofit-lg-570 {
    grid-template-columns: repeat(auto-fit, minmax(570px, 1fr)); }
  .autofill-lg-570 {
    grid-template-columns: repeat(auto-fill, minmax(570px, 1fr)); }
  .autofit-lg-575 {
    grid-template-columns: repeat(auto-fit, minmax(575px, 1fr)); }
  .autofill-lg-575 {
    grid-template-columns: repeat(auto-fill, minmax(575px, 1fr)); }
  .autofit-lg-580 {
    grid-template-columns: repeat(auto-fit, minmax(580px, 1fr)); }
  .autofill-lg-580 {
    grid-template-columns: repeat(auto-fill, minmax(580px, 1fr)); }
  .autofit-lg-585 {
    grid-template-columns: repeat(auto-fit, minmax(585px, 1fr)); }
  .autofill-lg-585 {
    grid-template-columns: repeat(auto-fill, minmax(585px, 1fr)); }
  .autofit-lg-590 {
    grid-template-columns: repeat(auto-fit, minmax(590px, 1fr)); }
  .autofill-lg-590 {
    grid-template-columns: repeat(auto-fill, minmax(590px, 1fr)); }
  .autofit-lg-595 {
    grid-template-columns: repeat(auto-fit, minmax(595px, 1fr)); }
  .autofill-lg-595 {
    grid-template-columns: repeat(auto-fill, minmax(595px, 1fr)); }
  .autofit-lg-600 {
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr)); }
  .autofill-lg-600 {
    grid-template-columns: repeat(auto-fill, minmax(600px, 1fr)); }
  .autofit-lg-605 {
    grid-template-columns: repeat(auto-fit, minmax(605px, 1fr)); }
  .autofill-lg-605 {
    grid-template-columns: repeat(auto-fill, minmax(605px, 1fr)); }
  .autofit-lg-610 {
    grid-template-columns: repeat(auto-fit, minmax(610px, 1fr)); }
  .autofill-lg-610 {
    grid-template-columns: repeat(auto-fill, minmax(610px, 1fr)); }
  .autofit-lg-615 {
    grid-template-columns: repeat(auto-fit, minmax(615px, 1fr)); }
  .autofill-lg-615 {
    grid-template-columns: repeat(auto-fill, minmax(615px, 1fr)); }
  .autofit-lg-620 {
    grid-template-columns: repeat(auto-fit, minmax(620px, 1fr)); }
  .autofill-lg-620 {
    grid-template-columns: repeat(auto-fill, minmax(620px, 1fr)); }
  .autofit-lg-625 {
    grid-template-columns: repeat(auto-fit, minmax(625px, 1fr)); }
  .autofill-lg-625 {
    grid-template-columns: repeat(auto-fill, minmax(625px, 1fr)); }
  .autofit-lg-630 {
    grid-template-columns: repeat(auto-fit, minmax(630px, 1fr)); }
  .autofill-lg-630 {
    grid-template-columns: repeat(auto-fill, minmax(630px, 1fr)); }
  .autofit-lg-635 {
    grid-template-columns: repeat(auto-fit, minmax(635px, 1fr)); }
  .autofill-lg-635 {
    grid-template-columns: repeat(auto-fill, minmax(635px, 1fr)); }
  .autofit-lg-640 {
    grid-template-columns: repeat(auto-fit, minmax(640px, 1fr)); }
  .autofill-lg-640 {
    grid-template-columns: repeat(auto-fill, minmax(640px, 1fr)); }
  .autofit-lg-645 {
    grid-template-columns: repeat(auto-fit, minmax(645px, 1fr)); }
  .autofill-lg-645 {
    grid-template-columns: repeat(auto-fill, minmax(645px, 1fr)); }
  .autofit-lg-650 {
    grid-template-columns: repeat(auto-fit, minmax(650px, 1fr)); }
  .autofill-lg-650 {
    grid-template-columns: repeat(auto-fill, minmax(650px, 1fr)); }
  .autofit-lg-655 {
    grid-template-columns: repeat(auto-fit, minmax(655px, 1fr)); }
  .autofill-lg-655 {
    grid-template-columns: repeat(auto-fill, minmax(655px, 1fr)); }
  .autofit-lg-660 {
    grid-template-columns: repeat(auto-fit, minmax(660px, 1fr)); }
  .autofill-lg-660 {
    grid-template-columns: repeat(auto-fill, minmax(660px, 1fr)); }
  .autofit-lg-665 {
    grid-template-columns: repeat(auto-fit, minmax(665px, 1fr)); }
  .autofill-lg-665 {
    grid-template-columns: repeat(auto-fill, minmax(665px, 1fr)); }
  .autofit-lg-670 {
    grid-template-columns: repeat(auto-fit, minmax(670px, 1fr)); }
  .autofill-lg-670 {
    grid-template-columns: repeat(auto-fill, minmax(670px, 1fr)); }
  .autofit-lg-675 {
    grid-template-columns: repeat(auto-fit, minmax(675px, 1fr)); }
  .autofill-lg-675 {
    grid-template-columns: repeat(auto-fill, minmax(675px, 1fr)); }
  .autofit-lg-680 {
    grid-template-columns: repeat(auto-fit, minmax(680px, 1fr)); }
  .autofill-lg-680 {
    grid-template-columns: repeat(auto-fill, minmax(680px, 1fr)); }
  .autofit-lg-685 {
    grid-template-columns: repeat(auto-fit, minmax(685px, 1fr)); }
  .autofill-lg-685 {
    grid-template-columns: repeat(auto-fill, minmax(685px, 1fr)); }
  .autofit-lg-690 {
    grid-template-columns: repeat(auto-fit, minmax(690px, 1fr)); }
  .autofill-lg-690 {
    grid-template-columns: repeat(auto-fill, minmax(690px, 1fr)); }
  .autofit-lg-695 {
    grid-template-columns: repeat(auto-fit, minmax(695px, 1fr)); }
  .autofill-lg-695 {
    grid-template-columns: repeat(auto-fill, minmax(695px, 1fr)); }
  .autofit-lg-700 {
    grid-template-columns: repeat(auto-fit, minmax(700px, 1fr)); }
  .autofill-lg-700 {
    grid-template-columns: repeat(auto-fill, minmax(700px, 1fr)); }
  .autofit-lg-705 {
    grid-template-columns: repeat(auto-fit, minmax(705px, 1fr)); }
  .autofill-lg-705 {
    grid-template-columns: repeat(auto-fill, minmax(705px, 1fr)); }
  .autofit-lg-710 {
    grid-template-columns: repeat(auto-fit, minmax(710px, 1fr)); }
  .autofill-lg-710 {
    grid-template-columns: repeat(auto-fill, minmax(710px, 1fr)); }
  .autofit-lg-715 {
    grid-template-columns: repeat(auto-fit, minmax(715px, 1fr)); }
  .autofill-lg-715 {
    grid-template-columns: repeat(auto-fill, minmax(715px, 1fr)); }
  .autofit-lg-720 {
    grid-template-columns: repeat(auto-fit, minmax(720px, 1fr)); }
  .autofill-lg-720 {
    grid-template-columns: repeat(auto-fill, minmax(720px, 1fr)); }
  .autofit-lg-725 {
    grid-template-columns: repeat(auto-fit, minmax(725px, 1fr)); }
  .autofill-lg-725 {
    grid-template-columns: repeat(auto-fill, minmax(725px, 1fr)); }
  .autofit-lg-730 {
    grid-template-columns: repeat(auto-fit, minmax(730px, 1fr)); }
  .autofill-lg-730 {
    grid-template-columns: repeat(auto-fill, minmax(730px, 1fr)); }
  .autofit-lg-735 {
    grid-template-columns: repeat(auto-fit, minmax(735px, 1fr)); }
  .autofill-lg-735 {
    grid-template-columns: repeat(auto-fill, minmax(735px, 1fr)); }
  .autofit-lg-740 {
    grid-template-columns: repeat(auto-fit, minmax(740px, 1fr)); }
  .autofill-lg-740 {
    grid-template-columns: repeat(auto-fill, minmax(740px, 1fr)); }
  .autofit-lg-745 {
    grid-template-columns: repeat(auto-fit, minmax(745px, 1fr)); }
  .autofill-lg-745 {
    grid-template-columns: repeat(auto-fill, minmax(745px, 1fr)); }
  .autofit-lg-750 {
    grid-template-columns: repeat(auto-fit, minmax(750px, 1fr)); }
  .autofill-lg-750 {
    grid-template-columns: repeat(auto-fill, minmax(750px, 1fr)); }
  .autofit-lg-755 {
    grid-template-columns: repeat(auto-fit, minmax(755px, 1fr)); }
  .autofill-lg-755 {
    grid-template-columns: repeat(auto-fill, minmax(755px, 1fr)); }
  .autofit-lg-760 {
    grid-template-columns: repeat(auto-fit, minmax(760px, 1fr)); }
  .autofill-lg-760 {
    grid-template-columns: repeat(auto-fill, minmax(760px, 1fr)); }
  .autofit-lg-765 {
    grid-template-columns: repeat(auto-fit, minmax(765px, 1fr)); }
  .autofill-lg-765 {
    grid-template-columns: repeat(auto-fill, minmax(765px, 1fr)); }
  .autofit-lg-770 {
    grid-template-columns: repeat(auto-fit, minmax(770px, 1fr)); }
  .autofill-lg-770 {
    grid-template-columns: repeat(auto-fill, minmax(770px, 1fr)); }
  .autofit-lg-775 {
    grid-template-columns: repeat(auto-fit, minmax(775px, 1fr)); }
  .autofill-lg-775 {
    grid-template-columns: repeat(auto-fill, minmax(775px, 1fr)); }
  .autofit-lg-780 {
    grid-template-columns: repeat(auto-fit, minmax(780px, 1fr)); }
  .autofill-lg-780 {
    grid-template-columns: repeat(auto-fill, minmax(780px, 1fr)); }
  .autofit-lg-785 {
    grid-template-columns: repeat(auto-fit, minmax(785px, 1fr)); }
  .autofill-lg-785 {
    grid-template-columns: repeat(auto-fill, minmax(785px, 1fr)); }
  .autofit-lg-790 {
    grid-template-columns: repeat(auto-fit, minmax(790px, 1fr)); }
  .autofill-lg-790 {
    grid-template-columns: repeat(auto-fill, minmax(790px, 1fr)); }
  .autofit-lg-795 {
    grid-template-columns: repeat(auto-fit, minmax(795px, 1fr)); }
  .autofill-lg-795 {
    grid-template-columns: repeat(auto-fill, minmax(795px, 1fr)); }
  .autofit-lg-800 {
    grid-template-columns: repeat(auto-fit, minmax(800px, 1fr)); }
  .autofill-lg-800 {
    grid-template-columns: repeat(auto-fill, minmax(800px, 1fr)); }
  .autofit-lg-805 {
    grid-template-columns: repeat(auto-fit, minmax(805px, 1fr)); }
  .autofill-lg-805 {
    grid-template-columns: repeat(auto-fill, minmax(805px, 1fr)); }
  .autofit-lg-810 {
    grid-template-columns: repeat(auto-fit, minmax(810px, 1fr)); }
  .autofill-lg-810 {
    grid-template-columns: repeat(auto-fill, minmax(810px, 1fr)); }
  .autofit-lg-815 {
    grid-template-columns: repeat(auto-fit, minmax(815px, 1fr)); }
  .autofill-lg-815 {
    grid-template-columns: repeat(auto-fill, minmax(815px, 1fr)); }
  .autofit-lg-820 {
    grid-template-columns: repeat(auto-fit, minmax(820px, 1fr)); }
  .autofill-lg-820 {
    grid-template-columns: repeat(auto-fill, minmax(820px, 1fr)); }
  .autofit-lg-825 {
    grid-template-columns: repeat(auto-fit, minmax(825px, 1fr)); }
  .autofill-lg-825 {
    grid-template-columns: repeat(auto-fill, minmax(825px, 1fr)); }
  .autofit-lg-830 {
    grid-template-columns: repeat(auto-fit, minmax(830px, 1fr)); }
  .autofill-lg-830 {
    grid-template-columns: repeat(auto-fill, minmax(830px, 1fr)); }
  .autofit-lg-835 {
    grid-template-columns: repeat(auto-fit, minmax(835px, 1fr)); }
  .autofill-lg-835 {
    grid-template-columns: repeat(auto-fill, minmax(835px, 1fr)); }
  .autofit-lg-840 {
    grid-template-columns: repeat(auto-fit, minmax(840px, 1fr)); }
  .autofill-lg-840 {
    grid-template-columns: repeat(auto-fill, minmax(840px, 1fr)); }
  .autofit-lg-845 {
    grid-template-columns: repeat(auto-fit, minmax(845px, 1fr)); }
  .autofill-lg-845 {
    grid-template-columns: repeat(auto-fill, minmax(845px, 1fr)); }
  .autofit-lg-850 {
    grid-template-columns: repeat(auto-fit, minmax(850px, 1fr)); }
  .autofill-lg-850 {
    grid-template-columns: repeat(auto-fill, minmax(850px, 1fr)); }
  .autofit-lg-855 {
    grid-template-columns: repeat(auto-fit, minmax(855px, 1fr)); }
  .autofill-lg-855 {
    grid-template-columns: repeat(auto-fill, minmax(855px, 1fr)); }
  .autofit-lg-860 {
    grid-template-columns: repeat(auto-fit, minmax(860px, 1fr)); }
  .autofill-lg-860 {
    grid-template-columns: repeat(auto-fill, minmax(860px, 1fr)); }
  .autofit-lg-865 {
    grid-template-columns: repeat(auto-fit, minmax(865px, 1fr)); }
  .autofill-lg-865 {
    grid-template-columns: repeat(auto-fill, minmax(865px, 1fr)); }
  .autofit-lg-870 {
    grid-template-columns: repeat(auto-fit, minmax(870px, 1fr)); }
  .autofill-lg-870 {
    grid-template-columns: repeat(auto-fill, minmax(870px, 1fr)); }
  .autofit-lg-875 {
    grid-template-columns: repeat(auto-fit, minmax(875px, 1fr)); }
  .autofill-lg-875 {
    grid-template-columns: repeat(auto-fill, minmax(875px, 1fr)); }
  .autofit-lg-880 {
    grid-template-columns: repeat(auto-fit, minmax(880px, 1fr)); }
  .autofill-lg-880 {
    grid-template-columns: repeat(auto-fill, minmax(880px, 1fr)); }
  .autofit-lg-885 {
    grid-template-columns: repeat(auto-fit, minmax(885px, 1fr)); }
  .autofill-lg-885 {
    grid-template-columns: repeat(auto-fill, minmax(885px, 1fr)); }
  .autofit-lg-890 {
    grid-template-columns: repeat(auto-fit, minmax(890px, 1fr)); }
  .autofill-lg-890 {
    grid-template-columns: repeat(auto-fill, minmax(890px, 1fr)); }
  .autofit-lg-895 {
    grid-template-columns: repeat(auto-fit, minmax(895px, 1fr)); }
  .autofill-lg-895 {
    grid-template-columns: repeat(auto-fill, minmax(895px, 1fr)); }
  .autofit-lg-900 {
    grid-template-columns: repeat(auto-fit, minmax(900px, 1fr)); }
  .autofill-lg-900 {
    grid-template-columns: repeat(auto-fill, minmax(900px, 1fr)); }
  .autofit-lg-905 {
    grid-template-columns: repeat(auto-fit, minmax(905px, 1fr)); }
  .autofill-lg-905 {
    grid-template-columns: repeat(auto-fill, minmax(905px, 1fr)); }
  .autofit-lg-910 {
    grid-template-columns: repeat(auto-fit, minmax(910px, 1fr)); }
  .autofill-lg-910 {
    grid-template-columns: repeat(auto-fill, minmax(910px, 1fr)); }
  .autofit-lg-915 {
    grid-template-columns: repeat(auto-fit, minmax(915px, 1fr)); }
  .autofill-lg-915 {
    grid-template-columns: repeat(auto-fill, minmax(915px, 1fr)); }
  .autofit-lg-920 {
    grid-template-columns: repeat(auto-fit, minmax(920px, 1fr)); }
  .autofill-lg-920 {
    grid-template-columns: repeat(auto-fill, minmax(920px, 1fr)); }
  .autofit-lg-925 {
    grid-template-columns: repeat(auto-fit, minmax(925px, 1fr)); }
  .autofill-lg-925 {
    grid-template-columns: repeat(auto-fill, minmax(925px, 1fr)); }
  .autofit-lg-930 {
    grid-template-columns: repeat(auto-fit, minmax(930px, 1fr)); }
  .autofill-lg-930 {
    grid-template-columns: repeat(auto-fill, minmax(930px, 1fr)); }
  .autofit-lg-935 {
    grid-template-columns: repeat(auto-fit, minmax(935px, 1fr)); }
  .autofill-lg-935 {
    grid-template-columns: repeat(auto-fill, minmax(935px, 1fr)); }
  .autofit-lg-940 {
    grid-template-columns: repeat(auto-fit, minmax(940px, 1fr)); }
  .autofill-lg-940 {
    grid-template-columns: repeat(auto-fill, minmax(940px, 1fr)); }
  .autofit-lg-945 {
    grid-template-columns: repeat(auto-fit, minmax(945px, 1fr)); }
  .autofill-lg-945 {
    grid-template-columns: repeat(auto-fill, minmax(945px, 1fr)); }
  .autofit-lg-950 {
    grid-template-columns: repeat(auto-fit, minmax(950px, 1fr)); }
  .autofill-lg-950 {
    grid-template-columns: repeat(auto-fill, minmax(950px, 1fr)); }
  .autofit-lg-955 {
    grid-template-columns: repeat(auto-fit, minmax(955px, 1fr)); }
  .autofill-lg-955 {
    grid-template-columns: repeat(auto-fill, minmax(955px, 1fr)); }
  .autofit-lg-960 {
    grid-template-columns: repeat(auto-fit, minmax(960px, 1fr)); }
  .autofill-lg-960 {
    grid-template-columns: repeat(auto-fill, minmax(960px, 1fr)); }
  .autofit-lg-965 {
    grid-template-columns: repeat(auto-fit, minmax(965px, 1fr)); }
  .autofill-lg-965 {
    grid-template-columns: repeat(auto-fill, minmax(965px, 1fr)); }
  .autofit-lg-970 {
    grid-template-columns: repeat(auto-fit, minmax(970px, 1fr)); }
  .autofill-lg-970 {
    grid-template-columns: repeat(auto-fill, minmax(970px, 1fr)); }
  .autofit-lg-975 {
    grid-template-columns: repeat(auto-fit, minmax(975px, 1fr)); }
  .autofill-lg-975 {
    grid-template-columns: repeat(auto-fill, minmax(975px, 1fr)); }
  .autofit-lg-980 {
    grid-template-columns: repeat(auto-fit, minmax(980px, 1fr)); }
  .autofill-lg-980 {
    grid-template-columns: repeat(auto-fill, minmax(980px, 1fr)); }
  .autofit-lg-985 {
    grid-template-columns: repeat(auto-fit, minmax(985px, 1fr)); }
  .autofill-lg-985 {
    grid-template-columns: repeat(auto-fill, minmax(985px, 1fr)); }
  .autofit-lg-990 {
    grid-template-columns: repeat(auto-fit, minmax(990px, 1fr)); }
  .autofill-lg-990 {
    grid-template-columns: repeat(auto-fill, minmax(990px, 1fr)); }
  .autofit-lg-995 {
    grid-template-columns: repeat(auto-fit, minmax(995px, 1fr)); }
  .autofill-lg-995 {
    grid-template-columns: repeat(auto-fill, minmax(995px, 1fr)); }
  .autofit-lg-1000 {
    grid-template-columns: repeat(auto-fit, minmax(1000px, 1fr)); }
  .autofill-lg-1000 {
    grid-template-columns: repeat(auto-fill, minmax(1000px, 1fr)); }
  .col-lg-1 {
    grid-column-start: 1; }
  .col-start-lg-1 {
    grid-column-start: 1; }
  .row-lg-1 {
    grid-row-start: 1; }
  .row-start-lg-1 {
    grid-row-start: 1; }
  .col-end-lg-1 {
    grid-column-end: 1; }
  .row-end-lg-1 {
    grid-row-end: 1; }
  .col-lg-2 {
    grid-column-start: 2; }
  .col-start-lg-2 {
    grid-column-start: 2; }
  .row-lg-2 {
    grid-row-start: 2; }
  .row-start-lg-2 {
    grid-row-start: 2; }
  .col-end-lg-2 {
    grid-column-end: 2; }
  .row-end-lg-2 {
    grid-row-end: 2; }
  .col-lg-3 {
    grid-column-start: 3; }
  .col-start-lg-3 {
    grid-column-start: 3; }
  .row-lg-3 {
    grid-row-start: 3; }
  .row-start-lg-3 {
    grid-row-start: 3; }
  .col-end-lg-3 {
    grid-column-end: 3; }
  .row-end-lg-3 {
    grid-row-end: 3; }
  .col-lg-4 {
    grid-column-start: 4; }
  .col-start-lg-4 {
    grid-column-start: 4; }
  .row-lg-4 {
    grid-row-start: 4; }
  .row-start-lg-4 {
    grid-row-start: 4; }
  .col-end-lg-4 {
    grid-column-end: 4; }
  .row-end-lg-4 {
    grid-row-end: 4; }
  .col-lg-5 {
    grid-column-start: 5; }
  .col-start-lg-5 {
    grid-column-start: 5; }
  .row-lg-5 {
    grid-row-start: 5; }
  .row-start-lg-5 {
    grid-row-start: 5; }
  .col-end-lg-5 {
    grid-column-end: 5; }
  .row-end-lg-5 {
    grid-row-end: 5; }
  .col-lg-6 {
    grid-column-start: 6; }
  .col-start-lg-6 {
    grid-column-start: 6; }
  .row-lg-6 {
    grid-row-start: 6; }
  .row-start-lg-6 {
    grid-row-start: 6; }
  .col-end-lg-6 {
    grid-column-end: 6; }
  .row-end-lg-6 {
    grid-row-end: 6; }
  .col-lg-7 {
    grid-column-start: 7; }
  .col-start-lg-7 {
    grid-column-start: 7; }
  .row-lg-7 {
    grid-row-start: 7; }
  .row-start-lg-7 {
    grid-row-start: 7; }
  .col-end-lg-7 {
    grid-column-end: 7; }
  .row-end-lg-7 {
    grid-row-end: 7; }
  .col-lg-8 {
    grid-column-start: 8; }
  .col-start-lg-8 {
    grid-column-start: 8; }
  .row-lg-8 {
    grid-row-start: 8; }
  .row-start-lg-8 {
    grid-row-start: 8; }
  .col-end-lg-8 {
    grid-column-end: 8; }
  .row-end-lg-8 {
    grid-row-end: 8; }
  .col-lg-9 {
    grid-column-start: 9; }
  .col-start-lg-9 {
    grid-column-start: 9; }
  .row-lg-9 {
    grid-row-start: 9; }
  .row-start-lg-9 {
    grid-row-start: 9; }
  .col-end-lg-9 {
    grid-column-end: 9; }
  .row-end-lg-9 {
    grid-row-end: 9; }
  .col-lg-10 {
    grid-column-start: 10; }
  .col-start-lg-10 {
    grid-column-start: 10; }
  .row-lg-10 {
    grid-row-start: 10; }
  .row-start-lg-10 {
    grid-row-start: 10; }
  .col-end-lg-10 {
    grid-column-end: 10; }
  .row-end-lg-10 {
    grid-row-end: 10; }
  .col-lg-11 {
    grid-column-start: 11; }
  .col-start-lg-11 {
    grid-column-start: 11; }
  .row-lg-11 {
    grid-row-start: 11; }
  .row-start-lg-11 {
    grid-row-start: 11; }
  .col-end-lg-11 {
    grid-column-end: 11; }
  .row-end-lg-11 {
    grid-row-end: 11; }
  .col-lg-12 {
    grid-column-start: 12; }
  .col-start-lg-12 {
    grid-column-start: 12; }
  .row-lg-12 {
    grid-row-start: 12; }
  .row-start-lg-12 {
    grid-row-start: 12; }
  .col-end-lg-12 {
    grid-column-end: 12; }
  .row-end-lg-12 {
    grid-row-end: 12; }
  .area-lg-1-1 {
    grid-column: auto/span 1;
    grid-row: auto/span 1; }
  .container-lg-1-1 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-lg-1-1 {
    grid-column-start: 1;
    grid-column-end: 1; }
  .row-lg-1-1 {
    grid-row-start: 1;
    grid-row-end: 1; }
  .area-lg-1-2 {
    grid-column: auto/span 1;
    grid-row: auto/span 2; }
  .container-lg-1-2 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-lg-1-2 {
    grid-column-start: 1;
    grid-column-end: 2; }
  .row-lg-1-2 {
    grid-row-start: 1;
    grid-row-end: 2; }
  .area-lg-1-3 {
    grid-column: auto/span 1;
    grid-row: auto/span 3; }
  .container-lg-1-3 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-lg-1-3 {
    grid-column-start: 1;
    grid-column-end: 3; }
  .row-lg-1-3 {
    grid-row-start: 1;
    grid-row-end: 3; }
  .area-lg-1-4 {
    grid-column: auto/span 1;
    grid-row: auto/span 4; }
  .container-lg-1-4 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-lg-1-4 {
    grid-column-start: 1;
    grid-column-end: 4; }
  .row-lg-1-4 {
    grid-row-start: 1;
    grid-row-end: 4; }
  .area-lg-1-5 {
    grid-column: auto/span 1;
    grid-row: auto/span 5; }
  .container-lg-1-5 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-lg-1-5 {
    grid-column-start: 1;
    grid-column-end: 5; }
  .row-lg-1-5 {
    grid-row-start: 1;
    grid-row-end: 5; }
  .area-lg-1-6 {
    grid-column: auto/span 1;
    grid-row: auto/span 6; }
  .container-lg-1-6 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-lg-1-6 {
    grid-column-start: 1;
    grid-column-end: 6; }
  .row-lg-1-6 {
    grid-row-start: 1;
    grid-row-end: 6; }
  .area-lg-1-7 {
    grid-column: auto/span 1;
    grid-row: auto/span 7; }
  .container-lg-1-7 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-lg-1-7 {
    grid-column-start: 1;
    grid-column-end: 7; }
  .row-lg-1-7 {
    grid-row-start: 1;
    grid-row-end: 7; }
  .area-lg-1-8 {
    grid-column: auto/span 1;
    grid-row: auto/span 8; }
  .container-lg-1-8 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-lg-1-8 {
    grid-column-start: 1;
    grid-column-end: 8; }
  .row-lg-1-8 {
    grid-row-start: 1;
    grid-row-end: 8; }
  .area-lg-1-9 {
    grid-column: auto/span 1;
    grid-row: auto/span 9; }
  .container-lg-1-9 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-lg-1-9 {
    grid-column-start: 1;
    grid-column-end: 9; }
  .row-lg-1-9 {
    grid-row-start: 1;
    grid-row-end: 9; }
  .area-lg-1-10 {
    grid-column: auto/span 1;
    grid-row: auto/span 10; }
  .container-lg-1-10 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-lg-1-10 {
    grid-column-start: 1;
    grid-column-end: 10; }
  .row-lg-1-10 {
    grid-row-start: 1;
    grid-row-end: 10; }
  .area-lg-1-11 {
    grid-column: auto/span 1;
    grid-row: auto/span 11; }
  .container-lg-1-11 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-lg-1-11 {
    grid-column-start: 1;
    grid-column-end: 11; }
  .row-lg-1-11 {
    grid-row-start: 1;
    grid-row-end: 11; }
  .area-lg-1-12 {
    grid-column: auto/span 1;
    grid-row: auto/span 12; }
  .container-lg-1-12 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-lg-1-12 {
    grid-column-start: 1;
    grid-column-end: 12; }
  .row-lg-1-12 {
    grid-row-start: 1;
    grid-row-end: 12; }
  .area-lg-2-1 {
    grid-column: auto/span 2;
    grid-row: auto/span 1; }
  .container-lg-2-1 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-lg-2-1 {
    grid-column-start: 2;
    grid-column-end: 1; }
  .row-lg-2-1 {
    grid-row-start: 2;
    grid-row-end: 1; }
  .area-lg-2-2 {
    grid-column: auto/span 2;
    grid-row: auto/span 2; }
  .container-lg-2-2 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-lg-2-2 {
    grid-column-start: 2;
    grid-column-end: 2; }
  .row-lg-2-2 {
    grid-row-start: 2;
    grid-row-end: 2; }
  .area-lg-2-3 {
    grid-column: auto/span 2;
    grid-row: auto/span 3; }
  .container-lg-2-3 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-lg-2-3 {
    grid-column-start: 2;
    grid-column-end: 3; }
  .row-lg-2-3 {
    grid-row-start: 2;
    grid-row-end: 3; }
  .area-lg-2-4 {
    grid-column: auto/span 2;
    grid-row: auto/span 4; }
  .container-lg-2-4 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-lg-2-4 {
    grid-column-start: 2;
    grid-column-end: 4; }
  .row-lg-2-4 {
    grid-row-start: 2;
    grid-row-end: 4; }
  .area-lg-2-5 {
    grid-column: auto/span 2;
    grid-row: auto/span 5; }
  .container-lg-2-5 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-lg-2-5 {
    grid-column-start: 2;
    grid-column-end: 5; }
  .row-lg-2-5 {
    grid-row-start: 2;
    grid-row-end: 5; }
  .area-lg-2-6 {
    grid-column: auto/span 2;
    grid-row: auto/span 6; }
  .container-lg-2-6 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-lg-2-6 {
    grid-column-start: 2;
    grid-column-end: 6; }
  .row-lg-2-6 {
    grid-row-start: 2;
    grid-row-end: 6; }
  .area-lg-2-7 {
    grid-column: auto/span 2;
    grid-row: auto/span 7; }
  .container-lg-2-7 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-lg-2-7 {
    grid-column-start: 2;
    grid-column-end: 7; }
  .row-lg-2-7 {
    grid-row-start: 2;
    grid-row-end: 7; }
  .area-lg-2-8 {
    grid-column: auto/span 2;
    grid-row: auto/span 8; }
  .container-lg-2-8 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-lg-2-8 {
    grid-column-start: 2;
    grid-column-end: 8; }
  .row-lg-2-8 {
    grid-row-start: 2;
    grid-row-end: 8; }
  .area-lg-2-9 {
    grid-column: auto/span 2;
    grid-row: auto/span 9; }
  .container-lg-2-9 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-lg-2-9 {
    grid-column-start: 2;
    grid-column-end: 9; }
  .row-lg-2-9 {
    grid-row-start: 2;
    grid-row-end: 9; }
  .area-lg-2-10 {
    grid-column: auto/span 2;
    grid-row: auto/span 10; }
  .container-lg-2-10 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-lg-2-10 {
    grid-column-start: 2;
    grid-column-end: 10; }
  .row-lg-2-10 {
    grid-row-start: 2;
    grid-row-end: 10; }
  .area-lg-2-11 {
    grid-column: auto/span 2;
    grid-row: auto/span 11; }
  .container-lg-2-11 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-lg-2-11 {
    grid-column-start: 2;
    grid-column-end: 11; }
  .row-lg-2-11 {
    grid-row-start: 2;
    grid-row-end: 11; }
  .area-lg-2-12 {
    grid-column: auto/span 2;
    grid-row: auto/span 12; }
  .container-lg-2-12 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-lg-2-12 {
    grid-column-start: 2;
    grid-column-end: 12; }
  .row-lg-2-12 {
    grid-row-start: 2;
    grid-row-end: 12; }
  .area-lg-3-1 {
    grid-column: auto/span 3;
    grid-row: auto/span 1; }
  .container-lg-3-1 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-lg-3-1 {
    grid-column-start: 3;
    grid-column-end: 1; }
  .row-lg-3-1 {
    grid-row-start: 3;
    grid-row-end: 1; }
  .area-lg-3-2 {
    grid-column: auto/span 3;
    grid-row: auto/span 2; }
  .container-lg-3-2 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-lg-3-2 {
    grid-column-start: 3;
    grid-column-end: 2; }
  .row-lg-3-2 {
    grid-row-start: 3;
    grid-row-end: 2; }
  .area-lg-3-3 {
    grid-column: auto/span 3;
    grid-row: auto/span 3; }
  .container-lg-3-3 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-lg-3-3 {
    grid-column-start: 3;
    grid-column-end: 3; }
  .row-lg-3-3 {
    grid-row-start: 3;
    grid-row-end: 3; }
  .area-lg-3-4 {
    grid-column: auto/span 3;
    grid-row: auto/span 4; }
  .container-lg-3-4 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-lg-3-4 {
    grid-column-start: 3;
    grid-column-end: 4; }
  .row-lg-3-4 {
    grid-row-start: 3;
    grid-row-end: 4; }
  .area-lg-3-5 {
    grid-column: auto/span 3;
    grid-row: auto/span 5; }
  .container-lg-3-5 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-lg-3-5 {
    grid-column-start: 3;
    grid-column-end: 5; }
  .row-lg-3-5 {
    grid-row-start: 3;
    grid-row-end: 5; }
  .area-lg-3-6 {
    grid-column: auto/span 3;
    grid-row: auto/span 6; }
  .container-lg-3-6 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-lg-3-6 {
    grid-column-start: 3;
    grid-column-end: 6; }
  .row-lg-3-6 {
    grid-row-start: 3;
    grid-row-end: 6; }
  .area-lg-3-7 {
    grid-column: auto/span 3;
    grid-row: auto/span 7; }
  .container-lg-3-7 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-lg-3-7 {
    grid-column-start: 3;
    grid-column-end: 7; }
  .row-lg-3-7 {
    grid-row-start: 3;
    grid-row-end: 7; }
  .area-lg-3-8 {
    grid-column: auto/span 3;
    grid-row: auto/span 8; }
  .container-lg-3-8 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-lg-3-8 {
    grid-column-start: 3;
    grid-column-end: 8; }
  .row-lg-3-8 {
    grid-row-start: 3;
    grid-row-end: 8; }
  .area-lg-3-9 {
    grid-column: auto/span 3;
    grid-row: auto/span 9; }
  .container-lg-3-9 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-lg-3-9 {
    grid-column-start: 3;
    grid-column-end: 9; }
  .row-lg-3-9 {
    grid-row-start: 3;
    grid-row-end: 9; }
  .area-lg-3-10 {
    grid-column: auto/span 3;
    grid-row: auto/span 10; }
  .container-lg-3-10 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-lg-3-10 {
    grid-column-start: 3;
    grid-column-end: 10; }
  .row-lg-3-10 {
    grid-row-start: 3;
    grid-row-end: 10; }
  .area-lg-3-11 {
    grid-column: auto/span 3;
    grid-row: auto/span 11; }
  .container-lg-3-11 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-lg-3-11 {
    grid-column-start: 3;
    grid-column-end: 11; }
  .row-lg-3-11 {
    grid-row-start: 3;
    grid-row-end: 11; }
  .area-lg-3-12 {
    grid-column: auto/span 3;
    grid-row: auto/span 12; }
  .container-lg-3-12 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-lg-3-12 {
    grid-column-start: 3;
    grid-column-end: 12; }
  .row-lg-3-12 {
    grid-row-start: 3;
    grid-row-end: 12; }
  .area-lg-4-1 {
    grid-column: auto/span 4;
    grid-row: auto/span 1; }
  .container-lg-4-1 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-lg-4-1 {
    grid-column-start: 4;
    grid-column-end: 1; }
  .row-lg-4-1 {
    grid-row-start: 4;
    grid-row-end: 1; }
  .area-lg-4-2 {
    grid-column: auto/span 4;
    grid-row: auto/span 2; }
  .container-lg-4-2 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-lg-4-2 {
    grid-column-start: 4;
    grid-column-end: 2; }
  .row-lg-4-2 {
    grid-row-start: 4;
    grid-row-end: 2; }
  .area-lg-4-3 {
    grid-column: auto/span 4;
    grid-row: auto/span 3; }
  .container-lg-4-3 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-lg-4-3 {
    grid-column-start: 4;
    grid-column-end: 3; }
  .row-lg-4-3 {
    grid-row-start: 4;
    grid-row-end: 3; }
  .area-lg-4-4 {
    grid-column: auto/span 4;
    grid-row: auto/span 4; }
  .container-lg-4-4 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-lg-4-4 {
    grid-column-start: 4;
    grid-column-end: 4; }
  .row-lg-4-4 {
    grid-row-start: 4;
    grid-row-end: 4; }
  .area-lg-4-5 {
    grid-column: auto/span 4;
    grid-row: auto/span 5; }
  .container-lg-4-5 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-lg-4-5 {
    grid-column-start: 4;
    grid-column-end: 5; }
  .row-lg-4-5 {
    grid-row-start: 4;
    grid-row-end: 5; }
  .area-lg-4-6 {
    grid-column: auto/span 4;
    grid-row: auto/span 6; }
  .container-lg-4-6 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-lg-4-6 {
    grid-column-start: 4;
    grid-column-end: 6; }
  .row-lg-4-6 {
    grid-row-start: 4;
    grid-row-end: 6; }
  .area-lg-4-7 {
    grid-column: auto/span 4;
    grid-row: auto/span 7; }
  .container-lg-4-7 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-lg-4-7 {
    grid-column-start: 4;
    grid-column-end: 7; }
  .row-lg-4-7 {
    grid-row-start: 4;
    grid-row-end: 7; }
  .area-lg-4-8 {
    grid-column: auto/span 4;
    grid-row: auto/span 8; }
  .container-lg-4-8 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-lg-4-8 {
    grid-column-start: 4;
    grid-column-end: 8; }
  .row-lg-4-8 {
    grid-row-start: 4;
    grid-row-end: 8; }
  .area-lg-4-9 {
    grid-column: auto/span 4;
    grid-row: auto/span 9; }
  .container-lg-4-9 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-lg-4-9 {
    grid-column-start: 4;
    grid-column-end: 9; }
  .row-lg-4-9 {
    grid-row-start: 4;
    grid-row-end: 9; }
  .area-lg-4-10 {
    grid-column: auto/span 4;
    grid-row: auto/span 10; }
  .container-lg-4-10 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-lg-4-10 {
    grid-column-start: 4;
    grid-column-end: 10; }
  .row-lg-4-10 {
    grid-row-start: 4;
    grid-row-end: 10; }
  .area-lg-4-11 {
    grid-column: auto/span 4;
    grid-row: auto/span 11; }
  .container-lg-4-11 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-lg-4-11 {
    grid-column-start: 4;
    grid-column-end: 11; }
  .row-lg-4-11 {
    grid-row-start: 4;
    grid-row-end: 11; }
  .area-lg-4-12 {
    grid-column: auto/span 4;
    grid-row: auto/span 12; }
  .container-lg-4-12 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-lg-4-12 {
    grid-column-start: 4;
    grid-column-end: 12; }
  .row-lg-4-12 {
    grid-row-start: 4;
    grid-row-end: 12; }
  .area-lg-5-1 {
    grid-column: auto/span 5;
    grid-row: auto/span 1; }
  .container-lg-5-1 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-lg-5-1 {
    grid-column-start: 5;
    grid-column-end: 1; }
  .row-lg-5-1 {
    grid-row-start: 5;
    grid-row-end: 1; }
  .area-lg-5-2 {
    grid-column: auto/span 5;
    grid-row: auto/span 2; }
  .container-lg-5-2 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-lg-5-2 {
    grid-column-start: 5;
    grid-column-end: 2; }
  .row-lg-5-2 {
    grid-row-start: 5;
    grid-row-end: 2; }
  .area-lg-5-3 {
    grid-column: auto/span 5;
    grid-row: auto/span 3; }
  .container-lg-5-3 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-lg-5-3 {
    grid-column-start: 5;
    grid-column-end: 3; }
  .row-lg-5-3 {
    grid-row-start: 5;
    grid-row-end: 3; }
  .area-lg-5-4 {
    grid-column: auto/span 5;
    grid-row: auto/span 4; }
  .container-lg-5-4 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-lg-5-4 {
    grid-column-start: 5;
    grid-column-end: 4; }
  .row-lg-5-4 {
    grid-row-start: 5;
    grid-row-end: 4; }
  .area-lg-5-5 {
    grid-column: auto/span 5;
    grid-row: auto/span 5; }
  .container-lg-5-5 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-lg-5-5 {
    grid-column-start: 5;
    grid-column-end: 5; }
  .row-lg-5-5 {
    grid-row-start: 5;
    grid-row-end: 5; }
  .area-lg-5-6 {
    grid-column: auto/span 5;
    grid-row: auto/span 6; }
  .container-lg-5-6 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-lg-5-6 {
    grid-column-start: 5;
    grid-column-end: 6; }
  .row-lg-5-6 {
    grid-row-start: 5;
    grid-row-end: 6; }
  .area-lg-5-7 {
    grid-column: auto/span 5;
    grid-row: auto/span 7; }
  .container-lg-5-7 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-lg-5-7 {
    grid-column-start: 5;
    grid-column-end: 7; }
  .row-lg-5-7 {
    grid-row-start: 5;
    grid-row-end: 7; }
  .area-lg-5-8 {
    grid-column: auto/span 5;
    grid-row: auto/span 8; }
  .container-lg-5-8 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-lg-5-8 {
    grid-column-start: 5;
    grid-column-end: 8; }
  .row-lg-5-8 {
    grid-row-start: 5;
    grid-row-end: 8; }
  .area-lg-5-9 {
    grid-column: auto/span 5;
    grid-row: auto/span 9; }
  .container-lg-5-9 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-lg-5-9 {
    grid-column-start: 5;
    grid-column-end: 9; }
  .row-lg-5-9 {
    grid-row-start: 5;
    grid-row-end: 9; }
  .area-lg-5-10 {
    grid-column: auto/span 5;
    grid-row: auto/span 10; }
  .container-lg-5-10 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-lg-5-10 {
    grid-column-start: 5;
    grid-column-end: 10; }
  .row-lg-5-10 {
    grid-row-start: 5;
    grid-row-end: 10; }
  .area-lg-5-11 {
    grid-column: auto/span 5;
    grid-row: auto/span 11; }
  .container-lg-5-11 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-lg-5-11 {
    grid-column-start: 5;
    grid-column-end: 11; }
  .row-lg-5-11 {
    grid-row-start: 5;
    grid-row-end: 11; }
  .area-lg-5-12 {
    grid-column: auto/span 5;
    grid-row: auto/span 12; }
  .container-lg-5-12 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-lg-5-12 {
    grid-column-start: 5;
    grid-column-end: 12; }
  .row-lg-5-12 {
    grid-row-start: 5;
    grid-row-end: 12; }
  .area-lg-6-1 {
    grid-column: auto/span 6;
    grid-row: auto/span 1; }
  .container-lg-6-1 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-lg-6-1 {
    grid-column-start: 6;
    grid-column-end: 1; }
  .row-lg-6-1 {
    grid-row-start: 6;
    grid-row-end: 1; }
  .area-lg-6-2 {
    grid-column: auto/span 6;
    grid-row: auto/span 2; }
  .container-lg-6-2 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-lg-6-2 {
    grid-column-start: 6;
    grid-column-end: 2; }
  .row-lg-6-2 {
    grid-row-start: 6;
    grid-row-end: 2; }
  .area-lg-6-3 {
    grid-column: auto/span 6;
    grid-row: auto/span 3; }
  .container-lg-6-3 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-lg-6-3 {
    grid-column-start: 6;
    grid-column-end: 3; }
  .row-lg-6-3 {
    grid-row-start: 6;
    grid-row-end: 3; }
  .area-lg-6-4 {
    grid-column: auto/span 6;
    grid-row: auto/span 4; }
  .container-lg-6-4 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-lg-6-4 {
    grid-column-start: 6;
    grid-column-end: 4; }
  .row-lg-6-4 {
    grid-row-start: 6;
    grid-row-end: 4; }
  .area-lg-6-5 {
    grid-column: auto/span 6;
    grid-row: auto/span 5; }
  .container-lg-6-5 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-lg-6-5 {
    grid-column-start: 6;
    grid-column-end: 5; }
  .row-lg-6-5 {
    grid-row-start: 6;
    grid-row-end: 5; }
  .area-lg-6-6 {
    grid-column: auto/span 6;
    grid-row: auto/span 6; }
  .container-lg-6-6 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-lg-6-6 {
    grid-column-start: 6;
    grid-column-end: 6; }
  .row-lg-6-6 {
    grid-row-start: 6;
    grid-row-end: 6; }
  .area-lg-6-7 {
    grid-column: auto/span 6;
    grid-row: auto/span 7; }
  .container-lg-6-7 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-lg-6-7 {
    grid-column-start: 6;
    grid-column-end: 7; }
  .row-lg-6-7 {
    grid-row-start: 6;
    grid-row-end: 7; }
  .area-lg-6-8 {
    grid-column: auto/span 6;
    grid-row: auto/span 8; }
  .container-lg-6-8 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-lg-6-8 {
    grid-column-start: 6;
    grid-column-end: 8; }
  .row-lg-6-8 {
    grid-row-start: 6;
    grid-row-end: 8; }
  .area-lg-6-9 {
    grid-column: auto/span 6;
    grid-row: auto/span 9; }
  .container-lg-6-9 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-lg-6-9 {
    grid-column-start: 6;
    grid-column-end: 9; }
  .row-lg-6-9 {
    grid-row-start: 6;
    grid-row-end: 9; }
  .area-lg-6-10 {
    grid-column: auto/span 6;
    grid-row: auto/span 10; }
  .container-lg-6-10 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-lg-6-10 {
    grid-column-start: 6;
    grid-column-end: 10; }
  .row-lg-6-10 {
    grid-row-start: 6;
    grid-row-end: 10; }
  .area-lg-6-11 {
    grid-column: auto/span 6;
    grid-row: auto/span 11; }
  .container-lg-6-11 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-lg-6-11 {
    grid-column-start: 6;
    grid-column-end: 11; }
  .row-lg-6-11 {
    grid-row-start: 6;
    grid-row-end: 11; }
  .area-lg-6-12 {
    grid-column: auto/span 6;
    grid-row: auto/span 12; }
  .container-lg-6-12 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-lg-6-12 {
    grid-column-start: 6;
    grid-column-end: 12; }
  .row-lg-6-12 {
    grid-row-start: 6;
    grid-row-end: 12; }
  .area-lg-7-1 {
    grid-column: auto/span 7;
    grid-row: auto/span 1; }
  .container-lg-7-1 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-lg-7-1 {
    grid-column-start: 7;
    grid-column-end: 1; }
  .row-lg-7-1 {
    grid-row-start: 7;
    grid-row-end: 1; }
  .area-lg-7-2 {
    grid-column: auto/span 7;
    grid-row: auto/span 2; }
  .container-lg-7-2 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-lg-7-2 {
    grid-column-start: 7;
    grid-column-end: 2; }
  .row-lg-7-2 {
    grid-row-start: 7;
    grid-row-end: 2; }
  .area-lg-7-3 {
    grid-column: auto/span 7;
    grid-row: auto/span 3; }
  .container-lg-7-3 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-lg-7-3 {
    grid-column-start: 7;
    grid-column-end: 3; }
  .row-lg-7-3 {
    grid-row-start: 7;
    grid-row-end: 3; }
  .area-lg-7-4 {
    grid-column: auto/span 7;
    grid-row: auto/span 4; }
  .container-lg-7-4 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-lg-7-4 {
    grid-column-start: 7;
    grid-column-end: 4; }
  .row-lg-7-4 {
    grid-row-start: 7;
    grid-row-end: 4; }
  .area-lg-7-5 {
    grid-column: auto/span 7;
    grid-row: auto/span 5; }
  .container-lg-7-5 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-lg-7-5 {
    grid-column-start: 7;
    grid-column-end: 5; }
  .row-lg-7-5 {
    grid-row-start: 7;
    grid-row-end: 5; }
  .area-lg-7-6 {
    grid-column: auto/span 7;
    grid-row: auto/span 6; }
  .container-lg-7-6 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-lg-7-6 {
    grid-column-start: 7;
    grid-column-end: 6; }
  .row-lg-7-6 {
    grid-row-start: 7;
    grid-row-end: 6; }
  .area-lg-7-7 {
    grid-column: auto/span 7;
    grid-row: auto/span 7; }
  .container-lg-7-7 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-lg-7-7 {
    grid-column-start: 7;
    grid-column-end: 7; }
  .row-lg-7-7 {
    grid-row-start: 7;
    grid-row-end: 7; }
  .area-lg-7-8 {
    grid-column: auto/span 7;
    grid-row: auto/span 8; }
  .container-lg-7-8 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-lg-7-8 {
    grid-column-start: 7;
    grid-column-end: 8; }
  .row-lg-7-8 {
    grid-row-start: 7;
    grid-row-end: 8; }
  .area-lg-7-9 {
    grid-column: auto/span 7;
    grid-row: auto/span 9; }
  .container-lg-7-9 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-lg-7-9 {
    grid-column-start: 7;
    grid-column-end: 9; }
  .row-lg-7-9 {
    grid-row-start: 7;
    grid-row-end: 9; }
  .area-lg-7-10 {
    grid-column: auto/span 7;
    grid-row: auto/span 10; }
  .container-lg-7-10 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-lg-7-10 {
    grid-column-start: 7;
    grid-column-end: 10; }
  .row-lg-7-10 {
    grid-row-start: 7;
    grid-row-end: 10; }
  .area-lg-7-11 {
    grid-column: auto/span 7;
    grid-row: auto/span 11; }
  .container-lg-7-11 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-lg-7-11 {
    grid-column-start: 7;
    grid-column-end: 11; }
  .row-lg-7-11 {
    grid-row-start: 7;
    grid-row-end: 11; }
  .area-lg-7-12 {
    grid-column: auto/span 7;
    grid-row: auto/span 12; }
  .container-lg-7-12 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-lg-7-12 {
    grid-column-start: 7;
    grid-column-end: 12; }
  .row-lg-7-12 {
    grid-row-start: 7;
    grid-row-end: 12; }
  .area-lg-8-1 {
    grid-column: auto/span 8;
    grid-row: auto/span 1; }
  .container-lg-8-1 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-lg-8-1 {
    grid-column-start: 8;
    grid-column-end: 1; }
  .row-lg-8-1 {
    grid-row-start: 8;
    grid-row-end: 1; }
  .area-lg-8-2 {
    grid-column: auto/span 8;
    grid-row: auto/span 2; }
  .container-lg-8-2 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-lg-8-2 {
    grid-column-start: 8;
    grid-column-end: 2; }
  .row-lg-8-2 {
    grid-row-start: 8;
    grid-row-end: 2; }
  .area-lg-8-3 {
    grid-column: auto/span 8;
    grid-row: auto/span 3; }
  .container-lg-8-3 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-lg-8-3 {
    grid-column-start: 8;
    grid-column-end: 3; }
  .row-lg-8-3 {
    grid-row-start: 8;
    grid-row-end: 3; }
  .area-lg-8-4 {
    grid-column: auto/span 8;
    grid-row: auto/span 4; }
  .container-lg-8-4 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-lg-8-4 {
    grid-column-start: 8;
    grid-column-end: 4; }
  .row-lg-8-4 {
    grid-row-start: 8;
    grid-row-end: 4; }
  .area-lg-8-5 {
    grid-column: auto/span 8;
    grid-row: auto/span 5; }
  .container-lg-8-5 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-lg-8-5 {
    grid-column-start: 8;
    grid-column-end: 5; }
  .row-lg-8-5 {
    grid-row-start: 8;
    grid-row-end: 5; }
  .area-lg-8-6 {
    grid-column: auto/span 8;
    grid-row: auto/span 6; }
  .container-lg-8-6 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-lg-8-6 {
    grid-column-start: 8;
    grid-column-end: 6; }
  .row-lg-8-6 {
    grid-row-start: 8;
    grid-row-end: 6; }
  .area-lg-8-7 {
    grid-column: auto/span 8;
    grid-row: auto/span 7; }
  .container-lg-8-7 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-lg-8-7 {
    grid-column-start: 8;
    grid-column-end: 7; }
  .row-lg-8-7 {
    grid-row-start: 8;
    grid-row-end: 7; }
  .area-lg-8-8 {
    grid-column: auto/span 8;
    grid-row: auto/span 8; }
  .container-lg-8-8 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-lg-8-8 {
    grid-column-start: 8;
    grid-column-end: 8; }
  .row-lg-8-8 {
    grid-row-start: 8;
    grid-row-end: 8; }
  .area-lg-8-9 {
    grid-column: auto/span 8;
    grid-row: auto/span 9; }
  .container-lg-8-9 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-lg-8-9 {
    grid-column-start: 8;
    grid-column-end: 9; }
  .row-lg-8-9 {
    grid-row-start: 8;
    grid-row-end: 9; }
  .area-lg-8-10 {
    grid-column: auto/span 8;
    grid-row: auto/span 10; }
  .container-lg-8-10 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-lg-8-10 {
    grid-column-start: 8;
    grid-column-end: 10; }
  .row-lg-8-10 {
    grid-row-start: 8;
    grid-row-end: 10; }
  .area-lg-8-11 {
    grid-column: auto/span 8;
    grid-row: auto/span 11; }
  .container-lg-8-11 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-lg-8-11 {
    grid-column-start: 8;
    grid-column-end: 11; }
  .row-lg-8-11 {
    grid-row-start: 8;
    grid-row-end: 11; }
  .area-lg-8-12 {
    grid-column: auto/span 8;
    grid-row: auto/span 12; }
  .container-lg-8-12 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-lg-8-12 {
    grid-column-start: 8;
    grid-column-end: 12; }
  .row-lg-8-12 {
    grid-row-start: 8;
    grid-row-end: 12; }
  .area-lg-9-1 {
    grid-column: auto/span 9;
    grid-row: auto/span 1; }
  .container-lg-9-1 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-lg-9-1 {
    grid-column-start: 9;
    grid-column-end: 1; }
  .row-lg-9-1 {
    grid-row-start: 9;
    grid-row-end: 1; }
  .area-lg-9-2 {
    grid-column: auto/span 9;
    grid-row: auto/span 2; }
  .container-lg-9-2 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-lg-9-2 {
    grid-column-start: 9;
    grid-column-end: 2; }
  .row-lg-9-2 {
    grid-row-start: 9;
    grid-row-end: 2; }
  .area-lg-9-3 {
    grid-column: auto/span 9;
    grid-row: auto/span 3; }
  .container-lg-9-3 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-lg-9-3 {
    grid-column-start: 9;
    grid-column-end: 3; }
  .row-lg-9-3 {
    grid-row-start: 9;
    grid-row-end: 3; }
  .area-lg-9-4 {
    grid-column: auto/span 9;
    grid-row: auto/span 4; }
  .container-lg-9-4 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-lg-9-4 {
    grid-column-start: 9;
    grid-column-end: 4; }
  .row-lg-9-4 {
    grid-row-start: 9;
    grid-row-end: 4; }
  .area-lg-9-5 {
    grid-column: auto/span 9;
    grid-row: auto/span 5; }
  .container-lg-9-5 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-lg-9-5 {
    grid-column-start: 9;
    grid-column-end: 5; }
  .row-lg-9-5 {
    grid-row-start: 9;
    grid-row-end: 5; }
  .area-lg-9-6 {
    grid-column: auto/span 9;
    grid-row: auto/span 6; }
  .container-lg-9-6 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-lg-9-6 {
    grid-column-start: 9;
    grid-column-end: 6; }
  .row-lg-9-6 {
    grid-row-start: 9;
    grid-row-end: 6; }
  .area-lg-9-7 {
    grid-column: auto/span 9;
    grid-row: auto/span 7; }
  .container-lg-9-7 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-lg-9-7 {
    grid-column-start: 9;
    grid-column-end: 7; }
  .row-lg-9-7 {
    grid-row-start: 9;
    grid-row-end: 7; }
  .area-lg-9-8 {
    grid-column: auto/span 9;
    grid-row: auto/span 8; }
  .container-lg-9-8 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-lg-9-8 {
    grid-column-start: 9;
    grid-column-end: 8; }
  .row-lg-9-8 {
    grid-row-start: 9;
    grid-row-end: 8; }
  .area-lg-9-9 {
    grid-column: auto/span 9;
    grid-row: auto/span 9; }
  .container-lg-9-9 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-lg-9-9 {
    grid-column-start: 9;
    grid-column-end: 9; }
  .row-lg-9-9 {
    grid-row-start: 9;
    grid-row-end: 9; }
  .area-lg-9-10 {
    grid-column: auto/span 9;
    grid-row: auto/span 10; }
  .container-lg-9-10 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-lg-9-10 {
    grid-column-start: 9;
    grid-column-end: 10; }
  .row-lg-9-10 {
    grid-row-start: 9;
    grid-row-end: 10; }
  .area-lg-9-11 {
    grid-column: auto/span 9;
    grid-row: auto/span 11; }
  .container-lg-9-11 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-lg-9-11 {
    grid-column-start: 9;
    grid-column-end: 11; }
  .row-lg-9-11 {
    grid-row-start: 9;
    grid-row-end: 11; }
  .area-lg-9-12 {
    grid-column: auto/span 9;
    grid-row: auto/span 12; }
  .container-lg-9-12 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-lg-9-12 {
    grid-column-start: 9;
    grid-column-end: 12; }
  .row-lg-9-12 {
    grid-row-start: 9;
    grid-row-end: 12; }
  .area-lg-10-1 {
    grid-column: auto/span 10;
    grid-row: auto/span 1; }
  .container-lg-10-1 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-lg-10-1 {
    grid-column-start: 10;
    grid-column-end: 1; }
  .row-lg-10-1 {
    grid-row-start: 10;
    grid-row-end: 1; }
  .area-lg-10-2 {
    grid-column: auto/span 10;
    grid-row: auto/span 2; }
  .container-lg-10-2 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-lg-10-2 {
    grid-column-start: 10;
    grid-column-end: 2; }
  .row-lg-10-2 {
    grid-row-start: 10;
    grid-row-end: 2; }
  .area-lg-10-3 {
    grid-column: auto/span 10;
    grid-row: auto/span 3; }
  .container-lg-10-3 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-lg-10-3 {
    grid-column-start: 10;
    grid-column-end: 3; }
  .row-lg-10-3 {
    grid-row-start: 10;
    grid-row-end: 3; }
  .area-lg-10-4 {
    grid-column: auto/span 10;
    grid-row: auto/span 4; }
  .container-lg-10-4 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-lg-10-4 {
    grid-column-start: 10;
    grid-column-end: 4; }
  .row-lg-10-4 {
    grid-row-start: 10;
    grid-row-end: 4; }
  .area-lg-10-5 {
    grid-column: auto/span 10;
    grid-row: auto/span 5; }
  .container-lg-10-5 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-lg-10-5 {
    grid-column-start: 10;
    grid-column-end: 5; }
  .row-lg-10-5 {
    grid-row-start: 10;
    grid-row-end: 5; }
  .area-lg-10-6 {
    grid-column: auto/span 10;
    grid-row: auto/span 6; }
  .container-lg-10-6 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-lg-10-6 {
    grid-column-start: 10;
    grid-column-end: 6; }
  .row-lg-10-6 {
    grid-row-start: 10;
    grid-row-end: 6; }
  .area-lg-10-7 {
    grid-column: auto/span 10;
    grid-row: auto/span 7; }
  .container-lg-10-7 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-lg-10-7 {
    grid-column-start: 10;
    grid-column-end: 7; }
  .row-lg-10-7 {
    grid-row-start: 10;
    grid-row-end: 7; }
  .area-lg-10-8 {
    grid-column: auto/span 10;
    grid-row: auto/span 8; }
  .container-lg-10-8 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-lg-10-8 {
    grid-column-start: 10;
    grid-column-end: 8; }
  .row-lg-10-8 {
    grid-row-start: 10;
    grid-row-end: 8; }
  .area-lg-10-9 {
    grid-column: auto/span 10;
    grid-row: auto/span 9; }
  .container-lg-10-9 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-lg-10-9 {
    grid-column-start: 10;
    grid-column-end: 9; }
  .row-lg-10-9 {
    grid-row-start: 10;
    grid-row-end: 9; }
  .area-lg-10-10 {
    grid-column: auto/span 10;
    grid-row: auto/span 10; }
  .container-lg-10-10 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-lg-10-10 {
    grid-column-start: 10;
    grid-column-end: 10; }
  .row-lg-10-10 {
    grid-row-start: 10;
    grid-row-end: 10; }
  .area-lg-10-11 {
    grid-column: auto/span 10;
    grid-row: auto/span 11; }
  .container-lg-10-11 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-lg-10-11 {
    grid-column-start: 10;
    grid-column-end: 11; }
  .row-lg-10-11 {
    grid-row-start: 10;
    grid-row-end: 11; }
  .area-lg-10-12 {
    grid-column: auto/span 10;
    grid-row: auto/span 12; }
  .container-lg-10-12 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-lg-10-12 {
    grid-column-start: 10;
    grid-column-end: 12; }
  .row-lg-10-12 {
    grid-row-start: 10;
    grid-row-end: 12; }
  .area-lg-11-1 {
    grid-column: auto/span 11;
    grid-row: auto/span 1; }
  .container-lg-11-1 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-lg-11-1 {
    grid-column-start: 11;
    grid-column-end: 1; }
  .row-lg-11-1 {
    grid-row-start: 11;
    grid-row-end: 1; }
  .area-lg-11-2 {
    grid-column: auto/span 11;
    grid-row: auto/span 2; }
  .container-lg-11-2 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-lg-11-2 {
    grid-column-start: 11;
    grid-column-end: 2; }
  .row-lg-11-2 {
    grid-row-start: 11;
    grid-row-end: 2; }
  .area-lg-11-3 {
    grid-column: auto/span 11;
    grid-row: auto/span 3; }
  .container-lg-11-3 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-lg-11-3 {
    grid-column-start: 11;
    grid-column-end: 3; }
  .row-lg-11-3 {
    grid-row-start: 11;
    grid-row-end: 3; }
  .area-lg-11-4 {
    grid-column: auto/span 11;
    grid-row: auto/span 4; }
  .container-lg-11-4 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-lg-11-4 {
    grid-column-start: 11;
    grid-column-end: 4; }
  .row-lg-11-4 {
    grid-row-start: 11;
    grid-row-end: 4; }
  .area-lg-11-5 {
    grid-column: auto/span 11;
    grid-row: auto/span 5; }
  .container-lg-11-5 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-lg-11-5 {
    grid-column-start: 11;
    grid-column-end: 5; }
  .row-lg-11-5 {
    grid-row-start: 11;
    grid-row-end: 5; }
  .area-lg-11-6 {
    grid-column: auto/span 11;
    grid-row: auto/span 6; }
  .container-lg-11-6 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-lg-11-6 {
    grid-column-start: 11;
    grid-column-end: 6; }
  .row-lg-11-6 {
    grid-row-start: 11;
    grid-row-end: 6; }
  .area-lg-11-7 {
    grid-column: auto/span 11;
    grid-row: auto/span 7; }
  .container-lg-11-7 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-lg-11-7 {
    grid-column-start: 11;
    grid-column-end: 7; }
  .row-lg-11-7 {
    grid-row-start: 11;
    grid-row-end: 7; }
  .area-lg-11-8 {
    grid-column: auto/span 11;
    grid-row: auto/span 8; }
  .container-lg-11-8 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-lg-11-8 {
    grid-column-start: 11;
    grid-column-end: 8; }
  .row-lg-11-8 {
    grid-row-start: 11;
    grid-row-end: 8; }
  .area-lg-11-9 {
    grid-column: auto/span 11;
    grid-row: auto/span 9; }
  .container-lg-11-9 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-lg-11-9 {
    grid-column-start: 11;
    grid-column-end: 9; }
  .row-lg-11-9 {
    grid-row-start: 11;
    grid-row-end: 9; }
  .area-lg-11-10 {
    grid-column: auto/span 11;
    grid-row: auto/span 10; }
  .container-lg-11-10 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-lg-11-10 {
    grid-column-start: 11;
    grid-column-end: 10; }
  .row-lg-11-10 {
    grid-row-start: 11;
    grid-row-end: 10; }
  .area-lg-11-11 {
    grid-column: auto/span 11;
    grid-row: auto/span 11; }
  .container-lg-11-11 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-lg-11-11 {
    grid-column-start: 11;
    grid-column-end: 11; }
  .row-lg-11-11 {
    grid-row-start: 11;
    grid-row-end: 11; }
  .area-lg-11-12 {
    grid-column: auto/span 11;
    grid-row: auto/span 12; }
  .container-lg-11-12 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-lg-11-12 {
    grid-column-start: 11;
    grid-column-end: 12; }
  .row-lg-11-12 {
    grid-row-start: 11;
    grid-row-end: 12; }
  .area-lg-12-1 {
    grid-column: auto/span 12;
    grid-row: auto/span 1; }
  .container-lg-12-1 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr); }
  .col-lg-12-1 {
    grid-column-start: 12;
    grid-column-end: 1; }
  .row-lg-12-1 {
    grid-row-start: 12;
    grid-row-end: 1; }
  .area-lg-12-2 {
    grid-column: auto/span 12;
    grid-row: auto/span 2; }
  .container-lg-12-2 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 1fr); }
  .col-lg-12-2 {
    grid-column-start: 12;
    grid-column-end: 2; }
  .row-lg-12-2 {
    grid-row-start: 12;
    grid-row-end: 2; }
  .area-lg-12-3 {
    grid-column: auto/span 12;
    grid-row: auto/span 3; }
  .container-lg-12-3 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(3, 1fr); }
  .col-lg-12-3 {
    grid-column-start: 12;
    grid-column-end: 3; }
  .row-lg-12-3 {
    grid-row-start: 12;
    grid-row-end: 3; }
  .area-lg-12-4 {
    grid-column: auto/span 12;
    grid-row: auto/span 4; }
  .container-lg-12-4 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .col-lg-12-4 {
    grid-column-start: 12;
    grid-column-end: 4; }
  .row-lg-12-4 {
    grid-row-start: 12;
    grid-row-end: 4; }
  .area-lg-12-5 {
    grid-column: auto/span 12;
    grid-row: auto/span 5; }
  .container-lg-12-5 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(5, 1fr); }
  .col-lg-12-5 {
    grid-column-start: 12;
    grid-column-end: 5; }
  .row-lg-12-5 {
    grid-row-start: 12;
    grid-row-end: 5; }
  .area-lg-12-6 {
    grid-column: auto/span 12;
    grid-row: auto/span 6; }
  .container-lg-12-6 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(6, 1fr); }
  .col-lg-12-6 {
    grid-column-start: 12;
    grid-column-end: 6; }
  .row-lg-12-6 {
    grid-row-start: 12;
    grid-row-end: 6; }
  .area-lg-12-7 {
    grid-column: auto/span 12;
    grid-row: auto/span 7; }
  .container-lg-12-7 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(7, 1fr); }
  .col-lg-12-7 {
    grid-column-start: 12;
    grid-column-end: 7; }
  .row-lg-12-7 {
    grid-row-start: 12;
    grid-row-end: 7; }
  .area-lg-12-8 {
    grid-column: auto/span 12;
    grid-row: auto/span 8; }
  .container-lg-12-8 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(8, 1fr); }
  .col-lg-12-8 {
    grid-column-start: 12;
    grid-column-end: 8; }
  .row-lg-12-8 {
    grid-row-start: 12;
    grid-row-end: 8; }
  .area-lg-12-9 {
    grid-column: auto/span 12;
    grid-row: auto/span 9; }
  .container-lg-12-9 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(9, 1fr); }
  .col-lg-12-9 {
    grid-column-start: 12;
    grid-column-end: 9; }
  .row-lg-12-9 {
    grid-row-start: 12;
    grid-row-end: 9; }
  .area-lg-12-10 {
    grid-column: auto/span 12;
    grid-row: auto/span 10; }
  .container-lg-12-10 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(10, 1fr); }
  .col-lg-12-10 {
    grid-column-start: 12;
    grid-column-end: 10; }
  .row-lg-12-10 {
    grid-row-start: 12;
    grid-row-end: 10; }
  .area-lg-12-11 {
    grid-column: auto/span 12;
    grid-row: auto/span 11; }
  .container-lg-12-11 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(11, 1fr); }
  .col-lg-12-11 {
    grid-column-start: 12;
    grid-column-end: 11; }
  .row-lg-12-11 {
    grid-row-start: 12;
    grid-row-end: 11; }
  .area-lg-12-12 {
    grid-column: auto/span 12;
    grid-row: auto/span 12; }
  .container-lg-12-12 {
    display: grid;
    height: 100%;
    max-width: 1144px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, 1fr); }
  .col-lg-12-12 {
    grid-column-start: 12;
    grid-column-end: 12; }
  .row-lg-12-12 {
    grid-row-start: 12;
    grid-row-end: 12; } }