@import url(https://use.typekit.net/pan8zuf.css);
html, body,
div,
iframe,
applet,
object,
h1, h2, h3, h4, h5, h6,
p, a,
span,
blockquote,
pre,
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;
  font-size: inherit;
  font-family: inherit;
  vertical-align: baseline;
  outline: none !important;
}

* {
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  font-size: 100%;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

header, main, footer {
  display: block;
}

nav {
  display: block;
}

h1, h2, h3, h4, h5 {
  display: block;
  line-height: 1.25em;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 1.75rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.2rem;
}

h4 {
  font-size: 1.1rem;
}

ol, ul {
  display: block;
  padding-left: 1.5rem;
}

ul {
  list-style-type: disc;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
}
input:-ms-input-placeholder {
  color: black;
}
input::placeholder {
  color: black;
}
input:-ms-input-placeholder {
  color: black;
}
input::-ms-input-placeholder {
  color: black;
}
input input:-webkit-autofill,
input input:-webkit-autofill:hover,
input input:-webkit-autofill:focus,
input input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 0 transparent inset;
}

input:focus,
select:focus,
textarea:focus,
a {
  text-decoration: none;
}

a, span, b, strong, i, br, abbr, em,
del, ins, q, small, sub, sup, time {
  display: inline-block;
  color: inherit;
}

img, svg {
  display: block;
}

p, blockquote, pre,
form, input, textarea, select, optgroup, option, label, fieldset, legend, datalist,
canvas, figcaption, figure, picture,
video,
hr {
  display: block;
  width: 100%;
}

hr {
  margin: 0.5rem 0;
  border: 1px solid black;
}

button {
  display: inline-block;
  border: none;
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  outline: none !important;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
}
button:-moz-focus-inner {
  border: 0;
  padding: 0;
}

code {
  display: inline-block;
  padding: 0.25rem;
  color: white;
  background-color: #1e1e1e;
  font-family: Consolas, monospace;
}

.hide {
  display: none !important;
}
@media (min-width: 1201px) {
  .hide-xl {
    display: none !important;
  }
}
@media (min-width: 994px) and (max-width: 1200px) {
  .hide-l {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 993px) {
  .hide-m {
    display: none !important;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .hide-s {
    display: none !important;
  }
}
@media (min-width: 0) and (max-width: 480px) {
  .hide-xs {
    display: none !important;
  }
}

.show {
  display: block !important;
}
@media (min-width: 1201px) {
  .show-xl {
    display: block !important;
  }
}
@media (min-width: 994px) and (max-width: 1200px) {
  .show-l {
    display: block !important;
  }
}
@media (min-width: 769px) and (max-width: 993px) {
  .show-m {
    display: block !important;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .show-s {
    display: block !important;
  }
}
@media (min-width: 0) and (max-width: 480px) {
  .show-xs {
    display: block !important;
  }
}

.mt-0 {
  margin-top: 0rem;
}
.mt-1 {
  margin-top: 0.1rem;
}
.mt-2 {
  margin-top: 0.2rem;
}
.mt-3 {
  margin-top: 0.3rem;
}
.mt-4 {
  margin-top: 0.4rem;
}
.mt-5 {
  margin-top: 0.5rem;
}
.mt-6 {
  margin-top: 0.6rem;
}
.mt-7 {
  margin-top: 0.7rem;
}
.mt-8 {
  margin-top: 0.8rem;
}
.mt-9 {
  margin-top: 0.9rem;
}
.mt-10 {
  margin-top: 1rem;
}
.mt-11 {
  margin-top: 1.1rem;
}
.mt-12 {
  margin-top: 1.2rem;
}
.mt-13 {
  margin-top: 1.3rem;
}
.mt-14 {
  margin-top: 1.4rem;
}
.mt-15 {
  margin-top: 1.5rem;
}
.mt-16 {
  margin-top: 1.6rem;
}
.mt-17 {
  margin-top: 1.7rem;
}
.mt-18 {
  margin-top: 1.8rem;
}
.mt-19 {
  margin-top: 1.9rem;
}
.mt-20 {
  margin-top: 2rem;
}
.mt-21 {
  margin-top: 2.1rem;
}
.mt-22 {
  margin-top: 2.2rem;
}
.mt-23 {
  margin-top: 2.3rem;
}
.mt-24 {
  margin-top: 2.4rem;
}
.mt-25 {
  margin-top: 2.5rem;
}
.mt-26 {
  margin-top: 2.6rem;
}
.mt-27 {
  margin-top: 2.7rem;
}
.mt-28 {
  margin-top: 2.8rem;
}
.mt-29 {
  margin-top: 2.9rem;
}
.mt-30 {
  margin-top: 3rem;
}
.mt-31 {
  margin-top: 3.1rem;
}
.mt-32 {
  margin-top: 3.2rem;
}
.mt-33 {
  margin-top: 3.3rem;
}
.mt-34 {
  margin-top: 3.4rem;
}
.mt-35 {
  margin-top: 3.5rem;
}
.mt-36 {
  margin-top: 3.6rem;
}
.mt-37 {
  margin-top: 3.7rem;
}
.mt-38 {
  margin-top: 3.8rem;
}
.mt-39 {
  margin-top: 3.9rem;
}
.mt-40 {
  margin-top: 4rem;
}
.mt-41 {
  margin-top: 4.1rem;
}
.mt-42 {
  margin-top: 4.2rem;
}
.mt-43 {
  margin-top: 4.3rem;
}
.mt-44 {
  margin-top: 4.4rem;
}
.mt-45 {
  margin-top: 4.5rem;
}
.mt-46 {
  margin-top: 4.6rem;
}
.mt-47 {
  margin-top: 4.7rem;
}
.mt-48 {
  margin-top: 4.8rem;
}
.mt-49 {
  margin-top: 4.9rem;
}
.mt-50 {
  margin-top: 5rem;
}
.mt-xl-0 {
  margin-top: 0rem;
}
.mt-xl-1 {
  margin-top: 0.1rem;
}
.mt-xl-2 {
  margin-top: 0.2rem;
}
.mt-xl-3 {
  margin-top: 0.3rem;
}
.mt-xl-4 {
  margin-top: 0.4rem;
}
.mt-xl-5 {
  margin-top: 0.5rem;
}
.mt-xl-6 {
  margin-top: 0.6rem;
}
.mt-xl-7 {
  margin-top: 0.7rem;
}
.mt-xl-8 {
  margin-top: 0.8rem;
}
.mt-xl-9 {
  margin-top: 0.9rem;
}
.mt-xl-10 {
  margin-top: 1rem;
}
.mt-xl-11 {
  margin-top: 1.1rem;
}
.mt-xl-12 {
  margin-top: 1.2rem;
}
.mt-xl-13 {
  margin-top: 1.3rem;
}
.mt-xl-14 {
  margin-top: 1.4rem;
}
.mt-xl-15 {
  margin-top: 1.5rem;
}
.mt-xl-16 {
  margin-top: 1.6rem;
}
.mt-xl-17 {
  margin-top: 1.7rem;
}
.mt-xl-18 {
  margin-top: 1.8rem;
}
.mt-xl-19 {
  margin-top: 1.9rem;
}
.mt-xl-20 {
  margin-top: 2rem;
}
.mt-xl-21 {
  margin-top: 2.1rem;
}
.mt-xl-22 {
  margin-top: 2.2rem;
}
.mt-xl-23 {
  margin-top: 2.3rem;
}
.mt-xl-24 {
  margin-top: 2.4rem;
}
.mt-xl-25 {
  margin-top: 2.5rem;
}
.mt-xl-26 {
  margin-top: 2.6rem;
}
.mt-xl-27 {
  margin-top: 2.7rem;
}
.mt-xl-28 {
  margin-top: 2.8rem;
}
.mt-xl-29 {
  margin-top: 2.9rem;
}
.mt-xl-30 {
  margin-top: 3rem;
}
.mt-xl-31 {
  margin-top: 3.1rem;
}
.mt-xl-32 {
  margin-top: 3.2rem;
}
.mt-xl-33 {
  margin-top: 3.3rem;
}
.mt-xl-34 {
  margin-top: 3.4rem;
}
.mt-xl-35 {
  margin-top: 3.5rem;
}
.mt-xl-36 {
  margin-top: 3.6rem;
}
.mt-xl-37 {
  margin-top: 3.7rem;
}
.mt-xl-38 {
  margin-top: 3.8rem;
}
.mt-xl-39 {
  margin-top: 3.9rem;
}
.mt-xl-40 {
  margin-top: 4rem;
}
.mt-xl-41 {
  margin-top: 4.1rem;
}
.mt-xl-42 {
  margin-top: 4.2rem;
}
.mt-xl-43 {
  margin-top: 4.3rem;
}
.mt-xl-44 {
  margin-top: 4.4rem;
}
.mt-xl-45 {
  margin-top: 4.5rem;
}
.mt-xl-46 {
  margin-top: 4.6rem;
}
.mt-xl-47 {
  margin-top: 4.7rem;
}
.mt-xl-48 {
  margin-top: 4.8rem;
}
.mt-xl-49 {
  margin-top: 4.9rem;
}
.mt-xl-50 {
  margin-top: 5rem;
}
@media (max-width: 1200px) {
  .mt-l-0 {
    margin-top: 0rem;
  }
  .mt-l-1 {
    margin-top: 0.1rem;
  }
  .mt-l-2 {
    margin-top: 0.2rem;
  }
  .mt-l-3 {
    margin-top: 0.3rem;
  }
  .mt-l-4 {
    margin-top: 0.4rem;
  }
  .mt-l-5 {
    margin-top: 0.5rem;
  }
  .mt-l-6 {
    margin-top: 0.6rem;
  }
  .mt-l-7 {
    margin-top: 0.7rem;
  }
  .mt-l-8 {
    margin-top: 0.8rem;
  }
  .mt-l-9 {
    margin-top: 0.9rem;
  }
  .mt-l-10 {
    margin-top: 1rem;
  }
  .mt-l-11 {
    margin-top: 1.1rem;
  }
  .mt-l-12 {
    margin-top: 1.2rem;
  }
  .mt-l-13 {
    margin-top: 1.3rem;
  }
  .mt-l-14 {
    margin-top: 1.4rem;
  }
  .mt-l-15 {
    margin-top: 1.5rem;
  }
  .mt-l-16 {
    margin-top: 1.6rem;
  }
  .mt-l-17 {
    margin-top: 1.7rem;
  }
  .mt-l-18 {
    margin-top: 1.8rem;
  }
  .mt-l-19 {
    margin-top: 1.9rem;
  }
  .mt-l-20 {
    margin-top: 2rem;
  }
  .mt-l-21 {
    margin-top: 2.1rem;
  }
  .mt-l-22 {
    margin-top: 2.2rem;
  }
  .mt-l-23 {
    margin-top: 2.3rem;
  }
  .mt-l-24 {
    margin-top: 2.4rem;
  }
  .mt-l-25 {
    margin-top: 2.5rem;
  }
  .mt-l-26 {
    margin-top: 2.6rem;
  }
  .mt-l-27 {
    margin-top: 2.7rem;
  }
  .mt-l-28 {
    margin-top: 2.8rem;
  }
  .mt-l-29 {
    margin-top: 2.9rem;
  }
  .mt-l-30 {
    margin-top: 3rem;
  }
  .mt-l-31 {
    margin-top: 3.1rem;
  }
  .mt-l-32 {
    margin-top: 3.2rem;
  }
  .mt-l-33 {
    margin-top: 3.3rem;
  }
  .mt-l-34 {
    margin-top: 3.4rem;
  }
  .mt-l-35 {
    margin-top: 3.5rem;
  }
  .mt-l-36 {
    margin-top: 3.6rem;
  }
  .mt-l-37 {
    margin-top: 3.7rem;
  }
  .mt-l-38 {
    margin-top: 3.8rem;
  }
  .mt-l-39 {
    margin-top: 3.9rem;
  }
  .mt-l-40 {
    margin-top: 4rem;
  }
  .mt-l-41 {
    margin-top: 4.1rem;
  }
  .mt-l-42 {
    margin-top: 4.2rem;
  }
  .mt-l-43 {
    margin-top: 4.3rem;
  }
  .mt-l-44 {
    margin-top: 4.4rem;
  }
  .mt-l-45 {
    margin-top: 4.5rem;
  }
  .mt-l-46 {
    margin-top: 4.6rem;
  }
  .mt-l-47 {
    margin-top: 4.7rem;
  }
  .mt-l-48 {
    margin-top: 4.8rem;
  }
  .mt-l-49 {
    margin-top: 4.9rem;
  }
  .mt-l-50 {
    margin-top: 5rem;
  }
}
@media (max-width: 993px) {
  .mt-m-0 {
    margin-top: 0rem;
  }
  .mt-m-1 {
    margin-top: 0.1rem;
  }
  .mt-m-2 {
    margin-top: 0.2rem;
  }
  .mt-m-3 {
    margin-top: 0.3rem;
  }
  .mt-m-4 {
    margin-top: 0.4rem;
  }
  .mt-m-5 {
    margin-top: 0.5rem;
  }
  .mt-m-6 {
    margin-top: 0.6rem;
  }
  .mt-m-7 {
    margin-top: 0.7rem;
  }
  .mt-m-8 {
    margin-top: 0.8rem;
  }
  .mt-m-9 {
    margin-top: 0.9rem;
  }
  .mt-m-10 {
    margin-top: 1rem;
  }
  .mt-m-11 {
    margin-top: 1.1rem;
  }
  .mt-m-12 {
    margin-top: 1.2rem;
  }
  .mt-m-13 {
    margin-top: 1.3rem;
  }
  .mt-m-14 {
    margin-top: 1.4rem;
  }
  .mt-m-15 {
    margin-top: 1.5rem;
  }
  .mt-m-16 {
    margin-top: 1.6rem;
  }
  .mt-m-17 {
    margin-top: 1.7rem;
  }
  .mt-m-18 {
    margin-top: 1.8rem;
  }
  .mt-m-19 {
    margin-top: 1.9rem;
  }
  .mt-m-20 {
    margin-top: 2rem;
  }
  .mt-m-21 {
    margin-top: 2.1rem;
  }
  .mt-m-22 {
    margin-top: 2.2rem;
  }
  .mt-m-23 {
    margin-top: 2.3rem;
  }
  .mt-m-24 {
    margin-top: 2.4rem;
  }
  .mt-m-25 {
    margin-top: 2.5rem;
  }
  .mt-m-26 {
    margin-top: 2.6rem;
  }
  .mt-m-27 {
    margin-top: 2.7rem;
  }
  .mt-m-28 {
    margin-top: 2.8rem;
  }
  .mt-m-29 {
    margin-top: 2.9rem;
  }
  .mt-m-30 {
    margin-top: 3rem;
  }
  .mt-m-31 {
    margin-top: 3.1rem;
  }
  .mt-m-32 {
    margin-top: 3.2rem;
  }
  .mt-m-33 {
    margin-top: 3.3rem;
  }
  .mt-m-34 {
    margin-top: 3.4rem;
  }
  .mt-m-35 {
    margin-top: 3.5rem;
  }
  .mt-m-36 {
    margin-top: 3.6rem;
  }
  .mt-m-37 {
    margin-top: 3.7rem;
  }
  .mt-m-38 {
    margin-top: 3.8rem;
  }
  .mt-m-39 {
    margin-top: 3.9rem;
  }
  .mt-m-40 {
    margin-top: 4rem;
  }
  .mt-m-41 {
    margin-top: 4.1rem;
  }
  .mt-m-42 {
    margin-top: 4.2rem;
  }
  .mt-m-43 {
    margin-top: 4.3rem;
  }
  .mt-m-44 {
    margin-top: 4.4rem;
  }
  .mt-m-45 {
    margin-top: 4.5rem;
  }
  .mt-m-46 {
    margin-top: 4.6rem;
  }
  .mt-m-47 {
    margin-top: 4.7rem;
  }
  .mt-m-48 {
    margin-top: 4.8rem;
  }
  .mt-m-49 {
    margin-top: 4.9rem;
  }
  .mt-m-50 {
    margin-top: 5rem;
  }
}
@media (max-width: 768px) {
  .mt-s-0 {
    margin-top: 0rem;
  }
  .mt-s-1 {
    margin-top: 0.1rem;
  }
  .mt-s-2 {
    margin-top: 0.2rem;
  }
  .mt-s-3 {
    margin-top: 0.3rem;
  }
  .mt-s-4 {
    margin-top: 0.4rem;
  }
  .mt-s-5 {
    margin-top: 0.5rem;
  }
  .mt-s-6 {
    margin-top: 0.6rem;
  }
  .mt-s-7 {
    margin-top: 0.7rem;
  }
  .mt-s-8 {
    margin-top: 0.8rem;
  }
  .mt-s-9 {
    margin-top: 0.9rem;
  }
  .mt-s-10 {
    margin-top: 1rem;
  }
  .mt-s-11 {
    margin-top: 1.1rem;
  }
  .mt-s-12 {
    margin-top: 1.2rem;
  }
  .mt-s-13 {
    margin-top: 1.3rem;
  }
  .mt-s-14 {
    margin-top: 1.4rem;
  }
  .mt-s-15 {
    margin-top: 1.5rem;
  }
  .mt-s-16 {
    margin-top: 1.6rem;
  }
  .mt-s-17 {
    margin-top: 1.7rem;
  }
  .mt-s-18 {
    margin-top: 1.8rem;
  }
  .mt-s-19 {
    margin-top: 1.9rem;
  }
  .mt-s-20 {
    margin-top: 2rem;
  }
  .mt-s-21 {
    margin-top: 2.1rem;
  }
  .mt-s-22 {
    margin-top: 2.2rem;
  }
  .mt-s-23 {
    margin-top: 2.3rem;
  }
  .mt-s-24 {
    margin-top: 2.4rem;
  }
  .mt-s-25 {
    margin-top: 2.5rem;
  }
  .mt-s-26 {
    margin-top: 2.6rem;
  }
  .mt-s-27 {
    margin-top: 2.7rem;
  }
  .mt-s-28 {
    margin-top: 2.8rem;
  }
  .mt-s-29 {
    margin-top: 2.9rem;
  }
  .mt-s-30 {
    margin-top: 3rem;
  }
  .mt-s-31 {
    margin-top: 3.1rem;
  }
  .mt-s-32 {
    margin-top: 3.2rem;
  }
  .mt-s-33 {
    margin-top: 3.3rem;
  }
  .mt-s-34 {
    margin-top: 3.4rem;
  }
  .mt-s-35 {
    margin-top: 3.5rem;
  }
  .mt-s-36 {
    margin-top: 3.6rem;
  }
  .mt-s-37 {
    margin-top: 3.7rem;
  }
  .mt-s-38 {
    margin-top: 3.8rem;
  }
  .mt-s-39 {
    margin-top: 3.9rem;
  }
  .mt-s-40 {
    margin-top: 4rem;
  }
  .mt-s-41 {
    margin-top: 4.1rem;
  }
  .mt-s-42 {
    margin-top: 4.2rem;
  }
  .mt-s-43 {
    margin-top: 4.3rem;
  }
  .mt-s-44 {
    margin-top: 4.4rem;
  }
  .mt-s-45 {
    margin-top: 4.5rem;
  }
  .mt-s-46 {
    margin-top: 4.6rem;
  }
  .mt-s-47 {
    margin-top: 4.7rem;
  }
  .mt-s-48 {
    margin-top: 4.8rem;
  }
  .mt-s-49 {
    margin-top: 4.9rem;
  }
  .mt-s-50 {
    margin-top: 5rem;
  }
}
@media (max-width: 480px) {
  .mt-xs-0 {
    margin-top: 0rem;
  }
  .mt-xs-1 {
    margin-top: 0.1rem;
  }
  .mt-xs-2 {
    margin-top: 0.2rem;
  }
  .mt-xs-3 {
    margin-top: 0.3rem;
  }
  .mt-xs-4 {
    margin-top: 0.4rem;
  }
  .mt-xs-5 {
    margin-top: 0.5rem;
  }
  .mt-xs-6 {
    margin-top: 0.6rem;
  }
  .mt-xs-7 {
    margin-top: 0.7rem;
  }
  .mt-xs-8 {
    margin-top: 0.8rem;
  }
  .mt-xs-9 {
    margin-top: 0.9rem;
  }
  .mt-xs-10 {
    margin-top: 1rem;
  }
  .mt-xs-11 {
    margin-top: 1.1rem;
  }
  .mt-xs-12 {
    margin-top: 1.2rem;
  }
  .mt-xs-13 {
    margin-top: 1.3rem;
  }
  .mt-xs-14 {
    margin-top: 1.4rem;
  }
  .mt-xs-15 {
    margin-top: 1.5rem;
  }
  .mt-xs-16 {
    margin-top: 1.6rem;
  }
  .mt-xs-17 {
    margin-top: 1.7rem;
  }
  .mt-xs-18 {
    margin-top: 1.8rem;
  }
  .mt-xs-19 {
    margin-top: 1.9rem;
  }
  .mt-xs-20 {
    margin-top: 2rem;
  }
  .mt-xs-21 {
    margin-top: 2.1rem;
  }
  .mt-xs-22 {
    margin-top: 2.2rem;
  }
  .mt-xs-23 {
    margin-top: 2.3rem;
  }
  .mt-xs-24 {
    margin-top: 2.4rem;
  }
  .mt-xs-25 {
    margin-top: 2.5rem;
  }
  .mt-xs-26 {
    margin-top: 2.6rem;
  }
  .mt-xs-27 {
    margin-top: 2.7rem;
  }
  .mt-xs-28 {
    margin-top: 2.8rem;
  }
  .mt-xs-29 {
    margin-top: 2.9rem;
  }
  .mt-xs-30 {
    margin-top: 3rem;
  }
  .mt-xs-31 {
    margin-top: 3.1rem;
  }
  .mt-xs-32 {
    margin-top: 3.2rem;
  }
  .mt-xs-33 {
    margin-top: 3.3rem;
  }
  .mt-xs-34 {
    margin-top: 3.4rem;
  }
  .mt-xs-35 {
    margin-top: 3.5rem;
  }
  .mt-xs-36 {
    margin-top: 3.6rem;
  }
  .mt-xs-37 {
    margin-top: 3.7rem;
  }
  .mt-xs-38 {
    margin-top: 3.8rem;
  }
  .mt-xs-39 {
    margin-top: 3.9rem;
  }
  .mt-xs-40 {
    margin-top: 4rem;
  }
  .mt-xs-41 {
    margin-top: 4.1rem;
  }
  .mt-xs-42 {
    margin-top: 4.2rem;
  }
  .mt-xs-43 {
    margin-top: 4.3rem;
  }
  .mt-xs-44 {
    margin-top: 4.4rem;
  }
  .mt-xs-45 {
    margin-top: 4.5rem;
  }
  .mt-xs-46 {
    margin-top: 4.6rem;
  }
  .mt-xs-47 {
    margin-top: 4.7rem;
  }
  .mt-xs-48 {
    margin-top: 4.8rem;
  }
  .mt-xs-49 {
    margin-top: 4.9rem;
  }
  .mt-xs-50 {
    margin-top: 5rem;
  }
}

.mb-0 {
  margin-bottom: 0rem;
}
.mb-1 {
  margin-bottom: 0.1rem;
}
.mb-2 {
  margin-bottom: 0.2rem;
}
.mb-3 {
  margin-bottom: 0.3rem;
}
.mb-4 {
  margin-bottom: 0.4rem;
}
.mb-5 {
  margin-bottom: 0.5rem;
}
.mb-6 {
  margin-bottom: 0.6rem;
}
.mb-7 {
  margin-bottom: 0.7rem;
}
.mb-8 {
  margin-bottom: 0.8rem;
}
.mb-9 {
  margin-bottom: 0.9rem;
}
.mb-10 {
  margin-bottom: 1rem;
}
.mb-11 {
  margin-bottom: 1.1rem;
}
.mb-12 {
  margin-bottom: 1.2rem;
}
.mb-13 {
  margin-bottom: 1.3rem;
}
.mb-14 {
  margin-bottom: 1.4rem;
}
.mb-15 {
  margin-bottom: 1.5rem;
}
.mb-16 {
  margin-bottom: 1.6rem;
}
.mb-17 {
  margin-bottom: 1.7rem;
}
.mb-18 {
  margin-bottom: 1.8rem;
}
.mb-19 {
  margin-bottom: 1.9rem;
}
.mb-20 {
  margin-bottom: 2rem;
}
.mb-21 {
  margin-bottom: 2.1rem;
}
.mb-22 {
  margin-bottom: 2.2rem;
}
.mb-23 {
  margin-bottom: 2.3rem;
}
.mb-24 {
  margin-bottom: 2.4rem;
}
.mb-25 {
  margin-bottom: 2.5rem;
}
.mb-26 {
  margin-bottom: 2.6rem;
}
.mb-27 {
  margin-bottom: 2.7rem;
}
.mb-28 {
  margin-bottom: 2.8rem;
}
.mb-29 {
  margin-bottom: 2.9rem;
}
.mb-30 {
  margin-bottom: 3rem;
}
.mb-31 {
  margin-bottom: 3.1rem;
}
.mb-32 {
  margin-bottom: 3.2rem;
}
.mb-33 {
  margin-bottom: 3.3rem;
}
.mb-34 {
  margin-bottom: 3.4rem;
}
.mb-35 {
  margin-bottom: 3.5rem;
}
.mb-36 {
  margin-bottom: 3.6rem;
}
.mb-37 {
  margin-bottom: 3.7rem;
}
.mb-38 {
  margin-bottom: 3.8rem;
}
.mb-39 {
  margin-bottom: 3.9rem;
}
.mb-40 {
  margin-bottom: 4rem;
}
.mb-41 {
  margin-bottom: 4.1rem;
}
.mb-42 {
  margin-bottom: 4.2rem;
}
.mb-43 {
  margin-bottom: 4.3rem;
}
.mb-44 {
  margin-bottom: 4.4rem;
}
.mb-45 {
  margin-bottom: 4.5rem;
}
.mb-46 {
  margin-bottom: 4.6rem;
}
.mb-47 {
  margin-bottom: 4.7rem;
}
.mb-48 {
  margin-bottom: 4.8rem;
}
.mb-49 {
  margin-bottom: 4.9rem;
}
.mb-50 {
  margin-bottom: 5rem;
}
.mb-xl-0 {
  margin-bottom: 0rem;
}
.mb-xl-1 {
  margin-bottom: 0.1rem;
}
.mb-xl-2 {
  margin-bottom: 0.2rem;
}
.mb-xl-3 {
  margin-bottom: 0.3rem;
}
.mb-xl-4 {
  margin-bottom: 0.4rem;
}
.mb-xl-5 {
  margin-bottom: 0.5rem;
}
.mb-xl-6 {
  margin-bottom: 0.6rem;
}
.mb-xl-7 {
  margin-bottom: 0.7rem;
}
.mb-xl-8 {
  margin-bottom: 0.8rem;
}
.mb-xl-9 {
  margin-bottom: 0.9rem;
}
.mb-xl-10 {
  margin-bottom: 1rem;
}
.mb-xl-11 {
  margin-bottom: 1.1rem;
}
.mb-xl-12 {
  margin-bottom: 1.2rem;
}
.mb-xl-13 {
  margin-bottom: 1.3rem;
}
.mb-xl-14 {
  margin-bottom: 1.4rem;
}
.mb-xl-15 {
  margin-bottom: 1.5rem;
}
.mb-xl-16 {
  margin-bottom: 1.6rem;
}
.mb-xl-17 {
  margin-bottom: 1.7rem;
}
.mb-xl-18 {
  margin-bottom: 1.8rem;
}
.mb-xl-19 {
  margin-bottom: 1.9rem;
}
.mb-xl-20 {
  margin-bottom: 2rem;
}
.mb-xl-21 {
  margin-bottom: 2.1rem;
}
.mb-xl-22 {
  margin-bottom: 2.2rem;
}
.mb-xl-23 {
  margin-bottom: 2.3rem;
}
.mb-xl-24 {
  margin-bottom: 2.4rem;
}
.mb-xl-25 {
  margin-bottom: 2.5rem;
}
.mb-xl-26 {
  margin-bottom: 2.6rem;
}
.mb-xl-27 {
  margin-bottom: 2.7rem;
}
.mb-xl-28 {
  margin-bottom: 2.8rem;
}
.mb-xl-29 {
  margin-bottom: 2.9rem;
}
.mb-xl-30 {
  margin-bottom: 3rem;
}
.mb-xl-31 {
  margin-bottom: 3.1rem;
}
.mb-xl-32 {
  margin-bottom: 3.2rem;
}
.mb-xl-33 {
  margin-bottom: 3.3rem;
}
.mb-xl-34 {
  margin-bottom: 3.4rem;
}
.mb-xl-35 {
  margin-bottom: 3.5rem;
}
.mb-xl-36 {
  margin-bottom: 3.6rem;
}
.mb-xl-37 {
  margin-bottom: 3.7rem;
}
.mb-xl-38 {
  margin-bottom: 3.8rem;
}
.mb-xl-39 {
  margin-bottom: 3.9rem;
}
.mb-xl-40 {
  margin-bottom: 4rem;
}
.mb-xl-41 {
  margin-bottom: 4.1rem;
}
.mb-xl-42 {
  margin-bottom: 4.2rem;
}
.mb-xl-43 {
  margin-bottom: 4.3rem;
}
.mb-xl-44 {
  margin-bottom: 4.4rem;
}
.mb-xl-45 {
  margin-bottom: 4.5rem;
}
.mb-xl-46 {
  margin-bottom: 4.6rem;
}
.mb-xl-47 {
  margin-bottom: 4.7rem;
}
.mb-xl-48 {
  margin-bottom: 4.8rem;
}
.mb-xl-49 {
  margin-bottom: 4.9rem;
}
.mb-xl-50 {
  margin-bottom: 5rem;
}
@media (max-width: 1200px) {
  .mb-l-0 {
    margin-bottom: 0rem;
  }
  .mb-l-1 {
    margin-bottom: 0.1rem;
  }
  .mb-l-2 {
    margin-bottom: 0.2rem;
  }
  .mb-l-3 {
    margin-bottom: 0.3rem;
  }
  .mb-l-4 {
    margin-bottom: 0.4rem;
  }
  .mb-l-5 {
    margin-bottom: 0.5rem;
  }
  .mb-l-6 {
    margin-bottom: 0.6rem;
  }
  .mb-l-7 {
    margin-bottom: 0.7rem;
  }
  .mb-l-8 {
    margin-bottom: 0.8rem;
  }
  .mb-l-9 {
    margin-bottom: 0.9rem;
  }
  .mb-l-10 {
    margin-bottom: 1rem;
  }
  .mb-l-11 {
    margin-bottom: 1.1rem;
  }
  .mb-l-12 {
    margin-bottom: 1.2rem;
  }
  .mb-l-13 {
    margin-bottom: 1.3rem;
  }
  .mb-l-14 {
    margin-bottom: 1.4rem;
  }
  .mb-l-15 {
    margin-bottom: 1.5rem;
  }
  .mb-l-16 {
    margin-bottom: 1.6rem;
  }
  .mb-l-17 {
    margin-bottom: 1.7rem;
  }
  .mb-l-18 {
    margin-bottom: 1.8rem;
  }
  .mb-l-19 {
    margin-bottom: 1.9rem;
  }
  .mb-l-20 {
    margin-bottom: 2rem;
  }
  .mb-l-21 {
    margin-bottom: 2.1rem;
  }
  .mb-l-22 {
    margin-bottom: 2.2rem;
  }
  .mb-l-23 {
    margin-bottom: 2.3rem;
  }
  .mb-l-24 {
    margin-bottom: 2.4rem;
  }
  .mb-l-25 {
    margin-bottom: 2.5rem;
  }
  .mb-l-26 {
    margin-bottom: 2.6rem;
  }
  .mb-l-27 {
    margin-bottom: 2.7rem;
  }
  .mb-l-28 {
    margin-bottom: 2.8rem;
  }
  .mb-l-29 {
    margin-bottom: 2.9rem;
  }
  .mb-l-30 {
    margin-bottom: 3rem;
  }
  .mb-l-31 {
    margin-bottom: 3.1rem;
  }
  .mb-l-32 {
    margin-bottom: 3.2rem;
  }
  .mb-l-33 {
    margin-bottom: 3.3rem;
  }
  .mb-l-34 {
    margin-bottom: 3.4rem;
  }
  .mb-l-35 {
    margin-bottom: 3.5rem;
  }
  .mb-l-36 {
    margin-bottom: 3.6rem;
  }
  .mb-l-37 {
    margin-bottom: 3.7rem;
  }
  .mb-l-38 {
    margin-bottom: 3.8rem;
  }
  .mb-l-39 {
    margin-bottom: 3.9rem;
  }
  .mb-l-40 {
    margin-bottom: 4rem;
  }
  .mb-l-41 {
    margin-bottom: 4.1rem;
  }
  .mb-l-42 {
    margin-bottom: 4.2rem;
  }
  .mb-l-43 {
    margin-bottom: 4.3rem;
  }
  .mb-l-44 {
    margin-bottom: 4.4rem;
  }
  .mb-l-45 {
    margin-bottom: 4.5rem;
  }
  .mb-l-46 {
    margin-bottom: 4.6rem;
  }
  .mb-l-47 {
    margin-bottom: 4.7rem;
  }
  .mb-l-48 {
    margin-bottom: 4.8rem;
  }
  .mb-l-49 {
    margin-bottom: 4.9rem;
  }
  .mb-l-50 {
    margin-bottom: 5rem;
  }
}
@media (max-width: 993px) {
  .mb-m-0 {
    margin-bottom: 0rem;
  }
  .mb-m-1 {
    margin-bottom: 0.1rem;
  }
  .mb-m-2 {
    margin-bottom: 0.2rem;
  }
  .mb-m-3 {
    margin-bottom: 0.3rem;
  }
  .mb-m-4 {
    margin-bottom: 0.4rem;
  }
  .mb-m-5 {
    margin-bottom: 0.5rem;
  }
  .mb-m-6 {
    margin-bottom: 0.6rem;
  }
  .mb-m-7 {
    margin-bottom: 0.7rem;
  }
  .mb-m-8 {
    margin-bottom: 0.8rem;
  }
  .mb-m-9 {
    margin-bottom: 0.9rem;
  }
  .mb-m-10 {
    margin-bottom: 1rem;
  }
  .mb-m-11 {
    margin-bottom: 1.1rem;
  }
  .mb-m-12 {
    margin-bottom: 1.2rem;
  }
  .mb-m-13 {
    margin-bottom: 1.3rem;
  }
  .mb-m-14 {
    margin-bottom: 1.4rem;
  }
  .mb-m-15 {
    margin-bottom: 1.5rem;
  }
  .mb-m-16 {
    margin-bottom: 1.6rem;
  }
  .mb-m-17 {
    margin-bottom: 1.7rem;
  }
  .mb-m-18 {
    margin-bottom: 1.8rem;
  }
  .mb-m-19 {
    margin-bottom: 1.9rem;
  }
  .mb-m-20 {
    margin-bottom: 2rem;
  }
  .mb-m-21 {
    margin-bottom: 2.1rem;
  }
  .mb-m-22 {
    margin-bottom: 2.2rem;
  }
  .mb-m-23 {
    margin-bottom: 2.3rem;
  }
  .mb-m-24 {
    margin-bottom: 2.4rem;
  }
  .mb-m-25 {
    margin-bottom: 2.5rem;
  }
  .mb-m-26 {
    margin-bottom: 2.6rem;
  }
  .mb-m-27 {
    margin-bottom: 2.7rem;
  }
  .mb-m-28 {
    margin-bottom: 2.8rem;
  }
  .mb-m-29 {
    margin-bottom: 2.9rem;
  }
  .mb-m-30 {
    margin-bottom: 3rem;
  }
  .mb-m-31 {
    margin-bottom: 3.1rem;
  }
  .mb-m-32 {
    margin-bottom: 3.2rem;
  }
  .mb-m-33 {
    margin-bottom: 3.3rem;
  }
  .mb-m-34 {
    margin-bottom: 3.4rem;
  }
  .mb-m-35 {
    margin-bottom: 3.5rem;
  }
  .mb-m-36 {
    margin-bottom: 3.6rem;
  }
  .mb-m-37 {
    margin-bottom: 3.7rem;
  }
  .mb-m-38 {
    margin-bottom: 3.8rem;
  }
  .mb-m-39 {
    margin-bottom: 3.9rem;
  }
  .mb-m-40 {
    margin-bottom: 4rem;
  }
  .mb-m-41 {
    margin-bottom: 4.1rem;
  }
  .mb-m-42 {
    margin-bottom: 4.2rem;
  }
  .mb-m-43 {
    margin-bottom: 4.3rem;
  }
  .mb-m-44 {
    margin-bottom: 4.4rem;
  }
  .mb-m-45 {
    margin-bottom: 4.5rem;
  }
  .mb-m-46 {
    margin-bottom: 4.6rem;
  }
  .mb-m-47 {
    margin-bottom: 4.7rem;
  }
  .mb-m-48 {
    margin-bottom: 4.8rem;
  }
  .mb-m-49 {
    margin-bottom: 4.9rem;
  }
  .mb-m-50 {
    margin-bottom: 5rem;
  }
}
@media (max-width: 768px) {
  .mb-s-0 {
    margin-bottom: 0rem;
  }
  .mb-s-1 {
    margin-bottom: 0.1rem;
  }
  .mb-s-2 {
    margin-bottom: 0.2rem;
  }
  .mb-s-3 {
    margin-bottom: 0.3rem;
  }
  .mb-s-4 {
    margin-bottom: 0.4rem;
  }
  .mb-s-5 {
    margin-bottom: 0.5rem;
  }
  .mb-s-6 {
    margin-bottom: 0.6rem;
  }
  .mb-s-7 {
    margin-bottom: 0.7rem;
  }
  .mb-s-8 {
    margin-bottom: 0.8rem;
  }
  .mb-s-9 {
    margin-bottom: 0.9rem;
  }
  .mb-s-10 {
    margin-bottom: 1rem;
  }
  .mb-s-11 {
    margin-bottom: 1.1rem;
  }
  .mb-s-12 {
    margin-bottom: 1.2rem;
  }
  .mb-s-13 {
    margin-bottom: 1.3rem;
  }
  .mb-s-14 {
    margin-bottom: 1.4rem;
  }
  .mb-s-15 {
    margin-bottom: 1.5rem;
  }
  .mb-s-16 {
    margin-bottom: 1.6rem;
  }
  .mb-s-17 {
    margin-bottom: 1.7rem;
  }
  .mb-s-18 {
    margin-bottom: 1.8rem;
  }
  .mb-s-19 {
    margin-bottom: 1.9rem;
  }
  .mb-s-20 {
    margin-bottom: 2rem;
  }
  .mb-s-21 {
    margin-bottom: 2.1rem;
  }
  .mb-s-22 {
    margin-bottom: 2.2rem;
  }
  .mb-s-23 {
    margin-bottom: 2.3rem;
  }
  .mb-s-24 {
    margin-bottom: 2.4rem;
  }
  .mb-s-25 {
    margin-bottom: 2.5rem;
  }
  .mb-s-26 {
    margin-bottom: 2.6rem;
  }
  .mb-s-27 {
    margin-bottom: 2.7rem;
  }
  .mb-s-28 {
    margin-bottom: 2.8rem;
  }
  .mb-s-29 {
    margin-bottom: 2.9rem;
  }
  .mb-s-30 {
    margin-bottom: 3rem;
  }
  .mb-s-31 {
    margin-bottom: 3.1rem;
  }
  .mb-s-32 {
    margin-bottom: 3.2rem;
  }
  .mb-s-33 {
    margin-bottom: 3.3rem;
  }
  .mb-s-34 {
    margin-bottom: 3.4rem;
  }
  .mb-s-35 {
    margin-bottom: 3.5rem;
  }
  .mb-s-36 {
    margin-bottom: 3.6rem;
  }
  .mb-s-37 {
    margin-bottom: 3.7rem;
  }
  .mb-s-38 {
    margin-bottom: 3.8rem;
  }
  .mb-s-39 {
    margin-bottom: 3.9rem;
  }
  .mb-s-40 {
    margin-bottom: 4rem;
  }
  .mb-s-41 {
    margin-bottom: 4.1rem;
  }
  .mb-s-42 {
    margin-bottom: 4.2rem;
  }
  .mb-s-43 {
    margin-bottom: 4.3rem;
  }
  .mb-s-44 {
    margin-bottom: 4.4rem;
  }
  .mb-s-45 {
    margin-bottom: 4.5rem;
  }
  .mb-s-46 {
    margin-bottom: 4.6rem;
  }
  .mb-s-47 {
    margin-bottom: 4.7rem;
  }
  .mb-s-48 {
    margin-bottom: 4.8rem;
  }
  .mb-s-49 {
    margin-bottom: 4.9rem;
  }
  .mb-s-50 {
    margin-bottom: 5rem;
  }
}
@media (max-width: 480px) {
  .mb-xs-0 {
    margin-bottom: 0rem;
  }
  .mb-xs-1 {
    margin-bottom: 0.1rem;
  }
  .mb-xs-2 {
    margin-bottom: 0.2rem;
  }
  .mb-xs-3 {
    margin-bottom: 0.3rem;
  }
  .mb-xs-4 {
    margin-bottom: 0.4rem;
  }
  .mb-xs-5 {
    margin-bottom: 0.5rem;
  }
  .mb-xs-6 {
    margin-bottom: 0.6rem;
  }
  .mb-xs-7 {
    margin-bottom: 0.7rem;
  }
  .mb-xs-8 {
    margin-bottom: 0.8rem;
  }
  .mb-xs-9 {
    margin-bottom: 0.9rem;
  }
  .mb-xs-10 {
    margin-bottom: 1rem;
  }
  .mb-xs-11 {
    margin-bottom: 1.1rem;
  }
  .mb-xs-12 {
    margin-bottom: 1.2rem;
  }
  .mb-xs-13 {
    margin-bottom: 1.3rem;
  }
  .mb-xs-14 {
    margin-bottom: 1.4rem;
  }
  .mb-xs-15 {
    margin-bottom: 1.5rem;
  }
  .mb-xs-16 {
    margin-bottom: 1.6rem;
  }
  .mb-xs-17 {
    margin-bottom: 1.7rem;
  }
  .mb-xs-18 {
    margin-bottom: 1.8rem;
  }
  .mb-xs-19 {
    margin-bottom: 1.9rem;
  }
  .mb-xs-20 {
    margin-bottom: 2rem;
  }
  .mb-xs-21 {
    margin-bottom: 2.1rem;
  }
  .mb-xs-22 {
    margin-bottom: 2.2rem;
  }
  .mb-xs-23 {
    margin-bottom: 2.3rem;
  }
  .mb-xs-24 {
    margin-bottom: 2.4rem;
  }
  .mb-xs-25 {
    margin-bottom: 2.5rem;
  }
  .mb-xs-26 {
    margin-bottom: 2.6rem;
  }
  .mb-xs-27 {
    margin-bottom: 2.7rem;
  }
  .mb-xs-28 {
    margin-bottom: 2.8rem;
  }
  .mb-xs-29 {
    margin-bottom: 2.9rem;
  }
  .mb-xs-30 {
    margin-bottom: 3rem;
  }
  .mb-xs-31 {
    margin-bottom: 3.1rem;
  }
  .mb-xs-32 {
    margin-bottom: 3.2rem;
  }
  .mb-xs-33 {
    margin-bottom: 3.3rem;
  }
  .mb-xs-34 {
    margin-bottom: 3.4rem;
  }
  .mb-xs-35 {
    margin-bottom: 3.5rem;
  }
  .mb-xs-36 {
    margin-bottom: 3.6rem;
  }
  .mb-xs-37 {
    margin-bottom: 3.7rem;
  }
  .mb-xs-38 {
    margin-bottom: 3.8rem;
  }
  .mb-xs-39 {
    margin-bottom: 3.9rem;
  }
  .mb-xs-40 {
    margin-bottom: 4rem;
  }
  .mb-xs-41 {
    margin-bottom: 4.1rem;
  }
  .mb-xs-42 {
    margin-bottom: 4.2rem;
  }
  .mb-xs-43 {
    margin-bottom: 4.3rem;
  }
  .mb-xs-44 {
    margin-bottom: 4.4rem;
  }
  .mb-xs-45 {
    margin-bottom: 4.5rem;
  }
  .mb-xs-46 {
    margin-bottom: 4.6rem;
  }
  .mb-xs-47 {
    margin-bottom: 4.7rem;
  }
  .mb-xs-48 {
    margin-bottom: 4.8rem;
  }
  .mb-xs-49 {
    margin-bottom: 4.9rem;
  }
  .mb-xs-50 {
    margin-bottom: 5rem;
  }
}

.pt-0 {
  padding-top: 0rem;
}
.pt-1 {
  padding-top: 0.1rem;
}
.pt-2 {
  padding-top: 0.2rem;
}
.pt-3 {
  padding-top: 0.3rem;
}
.pt-4 {
  padding-top: 0.4rem;
}
.pt-5 {
  padding-top: 0.5rem;
}
.pt-6 {
  padding-top: 0.6rem;
}
.pt-7 {
  padding-top: 0.7rem;
}
.pt-8 {
  padding-top: 0.8rem;
}
.pt-9 {
  padding-top: 0.9rem;
}
.pt-10 {
  padding-top: 1rem;
}
.pt-11 {
  padding-top: 1.1rem;
}
.pt-12 {
  padding-top: 1.2rem;
}
.pt-13 {
  padding-top: 1.3rem;
}
.pt-14 {
  padding-top: 1.4rem;
}
.pt-15 {
  padding-top: 1.5rem;
}
.pt-16 {
  padding-top: 1.6rem;
}
.pt-17 {
  padding-top: 1.7rem;
}
.pt-18 {
  padding-top: 1.8rem;
}
.pt-19 {
  padding-top: 1.9rem;
}
.pt-20 {
  padding-top: 2rem;
}
.pt-21 {
  padding-top: 2.1rem;
}
.pt-22 {
  padding-top: 2.2rem;
}
.pt-23 {
  padding-top: 2.3rem;
}
.pt-24 {
  padding-top: 2.4rem;
}
.pt-25 {
  padding-top: 2.5rem;
}
.pt-26 {
  padding-top: 2.6rem;
}
.pt-27 {
  padding-top: 2.7rem;
}
.pt-28 {
  padding-top: 2.8rem;
}
.pt-29 {
  padding-top: 2.9rem;
}
.pt-30 {
  padding-top: 3rem;
}
.pt-31 {
  padding-top: 3.1rem;
}
.pt-32 {
  padding-top: 3.2rem;
}
.pt-33 {
  padding-top: 3.3rem;
}
.pt-34 {
  padding-top: 3.4rem;
}
.pt-35 {
  padding-top: 3.5rem;
}
.pt-36 {
  padding-top: 3.6rem;
}
.pt-37 {
  padding-top: 3.7rem;
}
.pt-38 {
  padding-top: 3.8rem;
}
.pt-39 {
  padding-top: 3.9rem;
}
.pt-40 {
  padding-top: 4rem;
}
.pt-41 {
  padding-top: 4.1rem;
}
.pt-42 {
  padding-top: 4.2rem;
}
.pt-43 {
  padding-top: 4.3rem;
}
.pt-44 {
  padding-top: 4.4rem;
}
.pt-45 {
  padding-top: 4.5rem;
}
.pt-46 {
  padding-top: 4.6rem;
}
.pt-47 {
  padding-top: 4.7rem;
}
.pt-48 {
  padding-top: 4.8rem;
}
.pt-49 {
  padding-top: 4.9rem;
}
.pt-50 {
  padding-top: 5rem;
}
.pt-xl-0 {
  padding-top: 0rem;
}
.pt-xl-1 {
  padding-top: 0.1rem;
}
.pt-xl-2 {
  padding-top: 0.2rem;
}
.pt-xl-3 {
  padding-top: 0.3rem;
}
.pt-xl-4 {
  padding-top: 0.4rem;
}
.pt-xl-5 {
  padding-top: 0.5rem;
}
.pt-xl-6 {
  padding-top: 0.6rem;
}
.pt-xl-7 {
  padding-top: 0.7rem;
}
.pt-xl-8 {
  padding-top: 0.8rem;
}
.pt-xl-9 {
  padding-top: 0.9rem;
}
.pt-xl-10 {
  padding-top: 1rem;
}
.pt-xl-11 {
  padding-top: 1.1rem;
}
.pt-xl-12 {
  padding-top: 1.2rem;
}
.pt-xl-13 {
  padding-top: 1.3rem;
}
.pt-xl-14 {
  padding-top: 1.4rem;
}
.pt-xl-15 {
  padding-top: 1.5rem;
}
.pt-xl-16 {
  padding-top: 1.6rem;
}
.pt-xl-17 {
  padding-top: 1.7rem;
}
.pt-xl-18 {
  padding-top: 1.8rem;
}
.pt-xl-19 {
  padding-top: 1.9rem;
}
.pt-xl-20 {
  padding-top: 2rem;
}
.pt-xl-21 {
  padding-top: 2.1rem;
}
.pt-xl-22 {
  padding-top: 2.2rem;
}
.pt-xl-23 {
  padding-top: 2.3rem;
}
.pt-xl-24 {
  padding-top: 2.4rem;
}
.pt-xl-25 {
  padding-top: 2.5rem;
}
.pt-xl-26 {
  padding-top: 2.6rem;
}
.pt-xl-27 {
  padding-top: 2.7rem;
}
.pt-xl-28 {
  padding-top: 2.8rem;
}
.pt-xl-29 {
  padding-top: 2.9rem;
}
.pt-xl-30 {
  padding-top: 3rem;
}
.pt-xl-31 {
  padding-top: 3.1rem;
}
.pt-xl-32 {
  padding-top: 3.2rem;
}
.pt-xl-33 {
  padding-top: 3.3rem;
}
.pt-xl-34 {
  padding-top: 3.4rem;
}
.pt-xl-35 {
  padding-top: 3.5rem;
}
.pt-xl-36 {
  padding-top: 3.6rem;
}
.pt-xl-37 {
  padding-top: 3.7rem;
}
.pt-xl-38 {
  padding-top: 3.8rem;
}
.pt-xl-39 {
  padding-top: 3.9rem;
}
.pt-xl-40 {
  padding-top: 4rem;
}
.pt-xl-41 {
  padding-top: 4.1rem;
}
.pt-xl-42 {
  padding-top: 4.2rem;
}
.pt-xl-43 {
  padding-top: 4.3rem;
}
.pt-xl-44 {
  padding-top: 4.4rem;
}
.pt-xl-45 {
  padding-top: 4.5rem;
}
.pt-xl-46 {
  padding-top: 4.6rem;
}
.pt-xl-47 {
  padding-top: 4.7rem;
}
.pt-xl-48 {
  padding-top: 4.8rem;
}
.pt-xl-49 {
  padding-top: 4.9rem;
}
.pt-xl-50 {
  padding-top: 5rem;
}
@media (max-width: 1200px) {
  .pt-l-0 {
    padding-top: 0rem;
  }
  .pt-l-1 {
    padding-top: 0.1rem;
  }
  .pt-l-2 {
    padding-top: 0.2rem;
  }
  .pt-l-3 {
    padding-top: 0.3rem;
  }
  .pt-l-4 {
    padding-top: 0.4rem;
  }
  .pt-l-5 {
    padding-top: 0.5rem;
  }
  .pt-l-6 {
    padding-top: 0.6rem;
  }
  .pt-l-7 {
    padding-top: 0.7rem;
  }
  .pt-l-8 {
    padding-top: 0.8rem;
  }
  .pt-l-9 {
    padding-top: 0.9rem;
  }
  .pt-l-10 {
    padding-top: 1rem;
  }
  .pt-l-11 {
    padding-top: 1.1rem;
  }
  .pt-l-12 {
    padding-top: 1.2rem;
  }
  .pt-l-13 {
    padding-top: 1.3rem;
  }
  .pt-l-14 {
    padding-top: 1.4rem;
  }
  .pt-l-15 {
    padding-top: 1.5rem;
  }
  .pt-l-16 {
    padding-top: 1.6rem;
  }
  .pt-l-17 {
    padding-top: 1.7rem;
  }
  .pt-l-18 {
    padding-top: 1.8rem;
  }
  .pt-l-19 {
    padding-top: 1.9rem;
  }
  .pt-l-20 {
    padding-top: 2rem;
  }
  .pt-l-21 {
    padding-top: 2.1rem;
  }
  .pt-l-22 {
    padding-top: 2.2rem;
  }
  .pt-l-23 {
    padding-top: 2.3rem;
  }
  .pt-l-24 {
    padding-top: 2.4rem;
  }
  .pt-l-25 {
    padding-top: 2.5rem;
  }
  .pt-l-26 {
    padding-top: 2.6rem;
  }
  .pt-l-27 {
    padding-top: 2.7rem;
  }
  .pt-l-28 {
    padding-top: 2.8rem;
  }
  .pt-l-29 {
    padding-top: 2.9rem;
  }
  .pt-l-30 {
    padding-top: 3rem;
  }
  .pt-l-31 {
    padding-top: 3.1rem;
  }
  .pt-l-32 {
    padding-top: 3.2rem;
  }
  .pt-l-33 {
    padding-top: 3.3rem;
  }
  .pt-l-34 {
    padding-top: 3.4rem;
  }
  .pt-l-35 {
    padding-top: 3.5rem;
  }
  .pt-l-36 {
    padding-top: 3.6rem;
  }
  .pt-l-37 {
    padding-top: 3.7rem;
  }
  .pt-l-38 {
    padding-top: 3.8rem;
  }
  .pt-l-39 {
    padding-top: 3.9rem;
  }
  .pt-l-40 {
    padding-top: 4rem;
  }
  .pt-l-41 {
    padding-top: 4.1rem;
  }
  .pt-l-42 {
    padding-top: 4.2rem;
  }
  .pt-l-43 {
    padding-top: 4.3rem;
  }
  .pt-l-44 {
    padding-top: 4.4rem;
  }
  .pt-l-45 {
    padding-top: 4.5rem;
  }
  .pt-l-46 {
    padding-top: 4.6rem;
  }
  .pt-l-47 {
    padding-top: 4.7rem;
  }
  .pt-l-48 {
    padding-top: 4.8rem;
  }
  .pt-l-49 {
    padding-top: 4.9rem;
  }
  .pt-l-50 {
    padding-top: 5rem;
  }
}
@media (max-width: 993px) {
  .pt-m-0 {
    padding-top: 0rem;
  }
  .pt-m-1 {
    padding-top: 0.1rem;
  }
  .pt-m-2 {
    padding-top: 0.2rem;
  }
  .pt-m-3 {
    padding-top: 0.3rem;
  }
  .pt-m-4 {
    padding-top: 0.4rem;
  }
  .pt-m-5 {
    padding-top: 0.5rem;
  }
  .pt-m-6 {
    padding-top: 0.6rem;
  }
  .pt-m-7 {
    padding-top: 0.7rem;
  }
  .pt-m-8 {
    padding-top: 0.8rem;
  }
  .pt-m-9 {
    padding-top: 0.9rem;
  }
  .pt-m-10 {
    padding-top: 1rem;
  }
  .pt-m-11 {
    padding-top: 1.1rem;
  }
  .pt-m-12 {
    padding-top: 1.2rem;
  }
  .pt-m-13 {
    padding-top: 1.3rem;
  }
  .pt-m-14 {
    padding-top: 1.4rem;
  }
  .pt-m-15 {
    padding-top: 1.5rem;
  }
  .pt-m-16 {
    padding-top: 1.6rem;
  }
  .pt-m-17 {
    padding-top: 1.7rem;
  }
  .pt-m-18 {
    padding-top: 1.8rem;
  }
  .pt-m-19 {
    padding-top: 1.9rem;
  }
  .pt-m-20 {
    padding-top: 2rem;
  }
  .pt-m-21 {
    padding-top: 2.1rem;
  }
  .pt-m-22 {
    padding-top: 2.2rem;
  }
  .pt-m-23 {
    padding-top: 2.3rem;
  }
  .pt-m-24 {
    padding-top: 2.4rem;
  }
  .pt-m-25 {
    padding-top: 2.5rem;
  }
  .pt-m-26 {
    padding-top: 2.6rem;
  }
  .pt-m-27 {
    padding-top: 2.7rem;
  }
  .pt-m-28 {
    padding-top: 2.8rem;
  }
  .pt-m-29 {
    padding-top: 2.9rem;
  }
  .pt-m-30 {
    padding-top: 3rem;
  }
  .pt-m-31 {
    padding-top: 3.1rem;
  }
  .pt-m-32 {
    padding-top: 3.2rem;
  }
  .pt-m-33 {
    padding-top: 3.3rem;
  }
  .pt-m-34 {
    padding-top: 3.4rem;
  }
  .pt-m-35 {
    padding-top: 3.5rem;
  }
  .pt-m-36 {
    padding-top: 3.6rem;
  }
  .pt-m-37 {
    padding-top: 3.7rem;
  }
  .pt-m-38 {
    padding-top: 3.8rem;
  }
  .pt-m-39 {
    padding-top: 3.9rem;
  }
  .pt-m-40 {
    padding-top: 4rem;
  }
  .pt-m-41 {
    padding-top: 4.1rem;
  }
  .pt-m-42 {
    padding-top: 4.2rem;
  }
  .pt-m-43 {
    padding-top: 4.3rem;
  }
  .pt-m-44 {
    padding-top: 4.4rem;
  }
  .pt-m-45 {
    padding-top: 4.5rem;
  }
  .pt-m-46 {
    padding-top: 4.6rem;
  }
  .pt-m-47 {
    padding-top: 4.7rem;
  }
  .pt-m-48 {
    padding-top: 4.8rem;
  }
  .pt-m-49 {
    padding-top: 4.9rem;
  }
  .pt-m-50 {
    padding-top: 5rem;
  }
}
@media (max-width: 768px) {
  .pt-s-0 {
    padding-top: 0rem;
  }
  .pt-s-1 {
    padding-top: 0.1rem;
  }
  .pt-s-2 {
    padding-top: 0.2rem;
  }
  .pt-s-3 {
    padding-top: 0.3rem;
  }
  .pt-s-4 {
    padding-top: 0.4rem;
  }
  .pt-s-5 {
    padding-top: 0.5rem;
  }
  .pt-s-6 {
    padding-top: 0.6rem;
  }
  .pt-s-7 {
    padding-top: 0.7rem;
  }
  .pt-s-8 {
    padding-top: 0.8rem;
  }
  .pt-s-9 {
    padding-top: 0.9rem;
  }
  .pt-s-10 {
    padding-top: 1rem;
  }
  .pt-s-11 {
    padding-top: 1.1rem;
  }
  .pt-s-12 {
    padding-top: 1.2rem;
  }
  .pt-s-13 {
    padding-top: 1.3rem;
  }
  .pt-s-14 {
    padding-top: 1.4rem;
  }
  .pt-s-15 {
    padding-top: 1.5rem;
  }
  .pt-s-16 {
    padding-top: 1.6rem;
  }
  .pt-s-17 {
    padding-top: 1.7rem;
  }
  .pt-s-18 {
    padding-top: 1.8rem;
  }
  .pt-s-19 {
    padding-top: 1.9rem;
  }
  .pt-s-20 {
    padding-top: 2rem;
  }
  .pt-s-21 {
    padding-top: 2.1rem;
  }
  .pt-s-22 {
    padding-top: 2.2rem;
  }
  .pt-s-23 {
    padding-top: 2.3rem;
  }
  .pt-s-24 {
    padding-top: 2.4rem;
  }
  .pt-s-25 {
    padding-top: 2.5rem;
  }
  .pt-s-26 {
    padding-top: 2.6rem;
  }
  .pt-s-27 {
    padding-top: 2.7rem;
  }
  .pt-s-28 {
    padding-top: 2.8rem;
  }
  .pt-s-29 {
    padding-top: 2.9rem;
  }
  .pt-s-30 {
    padding-top: 3rem;
  }
  .pt-s-31 {
    padding-top: 3.1rem;
  }
  .pt-s-32 {
    padding-top: 3.2rem;
  }
  .pt-s-33 {
    padding-top: 3.3rem;
  }
  .pt-s-34 {
    padding-top: 3.4rem;
  }
  .pt-s-35 {
    padding-top: 3.5rem;
  }
  .pt-s-36 {
    padding-top: 3.6rem;
  }
  .pt-s-37 {
    padding-top: 3.7rem;
  }
  .pt-s-38 {
    padding-top: 3.8rem;
  }
  .pt-s-39 {
    padding-top: 3.9rem;
  }
  .pt-s-40 {
    padding-top: 4rem;
  }
  .pt-s-41 {
    padding-top: 4.1rem;
  }
  .pt-s-42 {
    padding-top: 4.2rem;
  }
  .pt-s-43 {
    padding-top: 4.3rem;
  }
  .pt-s-44 {
    padding-top: 4.4rem;
  }
  .pt-s-45 {
    padding-top: 4.5rem;
  }
  .pt-s-46 {
    padding-top: 4.6rem;
  }
  .pt-s-47 {
    padding-top: 4.7rem;
  }
  .pt-s-48 {
    padding-top: 4.8rem;
  }
  .pt-s-49 {
    padding-top: 4.9rem;
  }
  .pt-s-50 {
    padding-top: 5rem;
  }
}
@media (max-width: 480px) {
  .pt-xs-0 {
    padding-top: 0rem;
  }
  .pt-xs-1 {
    padding-top: 0.1rem;
  }
  .pt-xs-2 {
    padding-top: 0.2rem;
  }
  .pt-xs-3 {
    padding-top: 0.3rem;
  }
  .pt-xs-4 {
    padding-top: 0.4rem;
  }
  .pt-xs-5 {
    padding-top: 0.5rem;
  }
  .pt-xs-6 {
    padding-top: 0.6rem;
  }
  .pt-xs-7 {
    padding-top: 0.7rem;
  }
  .pt-xs-8 {
    padding-top: 0.8rem;
  }
  .pt-xs-9 {
    padding-top: 0.9rem;
  }
  .pt-xs-10 {
    padding-top: 1rem;
  }
  .pt-xs-11 {
    padding-top: 1.1rem;
  }
  .pt-xs-12 {
    padding-top: 1.2rem;
  }
  .pt-xs-13 {
    padding-top: 1.3rem;
  }
  .pt-xs-14 {
    padding-top: 1.4rem;
  }
  .pt-xs-15 {
    padding-top: 1.5rem;
  }
  .pt-xs-16 {
    padding-top: 1.6rem;
  }
  .pt-xs-17 {
    padding-top: 1.7rem;
  }
  .pt-xs-18 {
    padding-top: 1.8rem;
  }
  .pt-xs-19 {
    padding-top: 1.9rem;
  }
  .pt-xs-20 {
    padding-top: 2rem;
  }
  .pt-xs-21 {
    padding-top: 2.1rem;
  }
  .pt-xs-22 {
    padding-top: 2.2rem;
  }
  .pt-xs-23 {
    padding-top: 2.3rem;
  }
  .pt-xs-24 {
    padding-top: 2.4rem;
  }
  .pt-xs-25 {
    padding-top: 2.5rem;
  }
  .pt-xs-26 {
    padding-top: 2.6rem;
  }
  .pt-xs-27 {
    padding-top: 2.7rem;
  }
  .pt-xs-28 {
    padding-top: 2.8rem;
  }
  .pt-xs-29 {
    padding-top: 2.9rem;
  }
  .pt-xs-30 {
    padding-top: 3rem;
  }
  .pt-xs-31 {
    padding-top: 3.1rem;
  }
  .pt-xs-32 {
    padding-top: 3.2rem;
  }
  .pt-xs-33 {
    padding-top: 3.3rem;
  }
  .pt-xs-34 {
    padding-top: 3.4rem;
  }
  .pt-xs-35 {
    padding-top: 3.5rem;
  }
  .pt-xs-36 {
    padding-top: 3.6rem;
  }
  .pt-xs-37 {
    padding-top: 3.7rem;
  }
  .pt-xs-38 {
    padding-top: 3.8rem;
  }
  .pt-xs-39 {
    padding-top: 3.9rem;
  }
  .pt-xs-40 {
    padding-top: 4rem;
  }
  .pt-xs-41 {
    padding-top: 4.1rem;
  }
  .pt-xs-42 {
    padding-top: 4.2rem;
  }
  .pt-xs-43 {
    padding-top: 4.3rem;
  }
  .pt-xs-44 {
    padding-top: 4.4rem;
  }
  .pt-xs-45 {
    padding-top: 4.5rem;
  }
  .pt-xs-46 {
    padding-top: 4.6rem;
  }
  .pt-xs-47 {
    padding-top: 4.7rem;
  }
  .pt-xs-48 {
    padding-top: 4.8rem;
  }
  .pt-xs-49 {
    padding-top: 4.9rem;
  }
  .pt-xs-50 {
    padding-top: 5rem;
  }
}

.pb-0 {
  padding-bottom: 0rem;
}
.pb-1 {
  padding-bottom: 0.1rem;
}
.pb-2 {
  padding-bottom: 0.2rem;
}
.pb-3 {
  padding-bottom: 0.3rem;
}
.pb-4 {
  padding-bottom: 0.4rem;
}
.pb-5 {
  padding-bottom: 0.5rem;
}
.pb-6 {
  padding-bottom: 0.6rem;
}
.pb-7 {
  padding-bottom: 0.7rem;
}
.pb-8 {
  padding-bottom: 0.8rem;
}
.pb-9 {
  padding-bottom: 0.9rem;
}
.pb-10 {
  padding-bottom: 1rem;
}
.pb-11 {
  padding-bottom: 1.1rem;
}
.pb-12 {
  padding-bottom: 1.2rem;
}
.pb-13 {
  padding-bottom: 1.3rem;
}
.pb-14 {
  padding-bottom: 1.4rem;
}
.pb-15 {
  padding-bottom: 1.5rem;
}
.pb-16 {
  padding-bottom: 1.6rem;
}
.pb-17 {
  padding-bottom: 1.7rem;
}
.pb-18 {
  padding-bottom: 1.8rem;
}
.pb-19 {
  padding-bottom: 1.9rem;
}
.pb-20 {
  padding-bottom: 2rem;
}
.pb-21 {
  padding-bottom: 2.1rem;
}
.pb-22 {
  padding-bottom: 2.2rem;
}
.pb-23 {
  padding-bottom: 2.3rem;
}
.pb-24 {
  padding-bottom: 2.4rem;
}
.pb-25 {
  padding-bottom: 2.5rem;
}
.pb-26 {
  padding-bottom: 2.6rem;
}
.pb-27 {
  padding-bottom: 2.7rem;
}
.pb-28 {
  padding-bottom: 2.8rem;
}
.pb-29 {
  padding-bottom: 2.9rem;
}
.pb-30 {
  padding-bottom: 3rem;
}
.pb-31 {
  padding-bottom: 3.1rem;
}
.pb-32 {
  padding-bottom: 3.2rem;
}
.pb-33 {
  padding-bottom: 3.3rem;
}
.pb-34 {
  padding-bottom: 3.4rem;
}
.pb-35 {
  padding-bottom: 3.5rem;
}
.pb-36 {
  padding-bottom: 3.6rem;
}
.pb-37 {
  padding-bottom: 3.7rem;
}
.pb-38 {
  padding-bottom: 3.8rem;
}
.pb-39 {
  padding-bottom: 3.9rem;
}
.pb-40 {
  padding-bottom: 4rem;
}
.pb-41 {
  padding-bottom: 4.1rem;
}
.pb-42 {
  padding-bottom: 4.2rem;
}
.pb-43 {
  padding-bottom: 4.3rem;
}
.pb-44 {
  padding-bottom: 4.4rem;
}
.pb-45 {
  padding-bottom: 4.5rem;
}
.pb-46 {
  padding-bottom: 4.6rem;
}
.pb-47 {
  padding-bottom: 4.7rem;
}
.pb-48 {
  padding-bottom: 4.8rem;
}
.pb-49 {
  padding-bottom: 4.9rem;
}
.pb-50 {
  padding-bottom: 5rem;
}
.pb-xl-0 {
  padding-bottom: 0rem;
}
.pb-xl-1 {
  padding-bottom: 0.1rem;
}
.pb-xl-2 {
  padding-bottom: 0.2rem;
}
.pb-xl-3 {
  padding-bottom: 0.3rem;
}
.pb-xl-4 {
  padding-bottom: 0.4rem;
}
.pb-xl-5 {
  padding-bottom: 0.5rem;
}
.pb-xl-6 {
  padding-bottom: 0.6rem;
}
.pb-xl-7 {
  padding-bottom: 0.7rem;
}
.pb-xl-8 {
  padding-bottom: 0.8rem;
}
.pb-xl-9 {
  padding-bottom: 0.9rem;
}
.pb-xl-10 {
  padding-bottom: 1rem;
}
.pb-xl-11 {
  padding-bottom: 1.1rem;
}
.pb-xl-12 {
  padding-bottom: 1.2rem;
}
.pb-xl-13 {
  padding-bottom: 1.3rem;
}
.pb-xl-14 {
  padding-bottom: 1.4rem;
}
.pb-xl-15 {
  padding-bottom: 1.5rem;
}
.pb-xl-16 {
  padding-bottom: 1.6rem;
}
.pb-xl-17 {
  padding-bottom: 1.7rem;
}
.pb-xl-18 {
  padding-bottom: 1.8rem;
}
.pb-xl-19 {
  padding-bottom: 1.9rem;
}
.pb-xl-20 {
  padding-bottom: 2rem;
}
.pb-xl-21 {
  padding-bottom: 2.1rem;
}
.pb-xl-22 {
  padding-bottom: 2.2rem;
}
.pb-xl-23 {
  padding-bottom: 2.3rem;
}
.pb-xl-24 {
  padding-bottom: 2.4rem;
}
.pb-xl-25 {
  padding-bottom: 2.5rem;
}
.pb-xl-26 {
  padding-bottom: 2.6rem;
}
.pb-xl-27 {
  padding-bottom: 2.7rem;
}
.pb-xl-28 {
  padding-bottom: 2.8rem;
}
.pb-xl-29 {
  padding-bottom: 2.9rem;
}
.pb-xl-30 {
  padding-bottom: 3rem;
}
.pb-xl-31 {
  padding-bottom: 3.1rem;
}
.pb-xl-32 {
  padding-bottom: 3.2rem;
}
.pb-xl-33 {
  padding-bottom: 3.3rem;
}
.pb-xl-34 {
  padding-bottom: 3.4rem;
}
.pb-xl-35 {
  padding-bottom: 3.5rem;
}
.pb-xl-36 {
  padding-bottom: 3.6rem;
}
.pb-xl-37 {
  padding-bottom: 3.7rem;
}
.pb-xl-38 {
  padding-bottom: 3.8rem;
}
.pb-xl-39 {
  padding-bottom: 3.9rem;
}
.pb-xl-40 {
  padding-bottom: 4rem;
}
.pb-xl-41 {
  padding-bottom: 4.1rem;
}
.pb-xl-42 {
  padding-bottom: 4.2rem;
}
.pb-xl-43 {
  padding-bottom: 4.3rem;
}
.pb-xl-44 {
  padding-bottom: 4.4rem;
}
.pb-xl-45 {
  padding-bottom: 4.5rem;
}
.pb-xl-46 {
  padding-bottom: 4.6rem;
}
.pb-xl-47 {
  padding-bottom: 4.7rem;
}
.pb-xl-48 {
  padding-bottom: 4.8rem;
}
.pb-xl-49 {
  padding-bottom: 4.9rem;
}
.pb-xl-50 {
  padding-bottom: 5rem;
}
@media (max-width: 1200px) {
  .pb-l-0 {
    padding-bottom: 0rem;
  }
  .pb-l-1 {
    padding-bottom: 0.1rem;
  }
  .pb-l-2 {
    padding-bottom: 0.2rem;
  }
  .pb-l-3 {
    padding-bottom: 0.3rem;
  }
  .pb-l-4 {
    padding-bottom: 0.4rem;
  }
  .pb-l-5 {
    padding-bottom: 0.5rem;
  }
  .pb-l-6 {
    padding-bottom: 0.6rem;
  }
  .pb-l-7 {
    padding-bottom: 0.7rem;
  }
  .pb-l-8 {
    padding-bottom: 0.8rem;
  }
  .pb-l-9 {
    padding-bottom: 0.9rem;
  }
  .pb-l-10 {
    padding-bottom: 1rem;
  }
  .pb-l-11 {
    padding-bottom: 1.1rem;
  }
  .pb-l-12 {
    padding-bottom: 1.2rem;
  }
  .pb-l-13 {
    padding-bottom: 1.3rem;
  }
  .pb-l-14 {
    padding-bottom: 1.4rem;
  }
  .pb-l-15 {
    padding-bottom: 1.5rem;
  }
  .pb-l-16 {
    padding-bottom: 1.6rem;
  }
  .pb-l-17 {
    padding-bottom: 1.7rem;
  }
  .pb-l-18 {
    padding-bottom: 1.8rem;
  }
  .pb-l-19 {
    padding-bottom: 1.9rem;
  }
  .pb-l-20 {
    padding-bottom: 2rem;
  }
  .pb-l-21 {
    padding-bottom: 2.1rem;
  }
  .pb-l-22 {
    padding-bottom: 2.2rem;
  }
  .pb-l-23 {
    padding-bottom: 2.3rem;
  }
  .pb-l-24 {
    padding-bottom: 2.4rem;
  }
  .pb-l-25 {
    padding-bottom: 2.5rem;
  }
  .pb-l-26 {
    padding-bottom: 2.6rem;
  }
  .pb-l-27 {
    padding-bottom: 2.7rem;
  }
  .pb-l-28 {
    padding-bottom: 2.8rem;
  }
  .pb-l-29 {
    padding-bottom: 2.9rem;
  }
  .pb-l-30 {
    padding-bottom: 3rem;
  }
  .pb-l-31 {
    padding-bottom: 3.1rem;
  }
  .pb-l-32 {
    padding-bottom: 3.2rem;
  }
  .pb-l-33 {
    padding-bottom: 3.3rem;
  }
  .pb-l-34 {
    padding-bottom: 3.4rem;
  }
  .pb-l-35 {
    padding-bottom: 3.5rem;
  }
  .pb-l-36 {
    padding-bottom: 3.6rem;
  }
  .pb-l-37 {
    padding-bottom: 3.7rem;
  }
  .pb-l-38 {
    padding-bottom: 3.8rem;
  }
  .pb-l-39 {
    padding-bottom: 3.9rem;
  }
  .pb-l-40 {
    padding-bottom: 4rem;
  }
  .pb-l-41 {
    padding-bottom: 4.1rem;
  }
  .pb-l-42 {
    padding-bottom: 4.2rem;
  }
  .pb-l-43 {
    padding-bottom: 4.3rem;
  }
  .pb-l-44 {
    padding-bottom: 4.4rem;
  }
  .pb-l-45 {
    padding-bottom: 4.5rem;
  }
  .pb-l-46 {
    padding-bottom: 4.6rem;
  }
  .pb-l-47 {
    padding-bottom: 4.7rem;
  }
  .pb-l-48 {
    padding-bottom: 4.8rem;
  }
  .pb-l-49 {
    padding-bottom: 4.9rem;
  }
  .pb-l-50 {
    padding-bottom: 5rem;
  }
}
@media (max-width: 993px) {
  .pb-m-0 {
    padding-bottom: 0rem;
  }
  .pb-m-1 {
    padding-bottom: 0.1rem;
  }
  .pb-m-2 {
    padding-bottom: 0.2rem;
  }
  .pb-m-3 {
    padding-bottom: 0.3rem;
  }
  .pb-m-4 {
    padding-bottom: 0.4rem;
  }
  .pb-m-5 {
    padding-bottom: 0.5rem;
  }
  .pb-m-6 {
    padding-bottom: 0.6rem;
  }
  .pb-m-7 {
    padding-bottom: 0.7rem;
  }
  .pb-m-8 {
    padding-bottom: 0.8rem;
  }
  .pb-m-9 {
    padding-bottom: 0.9rem;
  }
  .pb-m-10 {
    padding-bottom: 1rem;
  }
  .pb-m-11 {
    padding-bottom: 1.1rem;
  }
  .pb-m-12 {
    padding-bottom: 1.2rem;
  }
  .pb-m-13 {
    padding-bottom: 1.3rem;
  }
  .pb-m-14 {
    padding-bottom: 1.4rem;
  }
  .pb-m-15 {
    padding-bottom: 1.5rem;
  }
  .pb-m-16 {
    padding-bottom: 1.6rem;
  }
  .pb-m-17 {
    padding-bottom: 1.7rem;
  }
  .pb-m-18 {
    padding-bottom: 1.8rem;
  }
  .pb-m-19 {
    padding-bottom: 1.9rem;
  }
  .pb-m-20 {
    padding-bottom: 2rem;
  }
  .pb-m-21 {
    padding-bottom: 2.1rem;
  }
  .pb-m-22 {
    padding-bottom: 2.2rem;
  }
  .pb-m-23 {
    padding-bottom: 2.3rem;
  }
  .pb-m-24 {
    padding-bottom: 2.4rem;
  }
  .pb-m-25 {
    padding-bottom: 2.5rem;
  }
  .pb-m-26 {
    padding-bottom: 2.6rem;
  }
  .pb-m-27 {
    padding-bottom: 2.7rem;
  }
  .pb-m-28 {
    padding-bottom: 2.8rem;
  }
  .pb-m-29 {
    padding-bottom: 2.9rem;
  }
  .pb-m-30 {
    padding-bottom: 3rem;
  }
  .pb-m-31 {
    padding-bottom: 3.1rem;
  }
  .pb-m-32 {
    padding-bottom: 3.2rem;
  }
  .pb-m-33 {
    padding-bottom: 3.3rem;
  }
  .pb-m-34 {
    padding-bottom: 3.4rem;
  }
  .pb-m-35 {
    padding-bottom: 3.5rem;
  }
  .pb-m-36 {
    padding-bottom: 3.6rem;
  }
  .pb-m-37 {
    padding-bottom: 3.7rem;
  }
  .pb-m-38 {
    padding-bottom: 3.8rem;
  }
  .pb-m-39 {
    padding-bottom: 3.9rem;
  }
  .pb-m-40 {
    padding-bottom: 4rem;
  }
  .pb-m-41 {
    padding-bottom: 4.1rem;
  }
  .pb-m-42 {
    padding-bottom: 4.2rem;
  }
  .pb-m-43 {
    padding-bottom: 4.3rem;
  }
  .pb-m-44 {
    padding-bottom: 4.4rem;
  }
  .pb-m-45 {
    padding-bottom: 4.5rem;
  }
  .pb-m-46 {
    padding-bottom: 4.6rem;
  }
  .pb-m-47 {
    padding-bottom: 4.7rem;
  }
  .pb-m-48 {
    padding-bottom: 4.8rem;
  }
  .pb-m-49 {
    padding-bottom: 4.9rem;
  }
  .pb-m-50 {
    padding-bottom: 5rem;
  }
}
@media (max-width: 768px) {
  .pb-s-0 {
    padding-bottom: 0rem;
  }
  .pb-s-1 {
    padding-bottom: 0.1rem;
  }
  .pb-s-2 {
    padding-bottom: 0.2rem;
  }
  .pb-s-3 {
    padding-bottom: 0.3rem;
  }
  .pb-s-4 {
    padding-bottom: 0.4rem;
  }
  .pb-s-5 {
    padding-bottom: 0.5rem;
  }
  .pb-s-6 {
    padding-bottom: 0.6rem;
  }
  .pb-s-7 {
    padding-bottom: 0.7rem;
  }
  .pb-s-8 {
    padding-bottom: 0.8rem;
  }
  .pb-s-9 {
    padding-bottom: 0.9rem;
  }
  .pb-s-10 {
    padding-bottom: 1rem;
  }
  .pb-s-11 {
    padding-bottom: 1.1rem;
  }
  .pb-s-12 {
    padding-bottom: 1.2rem;
  }
  .pb-s-13 {
    padding-bottom: 1.3rem;
  }
  .pb-s-14 {
    padding-bottom: 1.4rem;
  }
  .pb-s-15 {
    padding-bottom: 1.5rem;
  }
  .pb-s-16 {
    padding-bottom: 1.6rem;
  }
  .pb-s-17 {
    padding-bottom: 1.7rem;
  }
  .pb-s-18 {
    padding-bottom: 1.8rem;
  }
  .pb-s-19 {
    padding-bottom: 1.9rem;
  }
  .pb-s-20 {
    padding-bottom: 2rem;
  }
  .pb-s-21 {
    padding-bottom: 2.1rem;
  }
  .pb-s-22 {
    padding-bottom: 2.2rem;
  }
  .pb-s-23 {
    padding-bottom: 2.3rem;
  }
  .pb-s-24 {
    padding-bottom: 2.4rem;
  }
  .pb-s-25 {
    padding-bottom: 2.5rem;
  }
  .pb-s-26 {
    padding-bottom: 2.6rem;
  }
  .pb-s-27 {
    padding-bottom: 2.7rem;
  }
  .pb-s-28 {
    padding-bottom: 2.8rem;
  }
  .pb-s-29 {
    padding-bottom: 2.9rem;
  }
  .pb-s-30 {
    padding-bottom: 3rem;
  }
  .pb-s-31 {
    padding-bottom: 3.1rem;
  }
  .pb-s-32 {
    padding-bottom: 3.2rem;
  }
  .pb-s-33 {
    padding-bottom: 3.3rem;
  }
  .pb-s-34 {
    padding-bottom: 3.4rem;
  }
  .pb-s-35 {
    padding-bottom: 3.5rem;
  }
  .pb-s-36 {
    padding-bottom: 3.6rem;
  }
  .pb-s-37 {
    padding-bottom: 3.7rem;
  }
  .pb-s-38 {
    padding-bottom: 3.8rem;
  }
  .pb-s-39 {
    padding-bottom: 3.9rem;
  }
  .pb-s-40 {
    padding-bottom: 4rem;
  }
  .pb-s-41 {
    padding-bottom: 4.1rem;
  }
  .pb-s-42 {
    padding-bottom: 4.2rem;
  }
  .pb-s-43 {
    padding-bottom: 4.3rem;
  }
  .pb-s-44 {
    padding-bottom: 4.4rem;
  }
  .pb-s-45 {
    padding-bottom: 4.5rem;
  }
  .pb-s-46 {
    padding-bottom: 4.6rem;
  }
  .pb-s-47 {
    padding-bottom: 4.7rem;
  }
  .pb-s-48 {
    padding-bottom: 4.8rem;
  }
  .pb-s-49 {
    padding-bottom: 4.9rem;
  }
  .pb-s-50 {
    padding-bottom: 5rem;
  }
}
@media (max-width: 480px) {
  .pb-xs-0 {
    padding-bottom: 0rem;
  }
  .pb-xs-1 {
    padding-bottom: 0.1rem;
  }
  .pb-xs-2 {
    padding-bottom: 0.2rem;
  }
  .pb-xs-3 {
    padding-bottom: 0.3rem;
  }
  .pb-xs-4 {
    padding-bottom: 0.4rem;
  }
  .pb-xs-5 {
    padding-bottom: 0.5rem;
  }
  .pb-xs-6 {
    padding-bottom: 0.6rem;
  }
  .pb-xs-7 {
    padding-bottom: 0.7rem;
  }
  .pb-xs-8 {
    padding-bottom: 0.8rem;
  }
  .pb-xs-9 {
    padding-bottom: 0.9rem;
  }
  .pb-xs-10 {
    padding-bottom: 1rem;
  }
  .pb-xs-11 {
    padding-bottom: 1.1rem;
  }
  .pb-xs-12 {
    padding-bottom: 1.2rem;
  }
  .pb-xs-13 {
    padding-bottom: 1.3rem;
  }
  .pb-xs-14 {
    padding-bottom: 1.4rem;
  }
  .pb-xs-15 {
    padding-bottom: 1.5rem;
  }
  .pb-xs-16 {
    padding-bottom: 1.6rem;
  }
  .pb-xs-17 {
    padding-bottom: 1.7rem;
  }
  .pb-xs-18 {
    padding-bottom: 1.8rem;
  }
  .pb-xs-19 {
    padding-bottom: 1.9rem;
  }
  .pb-xs-20 {
    padding-bottom: 2rem;
  }
  .pb-xs-21 {
    padding-bottom: 2.1rem;
  }
  .pb-xs-22 {
    padding-bottom: 2.2rem;
  }
  .pb-xs-23 {
    padding-bottom: 2.3rem;
  }
  .pb-xs-24 {
    padding-bottom: 2.4rem;
  }
  .pb-xs-25 {
    padding-bottom: 2.5rem;
  }
  .pb-xs-26 {
    padding-bottom: 2.6rem;
  }
  .pb-xs-27 {
    padding-bottom: 2.7rem;
  }
  .pb-xs-28 {
    padding-bottom: 2.8rem;
  }
  .pb-xs-29 {
    padding-bottom: 2.9rem;
  }
  .pb-xs-30 {
    padding-bottom: 3rem;
  }
  .pb-xs-31 {
    padding-bottom: 3.1rem;
  }
  .pb-xs-32 {
    padding-bottom: 3.2rem;
  }
  .pb-xs-33 {
    padding-bottom: 3.3rem;
  }
  .pb-xs-34 {
    padding-bottom: 3.4rem;
  }
  .pb-xs-35 {
    padding-bottom: 3.5rem;
  }
  .pb-xs-36 {
    padding-bottom: 3.6rem;
  }
  .pb-xs-37 {
    padding-bottom: 3.7rem;
  }
  .pb-xs-38 {
    padding-bottom: 3.8rem;
  }
  .pb-xs-39 {
    padding-bottom: 3.9rem;
  }
  .pb-xs-40 {
    padding-bottom: 4rem;
  }
  .pb-xs-41 {
    padding-bottom: 4.1rem;
  }
  .pb-xs-42 {
    padding-bottom: 4.2rem;
  }
  .pb-xs-43 {
    padding-bottom: 4.3rem;
  }
  .pb-xs-44 {
    padding-bottom: 4.4rem;
  }
  .pb-xs-45 {
    padding-bottom: 4.5rem;
  }
  .pb-xs-46 {
    padding-bottom: 4.6rem;
  }
  .pb-xs-47 {
    padding-bottom: 4.7rem;
  }
  .pb-xs-48 {
    padding-bottom: 4.8rem;
  }
  .pb-xs-49 {
    padding-bottom: 4.9rem;
  }
  .pb-xs-50 {
    padding-bottom: 5rem;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.sticky {
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

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

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.relative {
  position: relative;
}

.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}

.abs-v-center {
  position: absolute;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

.abs-h-center {
  position: absolute;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

.absolute, .absolute__cc, .absolute__br, .absolute__bl, .absolute__tr, .absolute__tl {
  position: absolute;
}
.absolute__tl {
  top: 0;
  left: 0;
}
.absolute__tr {
  top: 0;
  right: 0;
}
.absolute__bl {
  bottom: 0;
  left: 0;
}
.absolute__br {
  bottom: 0;
  right: 0;
}
.absolute__cc {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.grid {
  display: block;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.grid > .row {
  display: block;
  width: initial !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  clear: both;
}
.grid > .row:after {
  content: "";
  display: table;
  clear: both;
}
.grid > .row > * {
  display: block;
  width: 100%;
  min-height: 1px;
  margin-left: 0;
  margin-right: 0;
  float: left;
  overflow: hidden;
}
.grid > .row > .col-xl-1 {
  width: 4.1666666667%;
}
.grid > .row > .col-xl-2 {
  width: 8.3333333333%;
}
.grid > .row > .col-xl-3 {
  width: 12.5%;
}
.grid > .row > .col-xl-4 {
  width: 16.6666666667%;
}
.grid > .row > .col-xl-5 {
  width: 20.8333333333%;
}
.grid > .row > .col-xl-6 {
  width: 25%;
}
.grid > .row > .col-xl-7 {
  width: 29.1666666667%;
}
.grid > .row > .col-xl-8 {
  width: 33.3333333333%;
}
.grid > .row > .col-xl-9 {
  width: 37.5%;
}
.grid > .row > .col-xl-10 {
  width: 41.6666666667%;
}
.grid > .row > .col-xl-11 {
  width: 45.8333333333%;
}
.grid > .row > .col-xl-12 {
  width: 50%;
}
.grid > .row > .col-xl-13 {
  width: 54.1666666667%;
}
.grid > .row > .col-xl-14 {
  width: 58.3333333333%;
}
.grid > .row > .col-xl-15 {
  width: 62.5%;
}
.grid > .row > .col-xl-16 {
  width: 66.6666666667%;
}
.grid > .row > .col-xl-17 {
  width: 70.8333333333%;
}
.grid > .row > .col-xl-18 {
  width: 75%;
}
.grid > .row > .col-xl-19 {
  width: 79.1666666667%;
}
.grid > .row > .col-xl-20 {
  width: 83.3333333333%;
}
.grid > .row > .col-xl-21 {
  width: 87.5%;
}
.grid > .row > .col-xl-22 {
  width: 91.6666666667%;
}
.grid > .row > .col-xl-23 {
  width: 95.8333333333%;
}
.grid > .row > .col-xl-24 {
  width: 100%;
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-1 {
    width: 4.1666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-2 {
    width: 8.3333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-3 {
    width: 12.5%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-4 {
    width: 16.6666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-5 {
    width: 20.8333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-6 {
    width: 25%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-7 {
    width: 29.1666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-8 {
    width: 33.3333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-9 {
    width: 37.5%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-10 {
    width: 41.6666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-11 {
    width: 45.8333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-12 {
    width: 50%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-13 {
    width: 54.1666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-14 {
    width: 58.3333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-15 {
    width: 62.5%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-16 {
    width: 66.6666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-17 {
    width: 70.8333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-18 {
    width: 75%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-19 {
    width: 79.1666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-20 {
    width: 83.3333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-21 {
    width: 87.5%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-22 {
    width: 91.6666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-23 {
    width: 95.8333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .col-l-24 {
    width: 100%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-1 {
    width: 4.1666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-2 {
    width: 8.3333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-3 {
    width: 12.5%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-4 {
    width: 16.6666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-5 {
    width: 20.8333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-6 {
    width: 25%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-7 {
    width: 29.1666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-8 {
    width: 33.3333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-9 {
    width: 37.5%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-10 {
    width: 41.6666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-11 {
    width: 45.8333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-12 {
    width: 50%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-13 {
    width: 54.1666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-14 {
    width: 58.3333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-15 {
    width: 62.5%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-16 {
    width: 66.6666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-17 {
    width: 70.8333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-18 {
    width: 75%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-19 {
    width: 79.1666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-20 {
    width: 83.3333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-21 {
    width: 87.5%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-22 {
    width: 91.6666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-23 {
    width: 95.8333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .col-m-24 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-1 {
    width: 4.1666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-2 {
    width: 8.3333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-3 {
    width: 12.5%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-4 {
    width: 16.6666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-5 {
    width: 20.8333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-6 {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-7 {
    width: 29.1666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-8 {
    width: 33.3333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-9 {
    width: 37.5%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-10 {
    width: 41.6666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-11 {
    width: 45.8333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-12 {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-13 {
    width: 54.1666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-14 {
    width: 58.3333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-15 {
    width: 62.5%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-16 {
    width: 66.6666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-17 {
    width: 70.8333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-18 {
    width: 75%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-19 {
    width: 79.1666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-20 {
    width: 83.3333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-21 {
    width: 87.5%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-22 {
    width: 91.6666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-23 {
    width: 95.8333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .col-s-24 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-1 {
    width: 4.1666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-2 {
    width: 8.3333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-3 {
    width: 12.5%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-4 {
    width: 16.6666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-5 {
    width: 20.8333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-6 {
    width: 25%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-7 {
    width: 29.1666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-8 {
    width: 33.3333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-9 {
    width: 37.5%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-10 {
    width: 41.6666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-11 {
    width: 45.8333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-12 {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-13 {
    width: 54.1666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-14 {
    width: 58.3333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-15 {
    width: 62.5%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-16 {
    width: 66.6666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-17 {
    width: 70.8333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-18 {
    width: 75%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-19 {
    width: 79.1666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-20 {
    width: 83.3333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-21 {
    width: 87.5%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-22 {
    width: 91.6666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-23 {
    width: 95.8333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .col-xs-24 {
    width: 100%;
  }
}
.grid > .row > .off-xl-0 {
  margin-left: 0%;
}
.grid > .row > .off-xl-1 {
  margin-left: 4.1666666667%;
}
.grid > .row > .off-xl-2 {
  margin-left: 8.3333333333%;
}
.grid > .row > .off-xl-3 {
  margin-left: 12.5%;
}
.grid > .row > .off-xl-4 {
  margin-left: 16.6666666667%;
}
.grid > .row > .off-xl-5 {
  margin-left: 20.8333333333%;
}
.grid > .row > .off-xl-6 {
  margin-left: 25%;
}
.grid > .row > .off-xl-7 {
  margin-left: 29.1666666667%;
}
.grid > .row > .off-xl-8 {
  margin-left: 33.3333333333%;
}
.grid > .row > .off-xl-9 {
  margin-left: 37.5%;
}
.grid > .row > .off-xl-10 {
  margin-left: 41.6666666667%;
}
.grid > .row > .off-xl-11 {
  margin-left: 45.8333333333%;
}
.grid > .row > .off-xl-12 {
  margin-left: 50%;
}
.grid > .row > .off-xl-13 {
  margin-left: 54.1666666667%;
}
.grid > .row > .off-xl-14 {
  margin-left: 58.3333333333%;
}
.grid > .row > .off-xl-15 {
  margin-left: 62.5%;
}
.grid > .row > .off-xl-16 {
  margin-left: 66.6666666667%;
}
.grid > .row > .off-xl-17 {
  margin-left: 70.8333333333%;
}
.grid > .row > .off-xl-18 {
  margin-left: 75%;
}
.grid > .row > .off-xl-19 {
  margin-left: 79.1666666667%;
}
.grid > .row > .off-xl-20 {
  margin-left: 83.3333333333%;
}
.grid > .row > .off-xl-21 {
  margin-left: 87.5%;
}
.grid > .row > .off-xl-22 {
  margin-left: 91.6666666667%;
}
.grid > .row > .off-xl-23 {
  margin-left: 95.8333333333%;
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-0 {
    margin-left: 0%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-1 {
    margin-left: 4.1666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-2 {
    margin-left: 8.3333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-3 {
    margin-left: 12.5%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-4 {
    margin-left: 16.6666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-5 {
    margin-left: 20.8333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-6 {
    margin-left: 25%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-7 {
    margin-left: 29.1666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-8 {
    margin-left: 33.3333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-9 {
    margin-left: 37.5%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-10 {
    margin-left: 41.6666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-11 {
    margin-left: 45.8333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-12 {
    margin-left: 50%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-13 {
    margin-left: 54.1666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-14 {
    margin-left: 58.3333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-15 {
    margin-left: 62.5%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-16 {
    margin-left: 66.6666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-17 {
    margin-left: 70.8333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-18 {
    margin-left: 75%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-19 {
    margin-left: 79.1666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-20 {
    margin-left: 83.3333333333%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-21 {
    margin-left: 87.5%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-22 {
    margin-left: 91.6666666667%;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-l-23 {
    margin-left: 95.8333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-0 {
    margin-left: 0%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-1 {
    margin-left: 4.1666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-2 {
    margin-left: 8.3333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-3 {
    margin-left: 12.5%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-4 {
    margin-left: 16.6666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-5 {
    margin-left: 20.8333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-6 {
    margin-left: 25%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-7 {
    margin-left: 29.1666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-8 {
    margin-left: 33.3333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-9 {
    margin-left: 37.5%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-10 {
    margin-left: 41.6666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-11 {
    margin-left: 45.8333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-12 {
    margin-left: 50%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-13 {
    margin-left: 54.1666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-14 {
    margin-left: 58.3333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-15 {
    margin-left: 62.5%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-16 {
    margin-left: 66.6666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-17 {
    margin-left: 70.8333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-18 {
    margin-left: 75%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-19 {
    margin-left: 79.1666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-20 {
    margin-left: 83.3333333333%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-21 {
    margin-left: 87.5%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-22 {
    margin-left: 91.6666666667%;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-m-23 {
    margin-left: 95.8333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-0 {
    margin-left: 0%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-1 {
    margin-left: 4.1666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-2 {
    margin-left: 8.3333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-3 {
    margin-left: 12.5%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-4 {
    margin-left: 16.6666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-5 {
    margin-left: 20.8333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-6 {
    margin-left: 25%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-7 {
    margin-left: 29.1666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-8 {
    margin-left: 33.3333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-9 {
    margin-left: 37.5%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-10 {
    margin-left: 41.6666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-11 {
    margin-left: 45.8333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-12 {
    margin-left: 50%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-13 {
    margin-left: 54.1666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-14 {
    margin-left: 58.3333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-15 {
    margin-left: 62.5%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-16 {
    margin-left: 66.6666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-17 {
    margin-left: 70.8333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-18 {
    margin-left: 75%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-19 {
    margin-left: 79.1666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-20 {
    margin-left: 83.3333333333%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-21 {
    margin-left: 87.5%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-22 {
    margin-left: 91.6666666667%;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-s-23 {
    margin-left: 95.8333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-0 {
    margin-left: 0%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-1 {
    margin-left: 4.1666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-2 {
    margin-left: 8.3333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-3 {
    margin-left: 12.5%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-4 {
    margin-left: 16.6666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-5 {
    margin-left: 20.8333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-6 {
    margin-left: 25%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-7 {
    margin-left: 29.1666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-8 {
    margin-left: 33.3333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-9 {
    margin-left: 37.5%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-10 {
    margin-left: 41.6666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-11 {
    margin-left: 45.8333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-12 {
    margin-left: 50%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-13 {
    margin-left: 54.1666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-14 {
    margin-left: 58.3333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-15 {
    margin-left: 62.5%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-16 {
    margin-left: 66.6666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-17 {
    margin-left: 70.8333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-18 {
    margin-left: 75%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-19 {
    margin-left: 79.1666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-20 {
    margin-left: 83.3333333333%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-21 {
    margin-left: 87.5%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-22 {
    margin-left: 91.6666666667%;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-xs-23 {
    margin-left: 95.8333333333%;
  }
}
.grid > .row > .off-r-xl-0 {
  margin-right: 0%;
  float: right;
}
.grid > .row > .off-r-xl-1 {
  margin-right: 4.1666666667%;
  float: right;
}
.grid > .row > .off-r-xl-2 {
  margin-right: 8.3333333333%;
  float: right;
}
.grid > .row > .off-r-xl-3 {
  margin-right: 12.5%;
  float: right;
}
.grid > .row > .off-r-xl-4 {
  margin-right: 16.6666666667%;
  float: right;
}
.grid > .row > .off-r-xl-5 {
  margin-right: 20.8333333333%;
  float: right;
}
.grid > .row > .off-r-xl-6 {
  margin-right: 25%;
  float: right;
}
.grid > .row > .off-r-xl-7 {
  margin-right: 29.1666666667%;
  float: right;
}
.grid > .row > .off-r-xl-8 {
  margin-right: 33.3333333333%;
  float: right;
}
.grid > .row > .off-r-xl-9 {
  margin-right: 37.5%;
  float: right;
}
.grid > .row > .off-r-xl-10 {
  margin-right: 41.6666666667%;
  float: right;
}
.grid > .row > .off-r-xl-11 {
  margin-right: 45.8333333333%;
  float: right;
}
.grid > .row > .off-r-xl-12 {
  margin-right: 50%;
  float: right;
}
.grid > .row > .off-r-xl-13 {
  margin-right: 54.1666666667%;
  float: right;
}
.grid > .row > .off-r-xl-14 {
  margin-right: 58.3333333333%;
  float: right;
}
.grid > .row > .off-r-xl-15 {
  margin-right: 62.5%;
  float: right;
}
.grid > .row > .off-r-xl-16 {
  margin-right: 66.6666666667%;
  float: right;
}
.grid > .row > .off-r-xl-17 {
  margin-right: 70.8333333333%;
  float: right;
}
.grid > .row > .off-r-xl-18 {
  margin-right: 75%;
  float: right;
}
.grid > .row > .off-r-xl-19 {
  margin-right: 79.1666666667%;
  float: right;
}
.grid > .row > .off-r-xl-20 {
  margin-right: 83.3333333333%;
  float: right;
}
.grid > .row > .off-r-xl-21 {
  margin-right: 87.5%;
  float: right;
}
.grid > .row > .off-r-xl-22 {
  margin-right: 91.6666666667%;
  float: right;
}
.grid > .row > .off-r-xl-23 {
  margin-right: 95.8333333333%;
  float: right;
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-0 {
    margin-right: 0%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-1 {
    margin-right: 4.1666666667%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-2 {
    margin-right: 8.3333333333%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-3 {
    margin-right: 12.5%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-4 {
    margin-right: 16.6666666667%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-5 {
    margin-right: 20.8333333333%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-6 {
    margin-right: 25%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-7 {
    margin-right: 29.1666666667%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-8 {
    margin-right: 33.3333333333%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-9 {
    margin-right: 37.5%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-10 {
    margin-right: 41.6666666667%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-11 {
    margin-right: 45.8333333333%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-12 {
    margin-right: 50%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-13 {
    margin-right: 54.1666666667%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-14 {
    margin-right: 58.3333333333%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-15 {
    margin-right: 62.5%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-16 {
    margin-right: 66.6666666667%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-17 {
    margin-right: 70.8333333333%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-18 {
    margin-right: 75%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-19 {
    margin-right: 79.1666666667%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-20 {
    margin-right: 83.3333333333%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-21 {
    margin-right: 87.5%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-22 {
    margin-right: 91.6666666667%;
    float: right;
  }
}
@media (max-width: 1200px) {
  .grid > .row > .off-r-l-23 {
    margin-right: 95.8333333333%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-0 {
    margin-right: 0%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-1 {
    margin-right: 4.1666666667%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-2 {
    margin-right: 8.3333333333%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-3 {
    margin-right: 12.5%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-4 {
    margin-right: 16.6666666667%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-5 {
    margin-right: 20.8333333333%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-6 {
    margin-right: 25%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-7 {
    margin-right: 29.1666666667%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-8 {
    margin-right: 33.3333333333%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-9 {
    margin-right: 37.5%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-10 {
    margin-right: 41.6666666667%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-11 {
    margin-right: 45.8333333333%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-12 {
    margin-right: 50%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-13 {
    margin-right: 54.1666666667%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-14 {
    margin-right: 58.3333333333%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-15 {
    margin-right: 62.5%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-16 {
    margin-right: 66.6666666667%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-17 {
    margin-right: 70.8333333333%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-18 {
    margin-right: 75%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-19 {
    margin-right: 79.1666666667%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-20 {
    margin-right: 83.3333333333%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-21 {
    margin-right: 87.5%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-22 {
    margin-right: 91.6666666667%;
    float: right;
  }
}
@media (max-width: 993px) {
  .grid > .row > .off-r-m-23 {
    margin-right: 95.8333333333%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-0 {
    margin-right: 0%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-1 {
    margin-right: 4.1666666667%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-2 {
    margin-right: 8.3333333333%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-3 {
    margin-right: 12.5%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-4 {
    margin-right: 16.6666666667%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-5 {
    margin-right: 20.8333333333%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-6 {
    margin-right: 25%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-7 {
    margin-right: 29.1666666667%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-8 {
    margin-right: 33.3333333333%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-9 {
    margin-right: 37.5%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-10 {
    margin-right: 41.6666666667%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-11 {
    margin-right: 45.8333333333%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-12 {
    margin-right: 50%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-13 {
    margin-right: 54.1666666667%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-14 {
    margin-right: 58.3333333333%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-15 {
    margin-right: 62.5%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-16 {
    margin-right: 66.6666666667%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-17 {
    margin-right: 70.8333333333%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-18 {
    margin-right: 75%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-19 {
    margin-right: 79.1666666667%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-20 {
    margin-right: 83.3333333333%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-21 {
    margin-right: 87.5%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-22 {
    margin-right: 91.6666666667%;
    float: right;
  }
}
@media (max-width: 768px) {
  .grid > .row > .off-r-s-23 {
    margin-right: 95.8333333333%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-0 {
    margin-right: 0%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-1 {
    margin-right: 4.1666666667%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-2 {
    margin-right: 8.3333333333%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-3 {
    margin-right: 12.5%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-4 {
    margin-right: 16.6666666667%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-5 {
    margin-right: 20.8333333333%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-6 {
    margin-right: 25%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-7 {
    margin-right: 29.1666666667%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-8 {
    margin-right: 33.3333333333%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-9 {
    margin-right: 37.5%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-10 {
    margin-right: 41.6666666667%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-11 {
    margin-right: 45.8333333333%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-12 {
    margin-right: 50%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-13 {
    margin-right: 54.1666666667%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-14 {
    margin-right: 58.3333333333%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-15 {
    margin-right: 62.5%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-16 {
    margin-right: 66.6666666667%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-17 {
    margin-right: 70.8333333333%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-18 {
    margin-right: 75%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-19 {
    margin-right: 79.1666666667%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-20 {
    margin-right: 83.3333333333%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-21 {
    margin-right: 87.5%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-22 {
    margin-right: 91.6666666667%;
    float: right;
  }
}
@media (max-width: 480px) {
  .grid > .row > .off-r-xs-23 {
    margin-right: 95.8333333333%;
    float: right;
  }
}

.grid-css, .button-group-square-center, .button-group-2squares-center {
  display: grid;
  display: -ms-grid;
  width: 100%;
  grid-template-columns: repeat(24, 1fr);
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
}
.grid-css > *, .button-group-square-center > *, .button-group-2squares-center > * {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.grid-css > .col-xl-0-1, .button-group-square-center > .col-xl-0-1, .button-group-2squares-center > .col-xl-0-1 {
  grid-column: 1/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-2, .button-group-square-center > .col-xl-0-2, .button-group-2squares-center > .col-xl-0-2 {
  grid-column: 1/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-3, .button-group-square-center > .col-xl-0-3, .button-group-2squares-center > .col-xl-0-3 {
  grid-column: 1/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-4, .button-group-square-center > .col-xl-0-4, .button-group-2squares-center > .col-xl-0-4 {
  grid-column: 1/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-5, .button-group-square-center > .col-xl-0-5, .button-group-2squares-center > .col-xl-0-5 {
  grid-column: 1/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-6, .button-group-square-center > .col-xl-0-6, .button-group-2squares-center > .col-xl-0-6 {
  grid-column: 1/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-7, .button-group-square-center > .col-xl-0-7, .button-group-2squares-center > .col-xl-0-7 {
  grid-column: 1/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-8, .button-group-square-center > .col-xl-0-8, .button-group-2squares-center > .col-xl-0-8 {
  grid-column: 1/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-9, .button-group-square-center > .col-xl-0-9, .button-group-2squares-center > .col-xl-0-9 {
  grid-column: 1/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-10, .button-group-square-center > .col-xl-0-10, .button-group-2squares-center > .col-xl-0-10 {
  grid-column: 1/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-11, .button-group-square-center > .col-xl-0-11, .button-group-2squares-center > .col-xl-0-11 {
  grid-column: 1/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-12, .button-group-square-center > .col-xl-0-12, .button-group-2squares-center > .col-xl-0-12 {
  grid-column: 1/span 12;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-13, .button-group-square-center > .col-xl-0-13, .button-group-2squares-center > .col-xl-0-13 {
  grid-column: 1/span 13;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 13;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-14, .button-group-square-center > .col-xl-0-14, .button-group-2squares-center > .col-xl-0-14 {
  grid-column: 1/span 14;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 14;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-15, .button-group-square-center > .col-xl-0-15, .button-group-2squares-center > .col-xl-0-15 {
  grid-column: 1/span 15;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 15;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-16, .button-group-square-center > .col-xl-0-16, .button-group-2squares-center > .col-xl-0-16 {
  grid-column: 1/span 16;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 16;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-17, .button-group-square-center > .col-xl-0-17, .button-group-2squares-center > .col-xl-0-17 {
  grid-column: 1/span 17;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 17;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-18, .button-group-square-center > .col-xl-0-18, .button-group-2squares-center > .col-xl-0-18 {
  grid-column: 1/span 18;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 18;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-19, .button-group-square-center > .col-xl-0-19, .button-group-2squares-center > .col-xl-0-19 {
  grid-column: 1/span 19;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 19;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-20, .button-group-square-center > .col-xl-0-20, .button-group-2squares-center > .col-xl-0-20 {
  grid-column: 1/span 20;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 20;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-21, .button-group-square-center > .col-xl-0-21, .button-group-2squares-center > .col-xl-0-21 {
  grid-column: 1/span 21;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 21;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-22, .button-group-square-center > .col-xl-0-22, .button-group-2squares-center > .col-xl-0-22 {
  grid-column: 1/span 22;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 22;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-23, .button-group-square-center > .col-xl-0-23, .button-group-2squares-center > .col-xl-0-23 {
  grid-column: 1/span 23;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 23;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-0-24, .button-group-square-center > .col-xl-0-24, .button-group-2squares-center > .col-xl-0-24 {
  grid-column: 1/span 24;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 24;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-2, .button-group-square-center > .col-xl-1-2, .button-group-2squares-center > .col-xl-1-2 {
  grid-column: 2/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-3, .button-group-square-center > .col-xl-1-3, .button-group-2squares-center > .col-xl-1-3 {
  grid-column: 2/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-4, .button-group-square-center > .col-xl-1-4, .button-group-2squares-center > .col-xl-1-4 {
  grid-column: 2/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-5, .button-group-square-center > .col-xl-1-5, .button-group-2squares-center > .col-xl-1-5 {
  grid-column: 2/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-6, .button-group-square-center > .col-xl-1-6, .button-group-2squares-center > .col-xl-1-6 {
  grid-column: 2/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-7, .button-group-square-center > .col-xl-1-7, .button-group-2squares-center > .col-xl-1-7 {
  grid-column: 2/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-8, .button-group-square-center > .col-xl-1-8, .button-group-2squares-center > .col-xl-1-8 {
  grid-column: 2/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-9, .button-group-square-center > .col-xl-1-9, .button-group-2squares-center > .col-xl-1-9 {
  grid-column: 2/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-10, .button-group-square-center > .col-xl-1-10, .button-group-2squares-center > .col-xl-1-10 {
  grid-column: 2/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-11, .button-group-square-center > .col-xl-1-11, .button-group-2squares-center > .col-xl-1-11 {
  grid-column: 2/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-12, .button-group-square-center > .col-xl-1-12, .button-group-2squares-center > .col-xl-1-12 {
  grid-column: 2/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-13, .button-group-square-center > .col-xl-1-13, .button-group-2squares-center > .col-xl-1-13 {
  grid-column: 2/span 12;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 12;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-14, .button-group-square-center > .col-xl-1-14, .button-group-2squares-center > .col-xl-1-14 {
  grid-column: 2/span 13;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 13;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-15, .button-group-square-center > .col-xl-1-15, .button-group-2squares-center > .col-xl-1-15 {
  grid-column: 2/span 14;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 14;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-16, .button-group-square-center > .col-xl-1-16, .button-group-2squares-center > .col-xl-1-16 {
  grid-column: 2/span 15;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 15;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-17, .button-group-square-center > .col-xl-1-17, .button-group-2squares-center > .col-xl-1-17 {
  grid-column: 2/span 16;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 16;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-18, .button-group-square-center > .col-xl-1-18, .button-group-2squares-center > .col-xl-1-18 {
  grid-column: 2/span 17;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 17;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-19, .button-group-square-center > .col-xl-1-19, .button-group-2squares-center > .col-xl-1-19 {
  grid-column: 2/span 18;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 18;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-20, .button-group-square-center > .col-xl-1-20, .button-group-2squares-center > .col-xl-1-20 {
  grid-column: 2/span 19;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 19;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-21, .button-group-square-center > .col-xl-1-21, .button-group-2squares-center > .col-xl-1-21 {
  grid-column: 2/span 20;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 20;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-22, .button-group-square-center > .col-xl-1-22, .button-group-2squares-center > .col-xl-1-22 {
  grid-column: 2/span 21;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 21;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-23, .button-group-square-center > .col-xl-1-23, .button-group-2squares-center > .col-xl-1-23 {
  grid-column: 2/span 22;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 22;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-1-24, .button-group-square-center > .col-xl-1-24, .button-group-2squares-center > .col-xl-1-24 {
  grid-column: 2/span 23;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 23;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-3, .button-group-square-center > .col-xl-2-3, .button-group-2squares-center > .col-xl-2-3 {
  grid-column: 3/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-4, .button-group-square-center > .col-xl-2-4, .button-group-2squares-center > .col-xl-2-4 {
  grid-column: 3/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-5, .button-group-square-center > .col-xl-2-5, .button-group-2squares-center > .col-xl-2-5 {
  grid-column: 3/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-6, .button-group-square-center > .col-xl-2-6, .button-group-2squares-center > .col-xl-2-6 {
  grid-column: 3/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-7, .button-group-square-center > .col-xl-2-7, .button-group-2squares-center > .col-xl-2-7 {
  grid-column: 3/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-8, .button-group-square-center > .col-xl-2-8, .button-group-2squares-center > .col-xl-2-8 {
  grid-column: 3/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-9, .button-group-square-center > .col-xl-2-9, .button-group-2squares-center > .col-xl-2-9 {
  grid-column: 3/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-10, .button-group-square-center > .col-xl-2-10, .button-group-2squares-center > .col-xl-2-10 {
  grid-column: 3/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-11, .button-group-square-center > .col-xl-2-11, .button-group-2squares-center > .col-xl-2-11 {
  grid-column: 3/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-12, .button-group-square-center > .col-xl-2-12, .button-group-2squares-center > .col-xl-2-12 {
  grid-column: 3/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-13, .button-group-square-center > .col-xl-2-13, .button-group-2squares-center > .col-xl-2-13 {
  grid-column: 3/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-14, .button-group-square-center > .col-xl-2-14, .button-group-2squares-center > .col-xl-2-14 {
  grid-column: 3/span 12;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 12;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-15, .button-group-square-center > .col-xl-2-15, .button-group-2squares-center > .col-xl-2-15 {
  grid-column: 3/span 13;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 13;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-16, .button-group-square-center > .col-xl-2-16, .button-group-2squares-center > .col-xl-2-16 {
  grid-column: 3/span 14;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 14;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-17, .button-group-square-center > .col-xl-2-17, .button-group-2squares-center > .col-xl-2-17 {
  grid-column: 3/span 15;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 15;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-18, .button-group-square-center > .col-xl-2-18, .button-group-2squares-center > .col-xl-2-18 {
  grid-column: 3/span 16;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 16;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-19, .button-group-square-center > .col-xl-2-19, .button-group-2squares-center > .col-xl-2-19 {
  grid-column: 3/span 17;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 17;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-20, .button-group-square-center > .col-xl-2-20, .button-group-2squares-center > .col-xl-2-20 {
  grid-column: 3/span 18;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 18;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-21, .button-group-square-center > .col-xl-2-21, .button-group-2squares-center > .col-xl-2-21 {
  grid-column: 3/span 19;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 19;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-22, .button-group-square-center > .col-xl-2-22, .button-group-2squares-center > .col-xl-2-22 {
  grid-column: 3/span 20;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 20;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-23, .button-group-square-center > .col-xl-2-23, .button-group-2squares-center > .col-xl-2-23 {
  grid-column: 3/span 21;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 21;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-2-24, .button-group-square-center > .col-xl-2-24, .button-group-2squares-center > .col-xl-2-24 {
  grid-column: 3/span 22;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 22;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-4, .button-group-square-center > .col-xl-3-4, .button-group-2squares-center > .col-xl-3-4 {
  grid-column: 4/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-5, .button-group-square-center > .col-xl-3-5, .button-group-2squares-center > .col-xl-3-5 {
  grid-column: 4/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-6, .button-group-square-center > .col-xl-3-6, .button-group-2squares-center > .col-xl-3-6 {
  grid-column: 4/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-7, .button-group-square-center > .col-xl-3-7, .button-group-2squares-center > .col-xl-3-7 {
  grid-column: 4/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-8, .button-group-square-center > .col-xl-3-8, .button-group-2squares-center > .col-xl-3-8 {
  grid-column: 4/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-9, .button-group-square-center > .col-xl-3-9, .button-group-2squares-center > .col-xl-3-9 {
  grid-column: 4/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-10, .button-group-square-center > .col-xl-3-10, .button-group-2squares-center > .col-xl-3-10 {
  grid-column: 4/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-11, .button-group-square-center > .col-xl-3-11, .button-group-2squares-center > .col-xl-3-11 {
  grid-column: 4/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-12, .button-group-square-center > .col-xl-3-12, .button-group-2squares-center > .col-xl-3-12 {
  grid-column: 4/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-13, .button-group-square-center > .col-xl-3-13, .button-group-2squares-center > .col-xl-3-13 {
  grid-column: 4/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-14, .button-group-square-center > .col-xl-3-14, .button-group-2squares-center > .col-xl-3-14 {
  grid-column: 4/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-15, .button-group-square-center > .col-xl-3-15, .button-group-2squares-center > .col-xl-3-15 {
  grid-column: 4/span 12;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 12;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-16, .button-group-square-center > .col-xl-3-16, .button-group-2squares-center > .col-xl-3-16 {
  grid-column: 4/span 13;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 13;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-17, .button-group-square-center > .col-xl-3-17, .button-group-2squares-center > .col-xl-3-17 {
  grid-column: 4/span 14;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 14;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-18, .button-group-square-center > .col-xl-3-18, .button-group-2squares-center > .col-xl-3-18 {
  grid-column: 4/span 15;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 15;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-19, .button-group-square-center > .col-xl-3-19, .button-group-2squares-center > .col-xl-3-19 {
  grid-column: 4/span 16;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 16;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-20, .button-group-square-center > .col-xl-3-20, .button-group-2squares-center > .col-xl-3-20 {
  grid-column: 4/span 17;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 17;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-21, .button-group-square-center > .col-xl-3-21, .button-group-2squares-center > .col-xl-3-21 {
  grid-column: 4/span 18;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 18;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-22, .button-group-square-center > .col-xl-3-22, .button-group-2squares-center > .col-xl-3-22 {
  grid-column: 4/span 19;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 19;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-23, .button-group-square-center > .col-xl-3-23, .button-group-2squares-center > .col-xl-3-23 {
  grid-column: 4/span 20;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 20;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-3-24, .button-group-square-center > .col-xl-3-24, .button-group-2squares-center > .col-xl-3-24 {
  grid-column: 4/span 21;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 21;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-5, .button-group-square-center > .col-xl-4-5, .button-group-2squares-center > .col-xl-4-5 {
  grid-column: 5/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-6, .button-group-square-center > .col-xl-4-6, .button-group-2squares-center > .col-xl-4-6 {
  grid-column: 5/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-7, .button-group-square-center > .col-xl-4-7, .button-group-2squares-center > .col-xl-4-7 {
  grid-column: 5/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-8, .button-group-square-center > .col-xl-4-8, .button-group-2squares-center > .col-xl-4-8 {
  grid-column: 5/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-9, .button-group-square-center > .col-xl-4-9, .button-group-2squares-center > .col-xl-4-9 {
  grid-column: 5/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-10, .button-group-square-center > .col-xl-4-10, .button-group-2squares-center > .col-xl-4-10 {
  grid-column: 5/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-11, .button-group-square-center > .col-xl-4-11, .button-group-2squares-center > .col-xl-4-11 {
  grid-column: 5/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-12, .button-group-square-center > .col-xl-4-12, .button-group-2squares-center > .col-xl-4-12 {
  grid-column: 5/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-13, .button-group-square-center > .col-xl-4-13, .button-group-2squares-center > .col-xl-4-13 {
  grid-column: 5/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-14, .button-group-square-center > .col-xl-4-14, .button-group-2squares-center > .col-xl-4-14 {
  grid-column: 5/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-15, .button-group-square-center > .col-xl-4-15, .button-group-2squares-center > .col-xl-4-15 {
  grid-column: 5/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-16, .button-group-square-center > .col-xl-4-16, .button-group-2squares-center > .col-xl-4-16 {
  grid-column: 5/span 12;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 12;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-17, .button-group-square-center > .col-xl-4-17, .button-group-2squares-center > .col-xl-4-17 {
  grid-column: 5/span 13;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 13;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-18, .button-group-square-center > .col-xl-4-18, .button-group-2squares-center > .col-xl-4-18 {
  grid-column: 5/span 14;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 14;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-19, .button-group-square-center > .col-xl-4-19, .button-group-2squares-center > .col-xl-4-19 {
  grid-column: 5/span 15;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 15;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-20, .button-group-square-center > .col-xl-4-20, .button-group-2squares-center > .col-xl-4-20 {
  grid-column: 5/span 16;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 16;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-21, .button-group-square-center > .col-xl-4-21, .button-group-2squares-center > .col-xl-4-21 {
  grid-column: 5/span 17;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 17;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-22, .button-group-square-center > .col-xl-4-22, .button-group-2squares-center > .col-xl-4-22 {
  grid-column: 5/span 18;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 18;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-23, .button-group-square-center > .col-xl-4-23, .button-group-2squares-center > .col-xl-4-23 {
  grid-column: 5/span 19;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 19;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-4-24, .button-group-square-center > .col-xl-4-24, .button-group-2squares-center > .col-xl-4-24 {
  grid-column: 5/span 20;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 5;
  -ms-grid-column-span: 20;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-6, .button-group-square-center > .col-xl-5-6, .button-group-2squares-center > .col-xl-5-6 {
  grid-column: 6/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-7, .button-group-square-center > .col-xl-5-7, .button-group-2squares-center > .col-xl-5-7 {
  grid-column: 6/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-8, .button-group-square-center > .col-xl-5-8, .button-group-2squares-center > .col-xl-5-8 {
  grid-column: 6/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-9, .button-group-square-center > .col-xl-5-9, .button-group-2squares-center > .col-xl-5-9 {
  grid-column: 6/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-10, .button-group-square-center > .col-xl-5-10, .button-group-2squares-center > .col-xl-5-10 {
  grid-column: 6/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-11, .button-group-square-center > .col-xl-5-11, .button-group-2squares-center > .col-xl-5-11 {
  grid-column: 6/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-12, .button-group-square-center > .col-xl-5-12, .button-group-2squares-center > .col-xl-5-12 {
  grid-column: 6/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-13, .button-group-square-center > .col-xl-5-13, .button-group-2squares-center > .col-xl-5-13 {
  grid-column: 6/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-14, .button-group-square-center > .col-xl-5-14, .button-group-2squares-center > .col-xl-5-14 {
  grid-column: 6/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-15, .button-group-square-center > .col-xl-5-15, .button-group-2squares-center > .col-xl-5-15 {
  grid-column: 6/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-16, .button-group-square-center > .col-xl-5-16, .button-group-2squares-center > .col-xl-5-16 {
  grid-column: 6/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-17, .button-group-square-center > .col-xl-5-17, .button-group-2squares-center > .col-xl-5-17 {
  grid-column: 6/span 12;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 12;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-18, .button-group-square-center > .col-xl-5-18, .button-group-2squares-center > .col-xl-5-18 {
  grid-column: 6/span 13;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 13;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-19, .button-group-square-center > .col-xl-5-19, .button-group-2squares-center > .col-xl-5-19 {
  grid-column: 6/span 14;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 14;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-20, .button-group-square-center > .col-xl-5-20, .button-group-2squares-center > .col-xl-5-20 {
  grid-column: 6/span 15;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 15;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-21, .button-group-square-center > .col-xl-5-21, .button-group-2squares-center > .col-xl-5-21 {
  grid-column: 6/span 16;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 16;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-22, .button-group-square-center > .col-xl-5-22, .button-group-2squares-center > .col-xl-5-22 {
  grid-column: 6/span 17;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 17;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-23, .button-group-square-center > .col-xl-5-23, .button-group-2squares-center > .col-xl-5-23 {
  grid-column: 6/span 18;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 18;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-5-24, .button-group-square-center > .col-xl-5-24, .button-group-2squares-center > .col-xl-5-24 {
  grid-column: 6/span 19;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 19;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-7, .button-group-square-center > .col-xl-6-7, .button-group-2squares-center > .col-xl-6-7 {
  grid-column: 7/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-8, .button-group-square-center > .col-xl-6-8, .button-group-2squares-center > .col-xl-6-8 {
  grid-column: 7/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-9, .button-group-square-center > .col-xl-6-9, .button-group-2squares-center > .col-xl-6-9 {
  grid-column: 7/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-10, .button-group-square-center > .col-xl-6-10, .button-group-2squares-center > .col-xl-6-10 {
  grid-column: 7/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-11, .button-group-square-center > .col-xl-6-11, .button-group-2squares-center > .col-xl-6-11 {
  grid-column: 7/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-12, .button-group-square-center > .col-xl-6-12, .button-group-2squares-center > .col-xl-6-12 {
  grid-column: 7/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-13, .button-group-square-center > .col-xl-6-13, .button-group-2squares-center > .col-xl-6-13 {
  grid-column: 7/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-14, .button-group-square-center > .col-xl-6-14, .button-group-2squares-center > .col-xl-6-14 {
  grid-column: 7/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-15, .button-group-square-center > .col-xl-6-15, .button-group-2squares-center > .col-xl-6-15 {
  grid-column: 7/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-16, .button-group-square-center > .col-xl-6-16, .button-group-2squares-center > .col-xl-6-16 {
  grid-column: 7/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-17, .button-group-square-center > .col-xl-6-17, .button-group-2squares-center > .col-xl-6-17 {
  grid-column: 7/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-18, .button-group-square-center > .col-xl-6-18, .button-group-2squares-center > .col-xl-6-18 {
  grid-column: 7/span 12;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 12;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-19, .button-group-square-center > .col-xl-6-19, .button-group-2squares-center > .col-xl-6-19 {
  grid-column: 7/span 13;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 13;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-20, .button-group-square-center > .col-xl-6-20, .button-group-2squares-center > .col-xl-6-20 {
  grid-column: 7/span 14;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 14;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-21, .button-group-square-center > .col-xl-6-21, .button-group-2squares-center > .col-xl-6-21 {
  grid-column: 7/span 15;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 15;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-22, .button-group-square-center > .col-xl-6-22, .button-group-2squares-center > .col-xl-6-22 {
  grid-column: 7/span 16;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 16;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-23, .button-group-square-center > .col-xl-6-23, .button-group-2squares-center > .col-xl-6-23 {
  grid-column: 7/span 17;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 17;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-6-24, .button-group-square-center > .col-xl-6-24, .button-group-2squares-center > .col-xl-6-24 {
  grid-column: 7/span 18;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 7;
  -ms-grid-column-span: 18;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-8, .button-group-square-center > .col-xl-7-8, .button-group-2squares-center > .col-xl-7-8 {
  grid-column: 8/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-9, .button-group-square-center > .col-xl-7-9, .button-group-2squares-center > .col-xl-7-9 {
  grid-column: 8/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-10, .button-group-square-center > .col-xl-7-10, .button-group-2squares-center > .col-xl-7-10 {
  grid-column: 8/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-11, .button-group-square-center > .col-xl-7-11, .button-group-2squares-center > .col-xl-7-11 {
  grid-column: 8/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-12, .button-group-square-center > .col-xl-7-12, .button-group-2squares-center > .col-xl-7-12 {
  grid-column: 8/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-13, .button-group-square-center > .col-xl-7-13, .button-group-2squares-center > .col-xl-7-13 {
  grid-column: 8/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-14, .button-group-square-center > .col-xl-7-14, .button-group-2squares-center > .col-xl-7-14 {
  grid-column: 8/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-15, .button-group-square-center > .col-xl-7-15, .button-group-2squares-center > .col-xl-7-15 {
  grid-column: 8/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-16, .button-group-square-center > .col-xl-7-16, .button-group-2squares-center > .col-xl-7-16 {
  grid-column: 8/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-17, .button-group-square-center > .col-xl-7-17, .button-group-2squares-center > .col-xl-7-17 {
  grid-column: 8/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-18, .button-group-square-center > .col-xl-7-18, .button-group-2squares-center > .col-xl-7-18 {
  grid-column: 8/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-19, .button-group-square-center > .col-xl-7-19, .button-group-2squares-center > .col-xl-7-19 {
  grid-column: 8/span 12;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 12;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-20, .button-group-square-center > .col-xl-7-20, .button-group-2squares-center > .col-xl-7-20 {
  grid-column: 8/span 13;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 13;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-21, .button-group-square-center > .col-xl-7-21, .button-group-2squares-center > .col-xl-7-21 {
  grid-column: 8/span 14;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 14;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-22, .button-group-square-center > .col-xl-7-22, .button-group-2squares-center > .col-xl-7-22 {
  grid-column: 8/span 15;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 15;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-23, .button-group-square-center > .col-xl-7-23, .button-group-2squares-center > .col-xl-7-23 {
  grid-column: 8/span 16;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 16;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-7-24, .button-group-square-center > .col-xl-7-24, .button-group-2squares-center > .col-xl-7-24 {
  grid-column: 8/span 17;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 8;
  -ms-grid-column-span: 17;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-9, .button-group-square-center > .col-xl-8-9, .button-group-2squares-center > .col-xl-8-9 {
  grid-column: 9/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-10, .button-group-square-center > .col-xl-8-10, .button-group-2squares-center > .col-xl-8-10 {
  grid-column: 9/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-11, .button-group-square-center > .col-xl-8-11, .button-group-2squares-center > .col-xl-8-11 {
  grid-column: 9/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-12, .button-group-square-center > .col-xl-8-12, .button-group-2squares-center > .col-xl-8-12 {
  grid-column: 9/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-13, .button-group-square-center > .col-xl-8-13, .button-group-2squares-center > .col-xl-8-13 {
  grid-column: 9/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-14, .button-group-square-center > .col-xl-8-14, .button-group-2squares-center > .col-xl-8-14 {
  grid-column: 9/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-15, .button-group-square-center > .col-xl-8-15, .button-group-2squares-center > .col-xl-8-15 {
  grid-column: 9/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-16, .button-group-square-center > .col-xl-8-16, .button-group-2squares-center > .col-xl-8-16 {
  grid-column: 9/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-17, .button-group-square-center > .col-xl-8-17, .button-group-2squares-center > .col-xl-8-17 {
  grid-column: 9/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-18, .button-group-square-center > .col-xl-8-18, .button-group-2squares-center > .col-xl-8-18 {
  grid-column: 9/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-19, .button-group-square-center > .col-xl-8-19, .button-group-2squares-center > .col-xl-8-19 {
  grid-column: 9/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-20, .button-group-square-center > .col-xl-8-20, .button-group-2squares-center > .col-xl-8-20 {
  grid-column: 9/span 12;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 12;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-21, .button-group-square-center > .col-xl-8-21, .button-group-2squares-center > .col-xl-8-21 {
  grid-column: 9/span 13;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 13;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-22, .button-group-square-center > .col-xl-8-22, .button-group-2squares-center > .col-xl-8-22 {
  grid-column: 9/span 14;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 14;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-23, .button-group-square-center > .col-xl-8-23, .button-group-2squares-center > .col-xl-8-23 {
  grid-column: 9/span 15;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 15;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-8-24, .button-group-square-center > .col-xl-8-24, .button-group-2squares-center > .col-xl-8-24 {
  grid-column: 9/span 16;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 9;
  -ms-grid-column-span: 16;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-10, .button-group-square-center > .col-xl-9-10, .button-group-2squares-center > .col-xl-9-10 {
  grid-column: 10/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-11, .button-group-square-center > .col-xl-9-11, .button-group-2squares-center > .col-xl-9-11 {
  grid-column: 10/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-12, .button-group-square-center > .col-xl-9-12, .button-group-2squares-center > .col-xl-9-12 {
  grid-column: 10/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-13, .button-group-square-center > .col-xl-9-13, .button-group-2squares-center > .col-xl-9-13 {
  grid-column: 10/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-14, .button-group-square-center > .col-xl-9-14, .button-group-2squares-center > .col-xl-9-14 {
  grid-column: 10/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-15, .button-group-square-center > .col-xl-9-15, .button-group-2squares-center > .col-xl-9-15 {
  grid-column: 10/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-16, .button-group-square-center > .col-xl-9-16, .button-group-2squares-center > .col-xl-9-16 {
  grid-column: 10/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-17, .button-group-square-center > .col-xl-9-17, .button-group-2squares-center > .col-xl-9-17 {
  grid-column: 10/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-18, .button-group-square-center > .col-xl-9-18, .button-group-2squares-center > .col-xl-9-18 {
  grid-column: 10/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-19, .button-group-square-center > .col-xl-9-19, .button-group-2squares-center > .col-xl-9-19 {
  grid-column: 10/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-20, .button-group-square-center > .col-xl-9-20, .button-group-2squares-center > .col-xl-9-20 {
  grid-column: 10/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-21, .button-group-square-center > .col-xl-9-21, .button-group-2squares-center > .col-xl-9-21 {
  grid-column: 10/span 12;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 12;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-22, .button-group-square-center > .col-xl-9-22, .button-group-2squares-center > .col-xl-9-22 {
  grid-column: 10/span 13;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 13;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-23, .button-group-square-center > .col-xl-9-23, .button-group-2squares-center > .col-xl-9-23 {
  grid-column: 10/span 14;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 14;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-9-24, .button-group-square-center > .col-xl-9-24, .button-group-2squares-center > .col-xl-9-24 {
  grid-column: 10/span 15;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 10;
  -ms-grid-column-span: 15;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-11, .button-group-square-center > .col-xl-10-11, .button-group-2squares-center > .col-xl-10-11 {
  grid-column: 11/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-12, .button-group-square-center > .col-xl-10-12, .button-group-2squares-center > .col-xl-10-12 {
  grid-column: 11/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-13, .button-group-square-center > .col-xl-10-13, .button-group-2squares-center > .col-xl-10-13 {
  grid-column: 11/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-14, .button-group-square-center > .col-xl-10-14, .button-group-2squares-center > .col-xl-10-14 {
  grid-column: 11/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-15, .button-group-square-center > .col-xl-10-15, .button-group-2squares-center > .col-xl-10-15 {
  grid-column: 11/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-16, .button-group-square-center > .col-xl-10-16, .button-group-2squares-center > .col-xl-10-16 {
  grid-column: 11/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-17, .button-group-square-center > .col-xl-10-17, .button-group-2squares-center > .col-xl-10-17 {
  grid-column: 11/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-18, .button-group-square-center > .col-xl-10-18, .button-group-2squares-center > .col-xl-10-18 {
  grid-column: 11/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-19, .button-group-square-center > .col-xl-10-19, .button-group-2squares-center > .col-xl-10-19 {
  grid-column: 11/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-20, .button-group-square-center > .col-xl-10-20, .button-group-2squares-center > .col-xl-10-20 {
  grid-column: 11/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-21, .button-group-square-center > .col-xl-10-21, .button-group-2squares-center > .col-xl-10-21 {
  grid-column: 11/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-22, .button-group-square-center > .col-xl-10-22, .button-group-2squares-center > .col-xl-10-22 {
  grid-column: 11/span 12;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 12;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-23, .button-group-square-center > .col-xl-10-23, .button-group-2squares-center > .col-xl-10-23 {
  grid-column: 11/span 13;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 13;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-10-24, .button-group-square-center > .col-xl-10-24, .button-group-2squares-center > .col-xl-10-24 {
  grid-column: 11/span 14;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 11;
  -ms-grid-column-span: 14;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-11-12, .button-group-square-center > .col-xl-11-12, .button-group-2squares-center > .col-xl-11-12 {
  grid-column: 12/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 12;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-11-13, .button-group-square-center > .col-xl-11-13, .button-group-2squares-center > .col-xl-11-13 {
  grid-column: 12/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 12;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-11-14, .button-group-square-center > .col-xl-11-14, .button-group-2squares-center > .col-xl-11-14 {
  grid-column: 12/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 12;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-11-15, .button-group-square-center > .col-xl-11-15, .button-group-2squares-center > .col-xl-11-15 {
  grid-column: 12/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 12;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-11-16, .button-group-square-center > .col-xl-11-16, .button-group-2squares-center > .col-xl-11-16 {
  grid-column: 12/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 12;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-11-17, .button-group-square-center > .col-xl-11-17, .button-group-2squares-center > .col-xl-11-17 {
  grid-column: 12/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 12;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-11-18, .button-group-square-center > .col-xl-11-18, .button-group-2squares-center > .col-xl-11-18 {
  grid-column: 12/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 12;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-11-19, .button-group-square-center > .col-xl-11-19, .button-group-2squares-center > .col-xl-11-19 {
  grid-column: 12/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 12;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-11-20, .button-group-square-center > .col-xl-11-20, .button-group-2squares-center > .col-xl-11-20 {
  grid-column: 12/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 12;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-11-21, .button-group-square-center > .col-xl-11-21, .button-group-2squares-center > .col-xl-11-21 {
  grid-column: 12/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 12;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-11-22, .button-group-square-center > .col-xl-11-22, .button-group-2squares-center > .col-xl-11-22 {
  grid-column: 12/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 12;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-11-23, .button-group-square-center > .col-xl-11-23, .button-group-2squares-center > .col-xl-11-23 {
  grid-column: 12/span 12;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 12;
  -ms-grid-column-span: 12;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-11-24, .button-group-square-center > .col-xl-11-24, .button-group-2squares-center > .col-xl-11-24 {
  grid-column: 12/span 13;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 12;
  -ms-grid-column-span: 13;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-12-13, .button-group-square-center > .col-xl-12-13, .button-group-2squares-center > .col-xl-12-13 {
  grid-column: 13/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 13;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-12-14, .button-group-square-center > .col-xl-12-14, .button-group-2squares-center > .col-xl-12-14 {
  grid-column: 13/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 13;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-12-15, .button-group-square-center > .col-xl-12-15, .button-group-2squares-center > .col-xl-12-15 {
  grid-column: 13/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 13;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-12-16, .button-group-square-center > .col-xl-12-16, .button-group-2squares-center > .col-xl-12-16 {
  grid-column: 13/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 13;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-12-17, .button-group-square-center > .col-xl-12-17, .button-group-2squares-center > .col-xl-12-17 {
  grid-column: 13/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 13;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-12-18, .button-group-square-center > .col-xl-12-18, .button-group-2squares-center > .col-xl-12-18 {
  grid-column: 13/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 13;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-12-19, .button-group-square-center > .col-xl-12-19, .button-group-2squares-center > .col-xl-12-19 {
  grid-column: 13/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 13;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-12-20, .button-group-square-center > .col-xl-12-20, .button-group-2squares-center > .col-xl-12-20 {
  grid-column: 13/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 13;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-12-21, .button-group-square-center > .col-xl-12-21, .button-group-2squares-center > .col-xl-12-21 {
  grid-column: 13/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 13;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-12-22, .button-group-square-center > .col-xl-12-22, .button-group-2squares-center > .col-xl-12-22 {
  grid-column: 13/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 13;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-12-23, .button-group-square-center > .col-xl-12-23, .button-group-2squares-center > .col-xl-12-23 {
  grid-column: 13/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 13;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-12-24, .button-group-square-center > .col-xl-12-24, .button-group-2squares-center > .col-xl-12-24 {
  grid-column: 13/span 12;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 13;
  -ms-grid-column-span: 12;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-13-14, .button-group-square-center > .col-xl-13-14, .button-group-2squares-center > .col-xl-13-14 {
  grid-column: 14/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 14;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-13-15, .button-group-square-center > .col-xl-13-15, .button-group-2squares-center > .col-xl-13-15 {
  grid-column: 14/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 14;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-13-16, .button-group-square-center > .col-xl-13-16, .button-group-2squares-center > .col-xl-13-16 {
  grid-column: 14/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 14;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-13-17, .button-group-square-center > .col-xl-13-17, .button-group-2squares-center > .col-xl-13-17 {
  grid-column: 14/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 14;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-13-18, .button-group-square-center > .col-xl-13-18, .button-group-2squares-center > .col-xl-13-18 {
  grid-column: 14/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 14;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-13-19, .button-group-square-center > .col-xl-13-19, .button-group-2squares-center > .col-xl-13-19 {
  grid-column: 14/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 14;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-13-20, .button-group-square-center > .col-xl-13-20, .button-group-2squares-center > .col-xl-13-20 {
  grid-column: 14/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 14;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-13-21, .button-group-square-center > .col-xl-13-21, .button-group-2squares-center > .col-xl-13-21 {
  grid-column: 14/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 14;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-13-22, .button-group-square-center > .col-xl-13-22, .button-group-2squares-center > .col-xl-13-22 {
  grid-column: 14/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 14;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-13-23, .button-group-square-center > .col-xl-13-23, .button-group-2squares-center > .col-xl-13-23 {
  grid-column: 14/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 14;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-13-24, .button-group-square-center > .col-xl-13-24, .button-group-2squares-center > .col-xl-13-24 {
  grid-column: 14/span 11;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 14;
  -ms-grid-column-span: 11;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-14-15, .button-group-square-center > .col-xl-14-15, .button-group-2squares-center > .col-xl-14-15 {
  grid-column: 15/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 15;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-14-16, .button-group-square-center > .col-xl-14-16, .button-group-2squares-center > .col-xl-14-16 {
  grid-column: 15/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 15;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-14-17, .button-group-square-center > .col-xl-14-17, .button-group-2squares-center > .col-xl-14-17 {
  grid-column: 15/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 15;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-14-18, .button-group-square-center > .col-xl-14-18, .button-group-2squares-center > .col-xl-14-18 {
  grid-column: 15/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 15;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-14-19, .button-group-square-center > .col-xl-14-19, .button-group-2squares-center > .col-xl-14-19 {
  grid-column: 15/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 15;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-14-20, .button-group-square-center > .col-xl-14-20, .button-group-2squares-center > .col-xl-14-20 {
  grid-column: 15/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 15;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-14-21, .button-group-square-center > .col-xl-14-21, .button-group-2squares-center > .col-xl-14-21 {
  grid-column: 15/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 15;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-14-22, .button-group-square-center > .col-xl-14-22, .button-group-2squares-center > .col-xl-14-22 {
  grid-column: 15/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 15;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-14-23, .button-group-square-center > .col-xl-14-23, .button-group-2squares-center > .col-xl-14-23 {
  grid-column: 15/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 15;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-14-24, .button-group-square-center > .col-xl-14-24, .button-group-2squares-center > .col-xl-14-24 {
  grid-column: 15/span 10;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 15;
  -ms-grid-column-span: 10;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-15-16, .button-group-square-center > .col-xl-15-16, .button-group-2squares-center > .col-xl-15-16 {
  grid-column: 16/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 16;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-15-17, .button-group-square-center > .col-xl-15-17, .button-group-2squares-center > .col-xl-15-17 {
  grid-column: 16/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 16;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-15-18, .button-group-square-center > .col-xl-15-18, .button-group-2squares-center > .col-xl-15-18 {
  grid-column: 16/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 16;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-15-19, .button-group-square-center > .col-xl-15-19, .button-group-2squares-center > .col-xl-15-19 {
  grid-column: 16/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 16;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-15-20, .button-group-square-center > .col-xl-15-20, .button-group-2squares-center > .col-xl-15-20 {
  grid-column: 16/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 16;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-15-21, .button-group-square-center > .col-xl-15-21, .button-group-2squares-center > .col-xl-15-21 {
  grid-column: 16/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 16;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-15-22, .button-group-square-center > .col-xl-15-22, .button-group-2squares-center > .col-xl-15-22 {
  grid-column: 16/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 16;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-15-23, .button-group-square-center > .col-xl-15-23, .button-group-2squares-center > .col-xl-15-23 {
  grid-column: 16/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 16;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-15-24, .button-group-square-center > .col-xl-15-24, .button-group-2squares-center > .col-xl-15-24 {
  grid-column: 16/span 9;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 16;
  -ms-grid-column-span: 9;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-16-17, .button-group-square-center > .col-xl-16-17, .button-group-2squares-center > .col-xl-16-17 {
  grid-column: 17/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 17;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-16-18, .button-group-square-center > .col-xl-16-18, .button-group-2squares-center > .col-xl-16-18 {
  grid-column: 17/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 17;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-16-19, .button-group-square-center > .col-xl-16-19, .button-group-2squares-center > .col-xl-16-19 {
  grid-column: 17/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 17;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-16-20, .button-group-square-center > .col-xl-16-20, .button-group-2squares-center > .col-xl-16-20 {
  grid-column: 17/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 17;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-16-21, .button-group-square-center > .col-xl-16-21, .button-group-2squares-center > .col-xl-16-21 {
  grid-column: 17/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 17;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-16-22, .button-group-square-center > .col-xl-16-22, .button-group-2squares-center > .col-xl-16-22 {
  grid-column: 17/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 17;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-16-23, .button-group-square-center > .col-xl-16-23, .button-group-2squares-center > .col-xl-16-23 {
  grid-column: 17/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 17;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-16-24, .button-group-square-center > .col-xl-16-24, .button-group-2squares-center > .col-xl-16-24 {
  grid-column: 17/span 8;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 17;
  -ms-grid-column-span: 8;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-17-18, .button-group-square-center > .col-xl-17-18, .button-group-2squares-center > .col-xl-17-18 {
  grid-column: 18/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 18;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-17-19, .button-group-square-center > .col-xl-17-19, .button-group-2squares-center > .col-xl-17-19 {
  grid-column: 18/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 18;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-17-20, .button-group-square-center > .col-xl-17-20, .button-group-2squares-center > .col-xl-17-20 {
  grid-column: 18/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 18;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-17-21, .button-group-square-center > .col-xl-17-21, .button-group-2squares-center > .col-xl-17-21 {
  grid-column: 18/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 18;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-17-22, .button-group-square-center > .col-xl-17-22, .button-group-2squares-center > .col-xl-17-22 {
  grid-column: 18/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 18;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-17-23, .button-group-square-center > .col-xl-17-23, .button-group-2squares-center > .col-xl-17-23 {
  grid-column: 18/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 18;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-17-24, .button-group-square-center > .col-xl-17-24, .button-group-2squares-center > .col-xl-17-24 {
  grid-column: 18/span 7;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 18;
  -ms-grid-column-span: 7;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-18-19, .button-group-square-center > .col-xl-18-19, .button-group-2squares-center > .col-xl-18-19 {
  grid-column: 19/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 19;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-18-20, .button-group-square-center > .col-xl-18-20, .button-group-2squares-center > .col-xl-18-20 {
  grid-column: 19/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 19;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-18-21, .button-group-square-center > .col-xl-18-21, .button-group-2squares-center > .col-xl-18-21 {
  grid-column: 19/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 19;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-18-22, .button-group-square-center > .col-xl-18-22, .button-group-2squares-center > .col-xl-18-22 {
  grid-column: 19/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 19;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-18-23, .button-group-square-center > .col-xl-18-23, .button-group-2squares-center > .col-xl-18-23 {
  grid-column: 19/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 19;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-18-24, .button-group-square-center > .col-xl-18-24, .button-group-2squares-center > .col-xl-18-24 {
  grid-column: 19/span 6;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 19;
  -ms-grid-column-span: 6;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-19-20, .button-group-square-center > .col-xl-19-20, .button-group-2squares-center > .col-xl-19-20 {
  grid-column: 20/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 20;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-19-21, .button-group-square-center > .col-xl-19-21, .button-group-2squares-center > .col-xl-19-21 {
  grid-column: 20/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 20;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-19-22, .button-group-square-center > .col-xl-19-22, .button-group-2squares-center > .col-xl-19-22 {
  grid-column: 20/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 20;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-19-23, .button-group-square-center > .col-xl-19-23, .button-group-2squares-center > .col-xl-19-23 {
  grid-column: 20/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 20;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-19-24, .button-group-square-center > .col-xl-19-24, .button-group-2squares-center > .col-xl-19-24 {
  grid-column: 20/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 20;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-20-21, .button-group-square-center > .col-xl-20-21, .button-group-2squares-center > .col-xl-20-21 {
  grid-column: 21/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 21;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-20-22, .button-group-square-center > .col-xl-20-22, .button-group-2squares-center > .col-xl-20-22 {
  grid-column: 21/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 21;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-20-23, .button-group-square-center > .col-xl-20-23, .button-group-2squares-center > .col-xl-20-23 {
  grid-column: 21/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 21;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-20-24, .button-group-square-center > .col-xl-20-24, .button-group-2squares-center > .col-xl-20-24 {
  grid-column: 21/span 4;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 21;
  -ms-grid-column-span: 4;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-21-22, .button-group-square-center > .col-xl-21-22, .button-group-2squares-center > .col-xl-21-22 {
  grid-column: 22/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 22;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-21-23, .button-group-square-center > .col-xl-21-23, .button-group-2squares-center > .col-xl-21-23 {
  grid-column: 22/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 22;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-21-24, .button-group-square-center > .col-xl-21-24, .button-group-2squares-center > .col-xl-21-24 {
  grid-column: 22/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 22;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-22-23, .button-group-square-center > .col-xl-22-23, .button-group-2squares-center > .col-xl-22-23 {
  grid-column: 23/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 23;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-22-24, .button-group-square-center > .col-xl-22-24, .button-group-2squares-center > .col-xl-22-24 {
  grid-column: 23/span 2;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 23;
  -ms-grid-column-span: 2;
  -ms-grid-column-align: stretch;
}
.grid-css > .col-xl-23-24, .button-group-square-center > .col-xl-23-24, .button-group-2squares-center > .col-xl-23-24 {
  grid-column: 24/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 24;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-1, .button-group-square-center > .col-l-0-1, .button-group-2squares-center > .col-l-0-1 {
    grid-column: 1/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-2, .button-group-square-center > .col-l-0-2, .button-group-2squares-center > .col-l-0-2 {
    grid-column: 1/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-3, .button-group-square-center > .col-l-0-3, .button-group-2squares-center > .col-l-0-3 {
    grid-column: 1/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-4, .button-group-square-center > .col-l-0-4, .button-group-2squares-center > .col-l-0-4 {
    grid-column: 1/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-5, .button-group-square-center > .col-l-0-5, .button-group-2squares-center > .col-l-0-5 {
    grid-column: 1/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-6, .button-group-square-center > .col-l-0-6, .button-group-2squares-center > .col-l-0-6 {
    grid-column: 1/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-7, .button-group-square-center > .col-l-0-7, .button-group-2squares-center > .col-l-0-7 {
    grid-column: 1/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-8, .button-group-square-center > .col-l-0-8, .button-group-2squares-center > .col-l-0-8 {
    grid-column: 1/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-9, .button-group-square-center > .col-l-0-9, .button-group-2squares-center > .col-l-0-9 {
    grid-column: 1/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-10, .button-group-square-center > .col-l-0-10, .button-group-2squares-center > .col-l-0-10 {
    grid-column: 1/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-11, .button-group-square-center > .col-l-0-11, .button-group-2squares-center > .col-l-0-11 {
    grid-column: 1/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-12, .button-group-square-center > .col-l-0-12, .button-group-2squares-center > .col-l-0-12 {
    grid-column: 1/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-13, .button-group-square-center > .col-l-0-13, .button-group-2squares-center > .col-l-0-13 {
    grid-column: 1/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-14, .button-group-square-center > .col-l-0-14, .button-group-2squares-center > .col-l-0-14 {
    grid-column: 1/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-15, .button-group-square-center > .col-l-0-15, .button-group-2squares-center > .col-l-0-15 {
    grid-column: 1/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-16, .button-group-square-center > .col-l-0-16, .button-group-2squares-center > .col-l-0-16 {
    grid-column: 1/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-17, .button-group-square-center > .col-l-0-17, .button-group-2squares-center > .col-l-0-17 {
    grid-column: 1/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-18, .button-group-square-center > .col-l-0-18, .button-group-2squares-center > .col-l-0-18 {
    grid-column: 1/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-19, .button-group-square-center > .col-l-0-19, .button-group-2squares-center > .col-l-0-19 {
    grid-column: 1/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-20, .button-group-square-center > .col-l-0-20, .button-group-2squares-center > .col-l-0-20 {
    grid-column: 1/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-21, .button-group-square-center > .col-l-0-21, .button-group-2squares-center > .col-l-0-21 {
    grid-column: 1/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-22, .button-group-square-center > .col-l-0-22, .button-group-2squares-center > .col-l-0-22 {
    grid-column: 1/span 22;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 22;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-23, .button-group-square-center > .col-l-0-23, .button-group-2squares-center > .col-l-0-23 {
    grid-column: 1/span 23;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-0-24, .button-group-square-center > .col-l-0-24, .button-group-2squares-center > .col-l-0-24 {
    grid-column: 1/span 24;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 24;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-2, .button-group-square-center > .col-l-1-2, .button-group-2squares-center > .col-l-1-2 {
    grid-column: 2/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-3, .button-group-square-center > .col-l-1-3, .button-group-2squares-center > .col-l-1-3 {
    grid-column: 2/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-4, .button-group-square-center > .col-l-1-4, .button-group-2squares-center > .col-l-1-4 {
    grid-column: 2/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-5, .button-group-square-center > .col-l-1-5, .button-group-2squares-center > .col-l-1-5 {
    grid-column: 2/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-6, .button-group-square-center > .col-l-1-6, .button-group-2squares-center > .col-l-1-6 {
    grid-column: 2/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-7, .button-group-square-center > .col-l-1-7, .button-group-2squares-center > .col-l-1-7 {
    grid-column: 2/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-8, .button-group-square-center > .col-l-1-8, .button-group-2squares-center > .col-l-1-8 {
    grid-column: 2/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-9, .button-group-square-center > .col-l-1-9, .button-group-2squares-center > .col-l-1-9 {
    grid-column: 2/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-10, .button-group-square-center > .col-l-1-10, .button-group-2squares-center > .col-l-1-10 {
    grid-column: 2/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-11, .button-group-square-center > .col-l-1-11, .button-group-2squares-center > .col-l-1-11 {
    grid-column: 2/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-12, .button-group-square-center > .col-l-1-12, .button-group-2squares-center > .col-l-1-12 {
    grid-column: 2/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-13, .button-group-square-center > .col-l-1-13, .button-group-2squares-center > .col-l-1-13 {
    grid-column: 2/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-14, .button-group-square-center > .col-l-1-14, .button-group-2squares-center > .col-l-1-14 {
    grid-column: 2/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-15, .button-group-square-center > .col-l-1-15, .button-group-2squares-center > .col-l-1-15 {
    grid-column: 2/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-16, .button-group-square-center > .col-l-1-16, .button-group-2squares-center > .col-l-1-16 {
    grid-column: 2/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-17, .button-group-square-center > .col-l-1-17, .button-group-2squares-center > .col-l-1-17 {
    grid-column: 2/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-18, .button-group-square-center > .col-l-1-18, .button-group-2squares-center > .col-l-1-18 {
    grid-column: 2/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-19, .button-group-square-center > .col-l-1-19, .button-group-2squares-center > .col-l-1-19 {
    grid-column: 2/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-20, .button-group-square-center > .col-l-1-20, .button-group-2squares-center > .col-l-1-20 {
    grid-column: 2/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-21, .button-group-square-center > .col-l-1-21, .button-group-2squares-center > .col-l-1-21 {
    grid-column: 2/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-22, .button-group-square-center > .col-l-1-22, .button-group-2squares-center > .col-l-1-22 {
    grid-column: 2/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-23, .button-group-square-center > .col-l-1-23, .button-group-2squares-center > .col-l-1-23 {
    grid-column: 2/span 22;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 22;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-1-24, .button-group-square-center > .col-l-1-24, .button-group-2squares-center > .col-l-1-24 {
    grid-column: 2/span 23;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 23;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-3, .button-group-square-center > .col-l-2-3, .button-group-2squares-center > .col-l-2-3 {
    grid-column: 3/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-4, .button-group-square-center > .col-l-2-4, .button-group-2squares-center > .col-l-2-4 {
    grid-column: 3/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-5, .button-group-square-center > .col-l-2-5, .button-group-2squares-center > .col-l-2-5 {
    grid-column: 3/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-6, .button-group-square-center > .col-l-2-6, .button-group-2squares-center > .col-l-2-6 {
    grid-column: 3/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-7, .button-group-square-center > .col-l-2-7, .button-group-2squares-center > .col-l-2-7 {
    grid-column: 3/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-8, .button-group-square-center > .col-l-2-8, .button-group-2squares-center > .col-l-2-8 {
    grid-column: 3/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-9, .button-group-square-center > .col-l-2-9, .button-group-2squares-center > .col-l-2-9 {
    grid-column: 3/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-10, .button-group-square-center > .col-l-2-10, .button-group-2squares-center > .col-l-2-10 {
    grid-column: 3/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-11, .button-group-square-center > .col-l-2-11, .button-group-2squares-center > .col-l-2-11 {
    grid-column: 3/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-12, .button-group-square-center > .col-l-2-12, .button-group-2squares-center > .col-l-2-12 {
    grid-column: 3/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-13, .button-group-square-center > .col-l-2-13, .button-group-2squares-center > .col-l-2-13 {
    grid-column: 3/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-14, .button-group-square-center > .col-l-2-14, .button-group-2squares-center > .col-l-2-14 {
    grid-column: 3/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-15, .button-group-square-center > .col-l-2-15, .button-group-2squares-center > .col-l-2-15 {
    grid-column: 3/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-16, .button-group-square-center > .col-l-2-16, .button-group-2squares-center > .col-l-2-16 {
    grid-column: 3/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-17, .button-group-square-center > .col-l-2-17, .button-group-2squares-center > .col-l-2-17 {
    grid-column: 3/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-18, .button-group-square-center > .col-l-2-18, .button-group-2squares-center > .col-l-2-18 {
    grid-column: 3/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-19, .button-group-square-center > .col-l-2-19, .button-group-2squares-center > .col-l-2-19 {
    grid-column: 3/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-20, .button-group-square-center > .col-l-2-20, .button-group-2squares-center > .col-l-2-20 {
    grid-column: 3/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-21, .button-group-square-center > .col-l-2-21, .button-group-2squares-center > .col-l-2-21 {
    grid-column: 3/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-22, .button-group-square-center > .col-l-2-22, .button-group-2squares-center > .col-l-2-22 {
    grid-column: 3/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-23, .button-group-square-center > .col-l-2-23, .button-group-2squares-center > .col-l-2-23 {
    grid-column: 3/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-2-24, .button-group-square-center > .col-l-2-24, .button-group-2squares-center > .col-l-2-24 {
    grid-column: 3/span 22;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 22;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-4, .button-group-square-center > .col-l-3-4, .button-group-2squares-center > .col-l-3-4 {
    grid-column: 4/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-5, .button-group-square-center > .col-l-3-5, .button-group-2squares-center > .col-l-3-5 {
    grid-column: 4/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-6, .button-group-square-center > .col-l-3-6, .button-group-2squares-center > .col-l-3-6 {
    grid-column: 4/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-7, .button-group-square-center > .col-l-3-7, .button-group-2squares-center > .col-l-3-7 {
    grid-column: 4/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-8, .button-group-square-center > .col-l-3-8, .button-group-2squares-center > .col-l-3-8 {
    grid-column: 4/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-9, .button-group-square-center > .col-l-3-9, .button-group-2squares-center > .col-l-3-9 {
    grid-column: 4/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-10, .button-group-square-center > .col-l-3-10, .button-group-2squares-center > .col-l-3-10 {
    grid-column: 4/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-11, .button-group-square-center > .col-l-3-11, .button-group-2squares-center > .col-l-3-11 {
    grid-column: 4/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-12, .button-group-square-center > .col-l-3-12, .button-group-2squares-center > .col-l-3-12 {
    grid-column: 4/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-13, .button-group-square-center > .col-l-3-13, .button-group-2squares-center > .col-l-3-13 {
    grid-column: 4/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-14, .button-group-square-center > .col-l-3-14, .button-group-2squares-center > .col-l-3-14 {
    grid-column: 4/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-15, .button-group-square-center > .col-l-3-15, .button-group-2squares-center > .col-l-3-15 {
    grid-column: 4/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-16, .button-group-square-center > .col-l-3-16, .button-group-2squares-center > .col-l-3-16 {
    grid-column: 4/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-17, .button-group-square-center > .col-l-3-17, .button-group-2squares-center > .col-l-3-17 {
    grid-column: 4/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-18, .button-group-square-center > .col-l-3-18, .button-group-2squares-center > .col-l-3-18 {
    grid-column: 4/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-19, .button-group-square-center > .col-l-3-19, .button-group-2squares-center > .col-l-3-19 {
    grid-column: 4/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-20, .button-group-square-center > .col-l-3-20, .button-group-2squares-center > .col-l-3-20 {
    grid-column: 4/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-21, .button-group-square-center > .col-l-3-21, .button-group-2squares-center > .col-l-3-21 {
    grid-column: 4/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-22, .button-group-square-center > .col-l-3-22, .button-group-2squares-center > .col-l-3-22 {
    grid-column: 4/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-23, .button-group-square-center > .col-l-3-23, .button-group-2squares-center > .col-l-3-23 {
    grid-column: 4/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-3-24, .button-group-square-center > .col-l-3-24, .button-group-2squares-center > .col-l-3-24 {
    grid-column: 4/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-5, .button-group-square-center > .col-l-4-5, .button-group-2squares-center > .col-l-4-5 {
    grid-column: 5/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-6, .button-group-square-center > .col-l-4-6, .button-group-2squares-center > .col-l-4-6 {
    grid-column: 5/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-7, .button-group-square-center > .col-l-4-7, .button-group-2squares-center > .col-l-4-7 {
    grid-column: 5/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-8, .button-group-square-center > .col-l-4-8, .button-group-2squares-center > .col-l-4-8 {
    grid-column: 5/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-9, .button-group-square-center > .col-l-4-9, .button-group-2squares-center > .col-l-4-9 {
    grid-column: 5/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-10, .button-group-square-center > .col-l-4-10, .button-group-2squares-center > .col-l-4-10 {
    grid-column: 5/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-11, .button-group-square-center > .col-l-4-11, .button-group-2squares-center > .col-l-4-11 {
    grid-column: 5/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-12, .button-group-square-center > .col-l-4-12, .button-group-2squares-center > .col-l-4-12 {
    grid-column: 5/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-13, .button-group-square-center > .col-l-4-13, .button-group-2squares-center > .col-l-4-13 {
    grid-column: 5/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-14, .button-group-square-center > .col-l-4-14, .button-group-2squares-center > .col-l-4-14 {
    grid-column: 5/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-15, .button-group-square-center > .col-l-4-15, .button-group-2squares-center > .col-l-4-15 {
    grid-column: 5/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-16, .button-group-square-center > .col-l-4-16, .button-group-2squares-center > .col-l-4-16 {
    grid-column: 5/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-17, .button-group-square-center > .col-l-4-17, .button-group-2squares-center > .col-l-4-17 {
    grid-column: 5/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-18, .button-group-square-center > .col-l-4-18, .button-group-2squares-center > .col-l-4-18 {
    grid-column: 5/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-19, .button-group-square-center > .col-l-4-19, .button-group-2squares-center > .col-l-4-19 {
    grid-column: 5/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-20, .button-group-square-center > .col-l-4-20, .button-group-2squares-center > .col-l-4-20 {
    grid-column: 5/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-21, .button-group-square-center > .col-l-4-21, .button-group-2squares-center > .col-l-4-21 {
    grid-column: 5/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-22, .button-group-square-center > .col-l-4-22, .button-group-2squares-center > .col-l-4-22 {
    grid-column: 5/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-23, .button-group-square-center > .col-l-4-23, .button-group-2squares-center > .col-l-4-23 {
    grid-column: 5/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-4-24, .button-group-square-center > .col-l-4-24, .button-group-2squares-center > .col-l-4-24 {
    grid-column: 5/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-6, .button-group-square-center > .col-l-5-6, .button-group-2squares-center > .col-l-5-6 {
    grid-column: 6/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-7, .button-group-square-center > .col-l-5-7, .button-group-2squares-center > .col-l-5-7 {
    grid-column: 6/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-8, .button-group-square-center > .col-l-5-8, .button-group-2squares-center > .col-l-5-8 {
    grid-column: 6/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-9, .button-group-square-center > .col-l-5-9, .button-group-2squares-center > .col-l-5-9 {
    grid-column: 6/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-10, .button-group-square-center > .col-l-5-10, .button-group-2squares-center > .col-l-5-10 {
    grid-column: 6/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-11, .button-group-square-center > .col-l-5-11, .button-group-2squares-center > .col-l-5-11 {
    grid-column: 6/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-12, .button-group-square-center > .col-l-5-12, .button-group-2squares-center > .col-l-5-12 {
    grid-column: 6/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-13, .button-group-square-center > .col-l-5-13, .button-group-2squares-center > .col-l-5-13 {
    grid-column: 6/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-14, .button-group-square-center > .col-l-5-14, .button-group-2squares-center > .col-l-5-14 {
    grid-column: 6/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-15, .button-group-square-center > .col-l-5-15, .button-group-2squares-center > .col-l-5-15 {
    grid-column: 6/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-16, .button-group-square-center > .col-l-5-16, .button-group-2squares-center > .col-l-5-16 {
    grid-column: 6/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-17, .button-group-square-center > .col-l-5-17, .button-group-2squares-center > .col-l-5-17 {
    grid-column: 6/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-18, .button-group-square-center > .col-l-5-18, .button-group-2squares-center > .col-l-5-18 {
    grid-column: 6/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-19, .button-group-square-center > .col-l-5-19, .button-group-2squares-center > .col-l-5-19 {
    grid-column: 6/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-20, .button-group-square-center > .col-l-5-20, .button-group-2squares-center > .col-l-5-20 {
    grid-column: 6/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-21, .button-group-square-center > .col-l-5-21, .button-group-2squares-center > .col-l-5-21 {
    grid-column: 6/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-22, .button-group-square-center > .col-l-5-22, .button-group-2squares-center > .col-l-5-22 {
    grid-column: 6/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-23, .button-group-square-center > .col-l-5-23, .button-group-2squares-center > .col-l-5-23 {
    grid-column: 6/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-5-24, .button-group-square-center > .col-l-5-24, .button-group-2squares-center > .col-l-5-24 {
    grid-column: 6/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-7, .button-group-square-center > .col-l-6-7, .button-group-2squares-center > .col-l-6-7 {
    grid-column: 7/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-8, .button-group-square-center > .col-l-6-8, .button-group-2squares-center > .col-l-6-8 {
    grid-column: 7/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-9, .button-group-square-center > .col-l-6-9, .button-group-2squares-center > .col-l-6-9 {
    grid-column: 7/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-10, .button-group-square-center > .col-l-6-10, .button-group-2squares-center > .col-l-6-10 {
    grid-column: 7/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-11, .button-group-square-center > .col-l-6-11, .button-group-2squares-center > .col-l-6-11 {
    grid-column: 7/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-12, .button-group-square-center > .col-l-6-12, .button-group-2squares-center > .col-l-6-12 {
    grid-column: 7/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-13, .button-group-square-center > .col-l-6-13, .button-group-2squares-center > .col-l-6-13 {
    grid-column: 7/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-14, .button-group-square-center > .col-l-6-14, .button-group-2squares-center > .col-l-6-14 {
    grid-column: 7/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-15, .button-group-square-center > .col-l-6-15, .button-group-2squares-center > .col-l-6-15 {
    grid-column: 7/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-16, .button-group-square-center > .col-l-6-16, .button-group-2squares-center > .col-l-6-16 {
    grid-column: 7/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-17, .button-group-square-center > .col-l-6-17, .button-group-2squares-center > .col-l-6-17 {
    grid-column: 7/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-18, .button-group-square-center > .col-l-6-18, .button-group-2squares-center > .col-l-6-18 {
    grid-column: 7/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-19, .button-group-square-center > .col-l-6-19, .button-group-2squares-center > .col-l-6-19 {
    grid-column: 7/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-20, .button-group-square-center > .col-l-6-20, .button-group-2squares-center > .col-l-6-20 {
    grid-column: 7/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-21, .button-group-square-center > .col-l-6-21, .button-group-2squares-center > .col-l-6-21 {
    grid-column: 7/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-22, .button-group-square-center > .col-l-6-22, .button-group-2squares-center > .col-l-6-22 {
    grid-column: 7/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-23, .button-group-square-center > .col-l-6-23, .button-group-2squares-center > .col-l-6-23 {
    grid-column: 7/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-6-24, .button-group-square-center > .col-l-6-24, .button-group-2squares-center > .col-l-6-24 {
    grid-column: 7/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-8, .button-group-square-center > .col-l-7-8, .button-group-2squares-center > .col-l-7-8 {
    grid-column: 8/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-9, .button-group-square-center > .col-l-7-9, .button-group-2squares-center > .col-l-7-9 {
    grid-column: 8/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-10, .button-group-square-center > .col-l-7-10, .button-group-2squares-center > .col-l-7-10 {
    grid-column: 8/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-11, .button-group-square-center > .col-l-7-11, .button-group-2squares-center > .col-l-7-11 {
    grid-column: 8/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-12, .button-group-square-center > .col-l-7-12, .button-group-2squares-center > .col-l-7-12 {
    grid-column: 8/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-13, .button-group-square-center > .col-l-7-13, .button-group-2squares-center > .col-l-7-13 {
    grid-column: 8/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-14, .button-group-square-center > .col-l-7-14, .button-group-2squares-center > .col-l-7-14 {
    grid-column: 8/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-15, .button-group-square-center > .col-l-7-15, .button-group-2squares-center > .col-l-7-15 {
    grid-column: 8/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-16, .button-group-square-center > .col-l-7-16, .button-group-2squares-center > .col-l-7-16 {
    grid-column: 8/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-17, .button-group-square-center > .col-l-7-17, .button-group-2squares-center > .col-l-7-17 {
    grid-column: 8/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-18, .button-group-square-center > .col-l-7-18, .button-group-2squares-center > .col-l-7-18 {
    grid-column: 8/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-19, .button-group-square-center > .col-l-7-19, .button-group-2squares-center > .col-l-7-19 {
    grid-column: 8/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-20, .button-group-square-center > .col-l-7-20, .button-group-2squares-center > .col-l-7-20 {
    grid-column: 8/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-21, .button-group-square-center > .col-l-7-21, .button-group-2squares-center > .col-l-7-21 {
    grid-column: 8/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-22, .button-group-square-center > .col-l-7-22, .button-group-2squares-center > .col-l-7-22 {
    grid-column: 8/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-23, .button-group-square-center > .col-l-7-23, .button-group-2squares-center > .col-l-7-23 {
    grid-column: 8/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-7-24, .button-group-square-center > .col-l-7-24, .button-group-2squares-center > .col-l-7-24 {
    grid-column: 8/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-9, .button-group-square-center > .col-l-8-9, .button-group-2squares-center > .col-l-8-9 {
    grid-column: 9/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-10, .button-group-square-center > .col-l-8-10, .button-group-2squares-center > .col-l-8-10 {
    grid-column: 9/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-11, .button-group-square-center > .col-l-8-11, .button-group-2squares-center > .col-l-8-11 {
    grid-column: 9/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-12, .button-group-square-center > .col-l-8-12, .button-group-2squares-center > .col-l-8-12 {
    grid-column: 9/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-13, .button-group-square-center > .col-l-8-13, .button-group-2squares-center > .col-l-8-13 {
    grid-column: 9/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-14, .button-group-square-center > .col-l-8-14, .button-group-2squares-center > .col-l-8-14 {
    grid-column: 9/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-15, .button-group-square-center > .col-l-8-15, .button-group-2squares-center > .col-l-8-15 {
    grid-column: 9/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-16, .button-group-square-center > .col-l-8-16, .button-group-2squares-center > .col-l-8-16 {
    grid-column: 9/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-17, .button-group-square-center > .col-l-8-17, .button-group-2squares-center > .col-l-8-17 {
    grid-column: 9/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-18, .button-group-square-center > .col-l-8-18, .button-group-2squares-center > .col-l-8-18 {
    grid-column: 9/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-19, .button-group-square-center > .col-l-8-19, .button-group-2squares-center > .col-l-8-19 {
    grid-column: 9/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-20, .button-group-square-center > .col-l-8-20, .button-group-2squares-center > .col-l-8-20 {
    grid-column: 9/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-21, .button-group-square-center > .col-l-8-21, .button-group-2squares-center > .col-l-8-21 {
    grid-column: 9/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-22, .button-group-square-center > .col-l-8-22, .button-group-2squares-center > .col-l-8-22 {
    grid-column: 9/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-23, .button-group-square-center > .col-l-8-23, .button-group-2squares-center > .col-l-8-23 {
    grid-column: 9/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-8-24, .button-group-square-center > .col-l-8-24, .button-group-2squares-center > .col-l-8-24 {
    grid-column: 9/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-10, .button-group-square-center > .col-l-9-10, .button-group-2squares-center > .col-l-9-10 {
    grid-column: 10/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-11, .button-group-square-center > .col-l-9-11, .button-group-2squares-center > .col-l-9-11 {
    grid-column: 10/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-12, .button-group-square-center > .col-l-9-12, .button-group-2squares-center > .col-l-9-12 {
    grid-column: 10/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-13, .button-group-square-center > .col-l-9-13, .button-group-2squares-center > .col-l-9-13 {
    grid-column: 10/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-14, .button-group-square-center > .col-l-9-14, .button-group-2squares-center > .col-l-9-14 {
    grid-column: 10/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-15, .button-group-square-center > .col-l-9-15, .button-group-2squares-center > .col-l-9-15 {
    grid-column: 10/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-16, .button-group-square-center > .col-l-9-16, .button-group-2squares-center > .col-l-9-16 {
    grid-column: 10/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-17, .button-group-square-center > .col-l-9-17, .button-group-2squares-center > .col-l-9-17 {
    grid-column: 10/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-18, .button-group-square-center > .col-l-9-18, .button-group-2squares-center > .col-l-9-18 {
    grid-column: 10/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-19, .button-group-square-center > .col-l-9-19, .button-group-2squares-center > .col-l-9-19 {
    grid-column: 10/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-20, .button-group-square-center > .col-l-9-20, .button-group-2squares-center > .col-l-9-20 {
    grid-column: 10/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-21, .button-group-square-center > .col-l-9-21, .button-group-2squares-center > .col-l-9-21 {
    grid-column: 10/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-22, .button-group-square-center > .col-l-9-22, .button-group-2squares-center > .col-l-9-22 {
    grid-column: 10/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-23, .button-group-square-center > .col-l-9-23, .button-group-2squares-center > .col-l-9-23 {
    grid-column: 10/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-9-24, .button-group-square-center > .col-l-9-24, .button-group-2squares-center > .col-l-9-24 {
    grid-column: 10/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-11, .button-group-square-center > .col-l-10-11, .button-group-2squares-center > .col-l-10-11 {
    grid-column: 11/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-12, .button-group-square-center > .col-l-10-12, .button-group-2squares-center > .col-l-10-12 {
    grid-column: 11/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-13, .button-group-square-center > .col-l-10-13, .button-group-2squares-center > .col-l-10-13 {
    grid-column: 11/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-14, .button-group-square-center > .col-l-10-14, .button-group-2squares-center > .col-l-10-14 {
    grid-column: 11/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-15, .button-group-square-center > .col-l-10-15, .button-group-2squares-center > .col-l-10-15 {
    grid-column: 11/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-16, .button-group-square-center > .col-l-10-16, .button-group-2squares-center > .col-l-10-16 {
    grid-column: 11/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-17, .button-group-square-center > .col-l-10-17, .button-group-2squares-center > .col-l-10-17 {
    grid-column: 11/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-18, .button-group-square-center > .col-l-10-18, .button-group-2squares-center > .col-l-10-18 {
    grid-column: 11/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-19, .button-group-square-center > .col-l-10-19, .button-group-2squares-center > .col-l-10-19 {
    grid-column: 11/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-20, .button-group-square-center > .col-l-10-20, .button-group-2squares-center > .col-l-10-20 {
    grid-column: 11/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-21, .button-group-square-center > .col-l-10-21, .button-group-2squares-center > .col-l-10-21 {
    grid-column: 11/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-22, .button-group-square-center > .col-l-10-22, .button-group-2squares-center > .col-l-10-22 {
    grid-column: 11/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-23, .button-group-square-center > .col-l-10-23, .button-group-2squares-center > .col-l-10-23 {
    grid-column: 11/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-10-24, .button-group-square-center > .col-l-10-24, .button-group-2squares-center > .col-l-10-24 {
    grid-column: 11/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-11-12, .button-group-square-center > .col-l-11-12, .button-group-2squares-center > .col-l-11-12 {
    grid-column: 12/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-11-13, .button-group-square-center > .col-l-11-13, .button-group-2squares-center > .col-l-11-13 {
    grid-column: 12/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-11-14, .button-group-square-center > .col-l-11-14, .button-group-2squares-center > .col-l-11-14 {
    grid-column: 12/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-11-15, .button-group-square-center > .col-l-11-15, .button-group-2squares-center > .col-l-11-15 {
    grid-column: 12/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-11-16, .button-group-square-center > .col-l-11-16, .button-group-2squares-center > .col-l-11-16 {
    grid-column: 12/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-11-17, .button-group-square-center > .col-l-11-17, .button-group-2squares-center > .col-l-11-17 {
    grid-column: 12/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-11-18, .button-group-square-center > .col-l-11-18, .button-group-2squares-center > .col-l-11-18 {
    grid-column: 12/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-11-19, .button-group-square-center > .col-l-11-19, .button-group-2squares-center > .col-l-11-19 {
    grid-column: 12/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-11-20, .button-group-square-center > .col-l-11-20, .button-group-2squares-center > .col-l-11-20 {
    grid-column: 12/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-11-21, .button-group-square-center > .col-l-11-21, .button-group-2squares-center > .col-l-11-21 {
    grid-column: 12/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-11-22, .button-group-square-center > .col-l-11-22, .button-group-2squares-center > .col-l-11-22 {
    grid-column: 12/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-11-23, .button-group-square-center > .col-l-11-23, .button-group-2squares-center > .col-l-11-23 {
    grid-column: 12/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-11-24, .button-group-square-center > .col-l-11-24, .button-group-2squares-center > .col-l-11-24 {
    grid-column: 12/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-12-13, .button-group-square-center > .col-l-12-13, .button-group-2squares-center > .col-l-12-13 {
    grid-column: 13/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-12-14, .button-group-square-center > .col-l-12-14, .button-group-2squares-center > .col-l-12-14 {
    grid-column: 13/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-12-15, .button-group-square-center > .col-l-12-15, .button-group-2squares-center > .col-l-12-15 {
    grid-column: 13/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-12-16, .button-group-square-center > .col-l-12-16, .button-group-2squares-center > .col-l-12-16 {
    grid-column: 13/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-12-17, .button-group-square-center > .col-l-12-17, .button-group-2squares-center > .col-l-12-17 {
    grid-column: 13/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-12-18, .button-group-square-center > .col-l-12-18, .button-group-2squares-center > .col-l-12-18 {
    grid-column: 13/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-12-19, .button-group-square-center > .col-l-12-19, .button-group-2squares-center > .col-l-12-19 {
    grid-column: 13/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-12-20, .button-group-square-center > .col-l-12-20, .button-group-2squares-center > .col-l-12-20 {
    grid-column: 13/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-12-21, .button-group-square-center > .col-l-12-21, .button-group-2squares-center > .col-l-12-21 {
    grid-column: 13/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-12-22, .button-group-square-center > .col-l-12-22, .button-group-2squares-center > .col-l-12-22 {
    grid-column: 13/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-12-23, .button-group-square-center > .col-l-12-23, .button-group-2squares-center > .col-l-12-23 {
    grid-column: 13/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-12-24, .button-group-square-center > .col-l-12-24, .button-group-2squares-center > .col-l-12-24 {
    grid-column: 13/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-13-14, .button-group-square-center > .col-l-13-14, .button-group-2squares-center > .col-l-13-14 {
    grid-column: 14/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-13-15, .button-group-square-center > .col-l-13-15, .button-group-2squares-center > .col-l-13-15 {
    grid-column: 14/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-13-16, .button-group-square-center > .col-l-13-16, .button-group-2squares-center > .col-l-13-16 {
    grid-column: 14/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-13-17, .button-group-square-center > .col-l-13-17, .button-group-2squares-center > .col-l-13-17 {
    grid-column: 14/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-13-18, .button-group-square-center > .col-l-13-18, .button-group-2squares-center > .col-l-13-18 {
    grid-column: 14/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-13-19, .button-group-square-center > .col-l-13-19, .button-group-2squares-center > .col-l-13-19 {
    grid-column: 14/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-13-20, .button-group-square-center > .col-l-13-20, .button-group-2squares-center > .col-l-13-20 {
    grid-column: 14/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-13-21, .button-group-square-center > .col-l-13-21, .button-group-2squares-center > .col-l-13-21 {
    grid-column: 14/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-13-22, .button-group-square-center > .col-l-13-22, .button-group-2squares-center > .col-l-13-22 {
    grid-column: 14/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-13-23, .button-group-square-center > .col-l-13-23, .button-group-2squares-center > .col-l-13-23 {
    grid-column: 14/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-13-24, .button-group-square-center > .col-l-13-24, .button-group-2squares-center > .col-l-13-24 {
    grid-column: 14/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-14-15, .button-group-square-center > .col-l-14-15, .button-group-2squares-center > .col-l-14-15 {
    grid-column: 15/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-14-16, .button-group-square-center > .col-l-14-16, .button-group-2squares-center > .col-l-14-16 {
    grid-column: 15/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-14-17, .button-group-square-center > .col-l-14-17, .button-group-2squares-center > .col-l-14-17 {
    grid-column: 15/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-14-18, .button-group-square-center > .col-l-14-18, .button-group-2squares-center > .col-l-14-18 {
    grid-column: 15/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-14-19, .button-group-square-center > .col-l-14-19, .button-group-2squares-center > .col-l-14-19 {
    grid-column: 15/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-14-20, .button-group-square-center > .col-l-14-20, .button-group-2squares-center > .col-l-14-20 {
    grid-column: 15/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-14-21, .button-group-square-center > .col-l-14-21, .button-group-2squares-center > .col-l-14-21 {
    grid-column: 15/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-14-22, .button-group-square-center > .col-l-14-22, .button-group-2squares-center > .col-l-14-22 {
    grid-column: 15/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-14-23, .button-group-square-center > .col-l-14-23, .button-group-2squares-center > .col-l-14-23 {
    grid-column: 15/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-14-24, .button-group-square-center > .col-l-14-24, .button-group-2squares-center > .col-l-14-24 {
    grid-column: 15/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-15-16, .button-group-square-center > .col-l-15-16, .button-group-2squares-center > .col-l-15-16 {
    grid-column: 16/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-15-17, .button-group-square-center > .col-l-15-17, .button-group-2squares-center > .col-l-15-17 {
    grid-column: 16/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-15-18, .button-group-square-center > .col-l-15-18, .button-group-2squares-center > .col-l-15-18 {
    grid-column: 16/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-15-19, .button-group-square-center > .col-l-15-19, .button-group-2squares-center > .col-l-15-19 {
    grid-column: 16/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-15-20, .button-group-square-center > .col-l-15-20, .button-group-2squares-center > .col-l-15-20 {
    grid-column: 16/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-15-21, .button-group-square-center > .col-l-15-21, .button-group-2squares-center > .col-l-15-21 {
    grid-column: 16/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-15-22, .button-group-square-center > .col-l-15-22, .button-group-2squares-center > .col-l-15-22 {
    grid-column: 16/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-15-23, .button-group-square-center > .col-l-15-23, .button-group-2squares-center > .col-l-15-23 {
    grid-column: 16/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-15-24, .button-group-square-center > .col-l-15-24, .button-group-2squares-center > .col-l-15-24 {
    grid-column: 16/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-16-17, .button-group-square-center > .col-l-16-17, .button-group-2squares-center > .col-l-16-17 {
    grid-column: 17/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-16-18, .button-group-square-center > .col-l-16-18, .button-group-2squares-center > .col-l-16-18 {
    grid-column: 17/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-16-19, .button-group-square-center > .col-l-16-19, .button-group-2squares-center > .col-l-16-19 {
    grid-column: 17/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-16-20, .button-group-square-center > .col-l-16-20, .button-group-2squares-center > .col-l-16-20 {
    grid-column: 17/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-16-21, .button-group-square-center > .col-l-16-21, .button-group-2squares-center > .col-l-16-21 {
    grid-column: 17/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-16-22, .button-group-square-center > .col-l-16-22, .button-group-2squares-center > .col-l-16-22 {
    grid-column: 17/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-16-23, .button-group-square-center > .col-l-16-23, .button-group-2squares-center > .col-l-16-23 {
    grid-column: 17/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-16-24, .button-group-square-center > .col-l-16-24, .button-group-2squares-center > .col-l-16-24 {
    grid-column: 17/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-17-18, .button-group-square-center > .col-l-17-18, .button-group-2squares-center > .col-l-17-18 {
    grid-column: 18/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-17-19, .button-group-square-center > .col-l-17-19, .button-group-2squares-center > .col-l-17-19 {
    grid-column: 18/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-17-20, .button-group-square-center > .col-l-17-20, .button-group-2squares-center > .col-l-17-20 {
    grid-column: 18/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-17-21, .button-group-square-center > .col-l-17-21, .button-group-2squares-center > .col-l-17-21 {
    grid-column: 18/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-17-22, .button-group-square-center > .col-l-17-22, .button-group-2squares-center > .col-l-17-22 {
    grid-column: 18/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-17-23, .button-group-square-center > .col-l-17-23, .button-group-2squares-center > .col-l-17-23 {
    grid-column: 18/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-17-24, .button-group-square-center > .col-l-17-24, .button-group-2squares-center > .col-l-17-24 {
    grid-column: 18/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-18-19, .button-group-square-center > .col-l-18-19, .button-group-2squares-center > .col-l-18-19 {
    grid-column: 19/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-18-20, .button-group-square-center > .col-l-18-20, .button-group-2squares-center > .col-l-18-20 {
    grid-column: 19/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-18-21, .button-group-square-center > .col-l-18-21, .button-group-2squares-center > .col-l-18-21 {
    grid-column: 19/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-18-22, .button-group-square-center > .col-l-18-22, .button-group-2squares-center > .col-l-18-22 {
    grid-column: 19/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-18-23, .button-group-square-center > .col-l-18-23, .button-group-2squares-center > .col-l-18-23 {
    grid-column: 19/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-18-24, .button-group-square-center > .col-l-18-24, .button-group-2squares-center > .col-l-18-24 {
    grid-column: 19/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-19-20, .button-group-square-center > .col-l-19-20, .button-group-2squares-center > .col-l-19-20 {
    grid-column: 20/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-19-21, .button-group-square-center > .col-l-19-21, .button-group-2squares-center > .col-l-19-21 {
    grid-column: 20/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-19-22, .button-group-square-center > .col-l-19-22, .button-group-2squares-center > .col-l-19-22 {
    grid-column: 20/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-19-23, .button-group-square-center > .col-l-19-23, .button-group-2squares-center > .col-l-19-23 {
    grid-column: 20/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-19-24, .button-group-square-center > .col-l-19-24, .button-group-2squares-center > .col-l-19-24 {
    grid-column: 20/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-20-21, .button-group-square-center > .col-l-20-21, .button-group-2squares-center > .col-l-20-21 {
    grid-column: 21/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-20-22, .button-group-square-center > .col-l-20-22, .button-group-2squares-center > .col-l-20-22 {
    grid-column: 21/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-20-23, .button-group-square-center > .col-l-20-23, .button-group-2squares-center > .col-l-20-23 {
    grid-column: 21/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-20-24, .button-group-square-center > .col-l-20-24, .button-group-2squares-center > .col-l-20-24 {
    grid-column: 21/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-21-22, .button-group-square-center > .col-l-21-22, .button-group-2squares-center > .col-l-21-22 {
    grid-column: 22/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 22;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-21-23, .button-group-square-center > .col-l-21-23, .button-group-2squares-center > .col-l-21-23 {
    grid-column: 22/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 22;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-21-24, .button-group-square-center > .col-l-21-24, .button-group-2squares-center > .col-l-21-24 {
    grid-column: 22/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 22;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-22-23, .button-group-square-center > .col-l-22-23, .button-group-2squares-center > .col-l-22-23 {
    grid-column: 23/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 23;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-22-24, .button-group-square-center > .col-l-22-24, .button-group-2squares-center > .col-l-22-24 {
    grid-column: 23/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 23;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 1200px) {
  .grid-css > .col-l-23-24, .button-group-square-center > .col-l-23-24, .button-group-2squares-center > .col-l-23-24 {
    grid-column: 24/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 24;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-1, .button-group-square-center > .col-m-0-1, .button-group-2squares-center > .col-m-0-1 {
    grid-column: 1/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-2, .button-group-square-center > .col-m-0-2, .button-group-2squares-center > .col-m-0-2 {
    grid-column: 1/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-3, .button-group-square-center > .col-m-0-3, .button-group-2squares-center > .col-m-0-3 {
    grid-column: 1/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-4, .button-group-square-center > .col-m-0-4, .button-group-2squares-center > .col-m-0-4 {
    grid-column: 1/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-5, .button-group-square-center > .col-m-0-5, .button-group-2squares-center > .col-m-0-5 {
    grid-column: 1/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-6, .button-group-square-center > .col-m-0-6, .button-group-2squares-center > .col-m-0-6 {
    grid-column: 1/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-7, .button-group-square-center > .col-m-0-7, .button-group-2squares-center > .col-m-0-7 {
    grid-column: 1/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-8, .button-group-square-center > .col-m-0-8, .button-group-2squares-center > .col-m-0-8 {
    grid-column: 1/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-9, .button-group-square-center > .col-m-0-9, .button-group-2squares-center > .col-m-0-9 {
    grid-column: 1/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-10, .button-group-square-center > .col-m-0-10, .button-group-2squares-center > .col-m-0-10 {
    grid-column: 1/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-11, .button-group-square-center > .col-m-0-11, .button-group-2squares-center > .col-m-0-11 {
    grid-column: 1/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-12, .button-group-square-center > .col-m-0-12, .button-group-2squares-center > .col-m-0-12 {
    grid-column: 1/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-13, .button-group-square-center > .col-m-0-13, .button-group-2squares-center > .col-m-0-13 {
    grid-column: 1/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-14, .button-group-square-center > .col-m-0-14, .button-group-2squares-center > .col-m-0-14 {
    grid-column: 1/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-15, .button-group-square-center > .col-m-0-15, .button-group-2squares-center > .col-m-0-15 {
    grid-column: 1/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-16, .button-group-square-center > .col-m-0-16, .button-group-2squares-center > .col-m-0-16 {
    grid-column: 1/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-17, .button-group-square-center > .col-m-0-17, .button-group-2squares-center > .col-m-0-17 {
    grid-column: 1/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-18, .button-group-square-center > .col-m-0-18, .button-group-2squares-center > .col-m-0-18 {
    grid-column: 1/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-19, .button-group-square-center > .col-m-0-19, .button-group-2squares-center > .col-m-0-19 {
    grid-column: 1/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-20, .button-group-square-center > .col-m-0-20, .button-group-2squares-center > .col-m-0-20 {
    grid-column: 1/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-21, .button-group-square-center > .col-m-0-21, .button-group-2squares-center > .col-m-0-21 {
    grid-column: 1/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-22, .button-group-square-center > .col-m-0-22, .button-group-2squares-center > .col-m-0-22 {
    grid-column: 1/span 22;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 22;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-23, .button-group-square-center > .col-m-0-23, .button-group-2squares-center > .col-m-0-23 {
    grid-column: 1/span 23;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-0-24, .button-group-square-center > .col-m-0-24, .button-group-2squares-center > .col-m-0-24 {
    grid-column: 1/span 24;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 24;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-2, .button-group-square-center > .col-m-1-2, .button-group-2squares-center > .col-m-1-2 {
    grid-column: 2/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-3, .button-group-square-center > .col-m-1-3, .button-group-2squares-center > .col-m-1-3 {
    grid-column: 2/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-4, .button-group-square-center > .col-m-1-4, .button-group-2squares-center > .col-m-1-4 {
    grid-column: 2/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-5, .button-group-square-center > .col-m-1-5, .button-group-2squares-center > .col-m-1-5 {
    grid-column: 2/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-6, .button-group-square-center > .col-m-1-6, .button-group-2squares-center > .col-m-1-6 {
    grid-column: 2/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-7, .button-group-square-center > .col-m-1-7, .button-group-2squares-center > .col-m-1-7 {
    grid-column: 2/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-8, .button-group-square-center > .col-m-1-8, .button-group-2squares-center > .col-m-1-8 {
    grid-column: 2/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-9, .button-group-square-center > .col-m-1-9, .button-group-2squares-center > .col-m-1-9 {
    grid-column: 2/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-10, .button-group-square-center > .col-m-1-10, .button-group-2squares-center > .col-m-1-10 {
    grid-column: 2/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-11, .button-group-square-center > .col-m-1-11, .button-group-2squares-center > .col-m-1-11 {
    grid-column: 2/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-12, .button-group-square-center > .col-m-1-12, .button-group-2squares-center > .col-m-1-12 {
    grid-column: 2/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-13, .button-group-square-center > .col-m-1-13, .button-group-2squares-center > .col-m-1-13 {
    grid-column: 2/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-14, .button-group-square-center > .col-m-1-14, .button-group-2squares-center > .col-m-1-14 {
    grid-column: 2/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-15, .button-group-square-center > .col-m-1-15, .button-group-2squares-center > .col-m-1-15 {
    grid-column: 2/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-16, .button-group-square-center > .col-m-1-16, .button-group-2squares-center > .col-m-1-16 {
    grid-column: 2/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-17, .button-group-square-center > .col-m-1-17, .button-group-2squares-center > .col-m-1-17 {
    grid-column: 2/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-18, .button-group-square-center > .col-m-1-18, .button-group-2squares-center > .col-m-1-18 {
    grid-column: 2/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-19, .button-group-square-center > .col-m-1-19, .button-group-2squares-center > .col-m-1-19 {
    grid-column: 2/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-20, .button-group-square-center > .col-m-1-20, .button-group-2squares-center > .col-m-1-20 {
    grid-column: 2/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-21, .button-group-square-center > .col-m-1-21, .button-group-2squares-center > .col-m-1-21 {
    grid-column: 2/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-22, .button-group-square-center > .col-m-1-22, .button-group-2squares-center > .col-m-1-22 {
    grid-column: 2/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-23, .button-group-square-center > .col-m-1-23, .button-group-2squares-center > .col-m-1-23 {
    grid-column: 2/span 22;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 22;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-1-24, .button-group-square-center > .col-m-1-24, .button-group-2squares-center > .col-m-1-24 {
    grid-column: 2/span 23;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 23;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-3, .button-group-square-center > .col-m-2-3, .button-group-2squares-center > .col-m-2-3 {
    grid-column: 3/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-4, .button-group-square-center > .col-m-2-4, .button-group-2squares-center > .col-m-2-4 {
    grid-column: 3/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-5, .button-group-square-center > .col-m-2-5, .button-group-2squares-center > .col-m-2-5 {
    grid-column: 3/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-6, .button-group-square-center > .col-m-2-6, .button-group-2squares-center > .col-m-2-6 {
    grid-column: 3/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-7, .button-group-square-center > .col-m-2-7, .button-group-2squares-center > .col-m-2-7 {
    grid-column: 3/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-8, .button-group-square-center > .col-m-2-8, .button-group-2squares-center > .col-m-2-8 {
    grid-column: 3/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-9, .button-group-square-center > .col-m-2-9, .button-group-2squares-center > .col-m-2-9 {
    grid-column: 3/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-10, .button-group-square-center > .col-m-2-10, .button-group-2squares-center > .col-m-2-10 {
    grid-column: 3/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-11, .button-group-square-center > .col-m-2-11, .button-group-2squares-center > .col-m-2-11 {
    grid-column: 3/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-12, .button-group-square-center > .col-m-2-12, .button-group-2squares-center > .col-m-2-12 {
    grid-column: 3/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-13, .button-group-square-center > .col-m-2-13, .button-group-2squares-center > .col-m-2-13 {
    grid-column: 3/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-14, .button-group-square-center > .col-m-2-14, .button-group-2squares-center > .col-m-2-14 {
    grid-column: 3/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-15, .button-group-square-center > .col-m-2-15, .button-group-2squares-center > .col-m-2-15 {
    grid-column: 3/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-16, .button-group-square-center > .col-m-2-16, .button-group-2squares-center > .col-m-2-16 {
    grid-column: 3/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-17, .button-group-square-center > .col-m-2-17, .button-group-2squares-center > .col-m-2-17 {
    grid-column: 3/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-18, .button-group-square-center > .col-m-2-18, .button-group-2squares-center > .col-m-2-18 {
    grid-column: 3/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-19, .button-group-square-center > .col-m-2-19, .button-group-2squares-center > .col-m-2-19 {
    grid-column: 3/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-20, .button-group-square-center > .col-m-2-20, .button-group-2squares-center > .col-m-2-20 {
    grid-column: 3/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-21, .button-group-square-center > .col-m-2-21, .button-group-2squares-center > .col-m-2-21 {
    grid-column: 3/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-22, .button-group-square-center > .col-m-2-22, .button-group-2squares-center > .col-m-2-22 {
    grid-column: 3/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-23, .button-group-square-center > .col-m-2-23, .button-group-2squares-center > .col-m-2-23 {
    grid-column: 3/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-2-24, .button-group-square-center > .col-m-2-24, .button-group-2squares-center > .col-m-2-24 {
    grid-column: 3/span 22;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 22;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-4, .button-group-square-center > .col-m-3-4, .button-group-2squares-center > .col-m-3-4 {
    grid-column: 4/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-5, .button-group-square-center > .col-m-3-5, .button-group-2squares-center > .col-m-3-5 {
    grid-column: 4/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-6, .button-group-square-center > .col-m-3-6, .button-group-2squares-center > .col-m-3-6 {
    grid-column: 4/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-7, .button-group-square-center > .col-m-3-7, .button-group-2squares-center > .col-m-3-7 {
    grid-column: 4/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-8, .button-group-square-center > .col-m-3-8, .button-group-2squares-center > .col-m-3-8 {
    grid-column: 4/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-9, .button-group-square-center > .col-m-3-9, .button-group-2squares-center > .col-m-3-9 {
    grid-column: 4/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-10, .button-group-square-center > .col-m-3-10, .button-group-2squares-center > .col-m-3-10 {
    grid-column: 4/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-11, .button-group-square-center > .col-m-3-11, .button-group-2squares-center > .col-m-3-11 {
    grid-column: 4/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-12, .button-group-square-center > .col-m-3-12, .button-group-2squares-center > .col-m-3-12 {
    grid-column: 4/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-13, .button-group-square-center > .col-m-3-13, .button-group-2squares-center > .col-m-3-13 {
    grid-column: 4/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-14, .button-group-square-center > .col-m-3-14, .button-group-2squares-center > .col-m-3-14 {
    grid-column: 4/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-15, .button-group-square-center > .col-m-3-15, .button-group-2squares-center > .col-m-3-15 {
    grid-column: 4/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-16, .button-group-square-center > .col-m-3-16, .button-group-2squares-center > .col-m-3-16 {
    grid-column: 4/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-17, .button-group-square-center > .col-m-3-17, .button-group-2squares-center > .col-m-3-17 {
    grid-column: 4/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-18, .button-group-square-center > .col-m-3-18, .button-group-2squares-center > .col-m-3-18 {
    grid-column: 4/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-19, .button-group-square-center > .col-m-3-19, .button-group-2squares-center > .col-m-3-19 {
    grid-column: 4/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-20, .button-group-square-center > .col-m-3-20, .button-group-2squares-center > .col-m-3-20 {
    grid-column: 4/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-21, .button-group-square-center > .col-m-3-21, .button-group-2squares-center > .col-m-3-21 {
    grid-column: 4/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-22, .button-group-square-center > .col-m-3-22, .button-group-2squares-center > .col-m-3-22 {
    grid-column: 4/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-23, .button-group-square-center > .col-m-3-23, .button-group-2squares-center > .col-m-3-23 {
    grid-column: 4/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-3-24, .button-group-square-center > .col-m-3-24, .button-group-2squares-center > .col-m-3-24 {
    grid-column: 4/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-5, .button-group-square-center > .col-m-4-5, .button-group-2squares-center > .col-m-4-5 {
    grid-column: 5/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-6, .button-group-square-center > .col-m-4-6, .button-group-2squares-center > .col-m-4-6 {
    grid-column: 5/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-7, .button-group-square-center > .col-m-4-7, .button-group-2squares-center > .col-m-4-7 {
    grid-column: 5/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-8, .button-group-square-center > .col-m-4-8, .button-group-2squares-center > .col-m-4-8 {
    grid-column: 5/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-9, .button-group-square-center > .col-m-4-9, .button-group-2squares-center > .col-m-4-9 {
    grid-column: 5/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-10, .button-group-square-center > .col-m-4-10, .button-group-2squares-center > .col-m-4-10 {
    grid-column: 5/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-11, .button-group-square-center > .col-m-4-11, .button-group-2squares-center > .col-m-4-11 {
    grid-column: 5/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-12, .button-group-square-center > .col-m-4-12, .button-group-2squares-center > .col-m-4-12 {
    grid-column: 5/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-13, .button-group-square-center > .col-m-4-13, .button-group-2squares-center > .col-m-4-13 {
    grid-column: 5/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-14, .button-group-square-center > .col-m-4-14, .button-group-2squares-center > .col-m-4-14 {
    grid-column: 5/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-15, .button-group-square-center > .col-m-4-15, .button-group-2squares-center > .col-m-4-15 {
    grid-column: 5/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-16, .button-group-square-center > .col-m-4-16, .button-group-2squares-center > .col-m-4-16 {
    grid-column: 5/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-17, .button-group-square-center > .col-m-4-17, .button-group-2squares-center > .col-m-4-17 {
    grid-column: 5/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-18, .button-group-square-center > .col-m-4-18, .button-group-2squares-center > .col-m-4-18 {
    grid-column: 5/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-19, .button-group-square-center > .col-m-4-19, .button-group-2squares-center > .col-m-4-19 {
    grid-column: 5/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-20, .button-group-square-center > .col-m-4-20, .button-group-2squares-center > .col-m-4-20 {
    grid-column: 5/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-21, .button-group-square-center > .col-m-4-21, .button-group-2squares-center > .col-m-4-21 {
    grid-column: 5/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-22, .button-group-square-center > .col-m-4-22, .button-group-2squares-center > .col-m-4-22 {
    grid-column: 5/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-23, .button-group-square-center > .col-m-4-23, .button-group-2squares-center > .col-m-4-23 {
    grid-column: 5/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-4-24, .button-group-square-center > .col-m-4-24, .button-group-2squares-center > .col-m-4-24 {
    grid-column: 5/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-6, .button-group-square-center > .col-m-5-6, .button-group-2squares-center > .col-m-5-6 {
    grid-column: 6/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-7, .button-group-square-center > .col-m-5-7, .button-group-2squares-center > .col-m-5-7 {
    grid-column: 6/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-8, .button-group-square-center > .col-m-5-8, .button-group-2squares-center > .col-m-5-8 {
    grid-column: 6/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-9, .button-group-square-center > .col-m-5-9, .button-group-2squares-center > .col-m-5-9 {
    grid-column: 6/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-10, .button-group-square-center > .col-m-5-10, .button-group-2squares-center > .col-m-5-10 {
    grid-column: 6/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-11, .button-group-square-center > .col-m-5-11, .button-group-2squares-center > .col-m-5-11 {
    grid-column: 6/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-12, .button-group-square-center > .col-m-5-12, .button-group-2squares-center > .col-m-5-12 {
    grid-column: 6/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-13, .button-group-square-center > .col-m-5-13, .button-group-2squares-center > .col-m-5-13 {
    grid-column: 6/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-14, .button-group-square-center > .col-m-5-14, .button-group-2squares-center > .col-m-5-14 {
    grid-column: 6/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-15, .button-group-square-center > .col-m-5-15, .button-group-2squares-center > .col-m-5-15 {
    grid-column: 6/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-16, .button-group-square-center > .col-m-5-16, .button-group-2squares-center > .col-m-5-16 {
    grid-column: 6/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-17, .button-group-square-center > .col-m-5-17, .button-group-2squares-center > .col-m-5-17 {
    grid-column: 6/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-18, .button-group-square-center > .col-m-5-18, .button-group-2squares-center > .col-m-5-18 {
    grid-column: 6/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-19, .button-group-square-center > .col-m-5-19, .button-group-2squares-center > .col-m-5-19 {
    grid-column: 6/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-20, .button-group-square-center > .col-m-5-20, .button-group-2squares-center > .col-m-5-20 {
    grid-column: 6/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-21, .button-group-square-center > .col-m-5-21, .button-group-2squares-center > .col-m-5-21 {
    grid-column: 6/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-22, .button-group-square-center > .col-m-5-22, .button-group-2squares-center > .col-m-5-22 {
    grid-column: 6/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-23, .button-group-square-center > .col-m-5-23, .button-group-2squares-center > .col-m-5-23 {
    grid-column: 6/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-5-24, .button-group-square-center > .col-m-5-24, .button-group-2squares-center > .col-m-5-24 {
    grid-column: 6/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-7, .button-group-square-center > .col-m-6-7, .button-group-2squares-center > .col-m-6-7 {
    grid-column: 7/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-8, .button-group-square-center > .col-m-6-8, .button-group-2squares-center > .col-m-6-8 {
    grid-column: 7/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-9, .button-group-square-center > .col-m-6-9, .button-group-2squares-center > .col-m-6-9 {
    grid-column: 7/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-10, .button-group-square-center > .col-m-6-10, .button-group-2squares-center > .col-m-6-10 {
    grid-column: 7/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-11, .button-group-square-center > .col-m-6-11, .button-group-2squares-center > .col-m-6-11 {
    grid-column: 7/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-12, .button-group-square-center > .col-m-6-12, .button-group-2squares-center > .col-m-6-12 {
    grid-column: 7/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-13, .button-group-square-center > .col-m-6-13, .button-group-2squares-center > .col-m-6-13 {
    grid-column: 7/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-14, .button-group-square-center > .col-m-6-14, .button-group-2squares-center > .col-m-6-14 {
    grid-column: 7/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-15, .button-group-square-center > .col-m-6-15, .button-group-2squares-center > .col-m-6-15 {
    grid-column: 7/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-16, .button-group-square-center > .col-m-6-16, .button-group-2squares-center > .col-m-6-16 {
    grid-column: 7/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-17, .button-group-square-center > .col-m-6-17, .button-group-2squares-center > .col-m-6-17 {
    grid-column: 7/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-18, .button-group-square-center > .col-m-6-18, .button-group-2squares-center > .col-m-6-18 {
    grid-column: 7/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-19, .button-group-square-center > .col-m-6-19, .button-group-2squares-center > .col-m-6-19 {
    grid-column: 7/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-20, .button-group-square-center > .col-m-6-20, .button-group-2squares-center > .col-m-6-20 {
    grid-column: 7/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-21, .button-group-square-center > .col-m-6-21, .button-group-2squares-center > .col-m-6-21 {
    grid-column: 7/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-22, .button-group-square-center > .col-m-6-22, .button-group-2squares-center > .col-m-6-22 {
    grid-column: 7/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-23, .button-group-square-center > .col-m-6-23, .button-group-2squares-center > .col-m-6-23 {
    grid-column: 7/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-6-24, .button-group-square-center > .col-m-6-24, .button-group-2squares-center > .col-m-6-24 {
    grid-column: 7/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-8, .button-group-square-center > .col-m-7-8, .button-group-2squares-center > .col-m-7-8 {
    grid-column: 8/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-9, .button-group-square-center > .col-m-7-9, .button-group-2squares-center > .col-m-7-9 {
    grid-column: 8/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-10, .button-group-square-center > .col-m-7-10, .button-group-2squares-center > .col-m-7-10 {
    grid-column: 8/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-11, .button-group-square-center > .col-m-7-11, .button-group-2squares-center > .col-m-7-11 {
    grid-column: 8/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-12, .button-group-square-center > .col-m-7-12, .button-group-2squares-center > .col-m-7-12 {
    grid-column: 8/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-13, .button-group-square-center > .col-m-7-13, .button-group-2squares-center > .col-m-7-13 {
    grid-column: 8/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-14, .button-group-square-center > .col-m-7-14, .button-group-2squares-center > .col-m-7-14 {
    grid-column: 8/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-15, .button-group-square-center > .col-m-7-15, .button-group-2squares-center > .col-m-7-15 {
    grid-column: 8/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-16, .button-group-square-center > .col-m-7-16, .button-group-2squares-center > .col-m-7-16 {
    grid-column: 8/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-17, .button-group-square-center > .col-m-7-17, .button-group-2squares-center > .col-m-7-17 {
    grid-column: 8/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-18, .button-group-square-center > .col-m-7-18, .button-group-2squares-center > .col-m-7-18 {
    grid-column: 8/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-19, .button-group-square-center > .col-m-7-19, .button-group-2squares-center > .col-m-7-19 {
    grid-column: 8/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-20, .button-group-square-center > .col-m-7-20, .button-group-2squares-center > .col-m-7-20 {
    grid-column: 8/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-21, .button-group-square-center > .col-m-7-21, .button-group-2squares-center > .col-m-7-21 {
    grid-column: 8/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-22, .button-group-square-center > .col-m-7-22, .button-group-2squares-center > .col-m-7-22 {
    grid-column: 8/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-23, .button-group-square-center > .col-m-7-23, .button-group-2squares-center > .col-m-7-23 {
    grid-column: 8/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-7-24, .button-group-square-center > .col-m-7-24, .button-group-2squares-center > .col-m-7-24 {
    grid-column: 8/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-9, .button-group-square-center > .col-m-8-9, .button-group-2squares-center > .col-m-8-9 {
    grid-column: 9/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-10, .button-group-square-center > .col-m-8-10, .button-group-2squares-center > .col-m-8-10 {
    grid-column: 9/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-11, .button-group-square-center > .col-m-8-11, .button-group-2squares-center > .col-m-8-11 {
    grid-column: 9/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-12, .button-group-square-center > .col-m-8-12, .button-group-2squares-center > .col-m-8-12 {
    grid-column: 9/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-13, .button-group-square-center > .col-m-8-13, .button-group-2squares-center > .col-m-8-13 {
    grid-column: 9/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-14, .button-group-square-center > .col-m-8-14, .button-group-2squares-center > .col-m-8-14 {
    grid-column: 9/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-15, .button-group-square-center > .col-m-8-15, .button-group-2squares-center > .col-m-8-15 {
    grid-column: 9/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-16, .button-group-square-center > .col-m-8-16, .button-group-2squares-center > .col-m-8-16 {
    grid-column: 9/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-17, .button-group-square-center > .col-m-8-17, .button-group-2squares-center > .col-m-8-17 {
    grid-column: 9/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-18, .button-group-square-center > .col-m-8-18, .button-group-2squares-center > .col-m-8-18 {
    grid-column: 9/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-19, .button-group-square-center > .col-m-8-19, .button-group-2squares-center > .col-m-8-19 {
    grid-column: 9/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-20, .button-group-square-center > .col-m-8-20, .button-group-2squares-center > .col-m-8-20 {
    grid-column: 9/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-21, .button-group-square-center > .col-m-8-21, .button-group-2squares-center > .col-m-8-21 {
    grid-column: 9/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-22, .button-group-square-center > .col-m-8-22, .button-group-2squares-center > .col-m-8-22 {
    grid-column: 9/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-23, .button-group-square-center > .col-m-8-23, .button-group-2squares-center > .col-m-8-23 {
    grid-column: 9/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-8-24, .button-group-square-center > .col-m-8-24, .button-group-2squares-center > .col-m-8-24 {
    grid-column: 9/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-10, .button-group-square-center > .col-m-9-10, .button-group-2squares-center > .col-m-9-10 {
    grid-column: 10/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-11, .button-group-square-center > .col-m-9-11, .button-group-2squares-center > .col-m-9-11 {
    grid-column: 10/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-12, .button-group-square-center > .col-m-9-12, .button-group-2squares-center > .col-m-9-12 {
    grid-column: 10/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-13, .button-group-square-center > .col-m-9-13, .button-group-2squares-center > .col-m-9-13 {
    grid-column: 10/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-14, .button-group-square-center > .col-m-9-14, .button-group-2squares-center > .col-m-9-14 {
    grid-column: 10/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-15, .button-group-square-center > .col-m-9-15, .button-group-2squares-center > .col-m-9-15 {
    grid-column: 10/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-16, .button-group-square-center > .col-m-9-16, .button-group-2squares-center > .col-m-9-16 {
    grid-column: 10/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-17, .button-group-square-center > .col-m-9-17, .button-group-2squares-center > .col-m-9-17 {
    grid-column: 10/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-18, .button-group-square-center > .col-m-9-18, .button-group-2squares-center > .col-m-9-18 {
    grid-column: 10/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-19, .button-group-square-center > .col-m-9-19, .button-group-2squares-center > .col-m-9-19 {
    grid-column: 10/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-20, .button-group-square-center > .col-m-9-20, .button-group-2squares-center > .col-m-9-20 {
    grid-column: 10/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-21, .button-group-square-center > .col-m-9-21, .button-group-2squares-center > .col-m-9-21 {
    grid-column: 10/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-22, .button-group-square-center > .col-m-9-22, .button-group-2squares-center > .col-m-9-22 {
    grid-column: 10/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-23, .button-group-square-center > .col-m-9-23, .button-group-2squares-center > .col-m-9-23 {
    grid-column: 10/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-9-24, .button-group-square-center > .col-m-9-24, .button-group-2squares-center > .col-m-9-24 {
    grid-column: 10/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-11, .button-group-square-center > .col-m-10-11, .button-group-2squares-center > .col-m-10-11 {
    grid-column: 11/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-12, .button-group-square-center > .col-m-10-12, .button-group-2squares-center > .col-m-10-12 {
    grid-column: 11/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-13, .button-group-square-center > .col-m-10-13, .button-group-2squares-center > .col-m-10-13 {
    grid-column: 11/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-14, .button-group-square-center > .col-m-10-14, .button-group-2squares-center > .col-m-10-14 {
    grid-column: 11/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-15, .button-group-square-center > .col-m-10-15, .button-group-2squares-center > .col-m-10-15 {
    grid-column: 11/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-16, .button-group-square-center > .col-m-10-16, .button-group-2squares-center > .col-m-10-16 {
    grid-column: 11/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-17, .button-group-square-center > .col-m-10-17, .button-group-2squares-center > .col-m-10-17 {
    grid-column: 11/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-18, .button-group-square-center > .col-m-10-18, .button-group-2squares-center > .col-m-10-18 {
    grid-column: 11/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-19, .button-group-square-center > .col-m-10-19, .button-group-2squares-center > .col-m-10-19 {
    grid-column: 11/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-20, .button-group-square-center > .col-m-10-20, .button-group-2squares-center > .col-m-10-20 {
    grid-column: 11/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-21, .button-group-square-center > .col-m-10-21, .button-group-2squares-center > .col-m-10-21 {
    grid-column: 11/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-22, .button-group-square-center > .col-m-10-22, .button-group-2squares-center > .col-m-10-22 {
    grid-column: 11/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-23, .button-group-square-center > .col-m-10-23, .button-group-2squares-center > .col-m-10-23 {
    grid-column: 11/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-10-24, .button-group-square-center > .col-m-10-24, .button-group-2squares-center > .col-m-10-24 {
    grid-column: 11/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-11-12, .button-group-square-center > .col-m-11-12, .button-group-2squares-center > .col-m-11-12 {
    grid-column: 12/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-11-13, .button-group-square-center > .col-m-11-13, .button-group-2squares-center > .col-m-11-13 {
    grid-column: 12/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-11-14, .button-group-square-center > .col-m-11-14, .button-group-2squares-center > .col-m-11-14 {
    grid-column: 12/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-11-15, .button-group-square-center > .col-m-11-15, .button-group-2squares-center > .col-m-11-15 {
    grid-column: 12/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-11-16, .button-group-square-center > .col-m-11-16, .button-group-2squares-center > .col-m-11-16 {
    grid-column: 12/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-11-17, .button-group-square-center > .col-m-11-17, .button-group-2squares-center > .col-m-11-17 {
    grid-column: 12/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-11-18, .button-group-square-center > .col-m-11-18, .button-group-2squares-center > .col-m-11-18 {
    grid-column: 12/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-11-19, .button-group-square-center > .col-m-11-19, .button-group-2squares-center > .col-m-11-19 {
    grid-column: 12/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-11-20, .button-group-square-center > .col-m-11-20, .button-group-2squares-center > .col-m-11-20 {
    grid-column: 12/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-11-21, .button-group-square-center > .col-m-11-21, .button-group-2squares-center > .col-m-11-21 {
    grid-column: 12/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-11-22, .button-group-square-center > .col-m-11-22, .button-group-2squares-center > .col-m-11-22 {
    grid-column: 12/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-11-23, .button-group-square-center > .col-m-11-23, .button-group-2squares-center > .col-m-11-23 {
    grid-column: 12/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-11-24, .button-group-square-center > .col-m-11-24, .button-group-2squares-center > .col-m-11-24 {
    grid-column: 12/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-12-13, .button-group-square-center > .col-m-12-13, .button-group-2squares-center > .col-m-12-13 {
    grid-column: 13/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-12-14, .button-group-square-center > .col-m-12-14, .button-group-2squares-center > .col-m-12-14 {
    grid-column: 13/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-12-15, .button-group-square-center > .col-m-12-15, .button-group-2squares-center > .col-m-12-15 {
    grid-column: 13/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-12-16, .button-group-square-center > .col-m-12-16, .button-group-2squares-center > .col-m-12-16 {
    grid-column: 13/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-12-17, .button-group-square-center > .col-m-12-17, .button-group-2squares-center > .col-m-12-17 {
    grid-column: 13/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-12-18, .button-group-square-center > .col-m-12-18, .button-group-2squares-center > .col-m-12-18 {
    grid-column: 13/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-12-19, .button-group-square-center > .col-m-12-19, .button-group-2squares-center > .col-m-12-19 {
    grid-column: 13/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-12-20, .button-group-square-center > .col-m-12-20, .button-group-2squares-center > .col-m-12-20 {
    grid-column: 13/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-12-21, .button-group-square-center > .col-m-12-21, .button-group-2squares-center > .col-m-12-21 {
    grid-column: 13/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-12-22, .button-group-square-center > .col-m-12-22, .button-group-2squares-center > .col-m-12-22 {
    grid-column: 13/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-12-23, .button-group-square-center > .col-m-12-23, .button-group-2squares-center > .col-m-12-23 {
    grid-column: 13/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-12-24, .button-group-square-center > .col-m-12-24, .button-group-2squares-center > .col-m-12-24 {
    grid-column: 13/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-13-14, .button-group-square-center > .col-m-13-14, .button-group-2squares-center > .col-m-13-14 {
    grid-column: 14/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-13-15, .button-group-square-center > .col-m-13-15, .button-group-2squares-center > .col-m-13-15 {
    grid-column: 14/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-13-16, .button-group-square-center > .col-m-13-16, .button-group-2squares-center > .col-m-13-16 {
    grid-column: 14/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-13-17, .button-group-square-center > .col-m-13-17, .button-group-2squares-center > .col-m-13-17 {
    grid-column: 14/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-13-18, .button-group-square-center > .col-m-13-18, .button-group-2squares-center > .col-m-13-18 {
    grid-column: 14/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-13-19, .button-group-square-center > .col-m-13-19, .button-group-2squares-center > .col-m-13-19 {
    grid-column: 14/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-13-20, .button-group-square-center > .col-m-13-20, .button-group-2squares-center > .col-m-13-20 {
    grid-column: 14/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-13-21, .button-group-square-center > .col-m-13-21, .button-group-2squares-center > .col-m-13-21 {
    grid-column: 14/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-13-22, .button-group-square-center > .col-m-13-22, .button-group-2squares-center > .col-m-13-22 {
    grid-column: 14/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-13-23, .button-group-square-center > .col-m-13-23, .button-group-2squares-center > .col-m-13-23 {
    grid-column: 14/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-13-24, .button-group-square-center > .col-m-13-24, .button-group-2squares-center > .col-m-13-24 {
    grid-column: 14/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-14-15, .button-group-square-center > .col-m-14-15, .button-group-2squares-center > .col-m-14-15 {
    grid-column: 15/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-14-16, .button-group-square-center > .col-m-14-16, .button-group-2squares-center > .col-m-14-16 {
    grid-column: 15/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-14-17, .button-group-square-center > .col-m-14-17, .button-group-2squares-center > .col-m-14-17 {
    grid-column: 15/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-14-18, .button-group-square-center > .col-m-14-18, .button-group-2squares-center > .col-m-14-18 {
    grid-column: 15/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-14-19, .button-group-square-center > .col-m-14-19, .button-group-2squares-center > .col-m-14-19 {
    grid-column: 15/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-14-20, .button-group-square-center > .col-m-14-20, .button-group-2squares-center > .col-m-14-20 {
    grid-column: 15/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-14-21, .button-group-square-center > .col-m-14-21, .button-group-2squares-center > .col-m-14-21 {
    grid-column: 15/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-14-22, .button-group-square-center > .col-m-14-22, .button-group-2squares-center > .col-m-14-22 {
    grid-column: 15/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-14-23, .button-group-square-center > .col-m-14-23, .button-group-2squares-center > .col-m-14-23 {
    grid-column: 15/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-14-24, .button-group-square-center > .col-m-14-24, .button-group-2squares-center > .col-m-14-24 {
    grid-column: 15/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-15-16, .button-group-square-center > .col-m-15-16, .button-group-2squares-center > .col-m-15-16 {
    grid-column: 16/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-15-17, .button-group-square-center > .col-m-15-17, .button-group-2squares-center > .col-m-15-17 {
    grid-column: 16/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-15-18, .button-group-square-center > .col-m-15-18, .button-group-2squares-center > .col-m-15-18 {
    grid-column: 16/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-15-19, .button-group-square-center > .col-m-15-19, .button-group-2squares-center > .col-m-15-19 {
    grid-column: 16/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-15-20, .button-group-square-center > .col-m-15-20, .button-group-2squares-center > .col-m-15-20 {
    grid-column: 16/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-15-21, .button-group-square-center > .col-m-15-21, .button-group-2squares-center > .col-m-15-21 {
    grid-column: 16/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-15-22, .button-group-square-center > .col-m-15-22, .button-group-2squares-center > .col-m-15-22 {
    grid-column: 16/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-15-23, .button-group-square-center > .col-m-15-23, .button-group-2squares-center > .col-m-15-23 {
    grid-column: 16/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-15-24, .button-group-square-center > .col-m-15-24, .button-group-2squares-center > .col-m-15-24 {
    grid-column: 16/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-16-17, .button-group-square-center > .col-m-16-17, .button-group-2squares-center > .col-m-16-17 {
    grid-column: 17/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-16-18, .button-group-square-center > .col-m-16-18, .button-group-2squares-center > .col-m-16-18 {
    grid-column: 17/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-16-19, .button-group-square-center > .col-m-16-19, .button-group-2squares-center > .col-m-16-19 {
    grid-column: 17/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-16-20, .button-group-square-center > .col-m-16-20, .button-group-2squares-center > .col-m-16-20 {
    grid-column: 17/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-16-21, .button-group-square-center > .col-m-16-21, .button-group-2squares-center > .col-m-16-21 {
    grid-column: 17/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-16-22, .button-group-square-center > .col-m-16-22, .button-group-2squares-center > .col-m-16-22 {
    grid-column: 17/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-16-23, .button-group-square-center > .col-m-16-23, .button-group-2squares-center > .col-m-16-23 {
    grid-column: 17/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-16-24, .button-group-square-center > .col-m-16-24, .button-group-2squares-center > .col-m-16-24 {
    grid-column: 17/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-17-18, .button-group-square-center > .col-m-17-18, .button-group-2squares-center > .col-m-17-18 {
    grid-column: 18/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-17-19, .button-group-square-center > .col-m-17-19, .button-group-2squares-center > .col-m-17-19 {
    grid-column: 18/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-17-20, .button-group-square-center > .col-m-17-20, .button-group-2squares-center > .col-m-17-20 {
    grid-column: 18/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-17-21, .button-group-square-center > .col-m-17-21, .button-group-2squares-center > .col-m-17-21 {
    grid-column: 18/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-17-22, .button-group-square-center > .col-m-17-22, .button-group-2squares-center > .col-m-17-22 {
    grid-column: 18/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-17-23, .button-group-square-center > .col-m-17-23, .button-group-2squares-center > .col-m-17-23 {
    grid-column: 18/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-17-24, .button-group-square-center > .col-m-17-24, .button-group-2squares-center > .col-m-17-24 {
    grid-column: 18/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-18-19, .button-group-square-center > .col-m-18-19, .button-group-2squares-center > .col-m-18-19 {
    grid-column: 19/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-18-20, .button-group-square-center > .col-m-18-20, .button-group-2squares-center > .col-m-18-20 {
    grid-column: 19/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-18-21, .button-group-square-center > .col-m-18-21, .button-group-2squares-center > .col-m-18-21 {
    grid-column: 19/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-18-22, .button-group-square-center > .col-m-18-22, .button-group-2squares-center > .col-m-18-22 {
    grid-column: 19/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-18-23, .button-group-square-center > .col-m-18-23, .button-group-2squares-center > .col-m-18-23 {
    grid-column: 19/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-18-24, .button-group-square-center > .col-m-18-24, .button-group-2squares-center > .col-m-18-24 {
    grid-column: 19/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-19-20, .button-group-square-center > .col-m-19-20, .button-group-2squares-center > .col-m-19-20 {
    grid-column: 20/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-19-21, .button-group-square-center > .col-m-19-21, .button-group-2squares-center > .col-m-19-21 {
    grid-column: 20/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-19-22, .button-group-square-center > .col-m-19-22, .button-group-2squares-center > .col-m-19-22 {
    grid-column: 20/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-19-23, .button-group-square-center > .col-m-19-23, .button-group-2squares-center > .col-m-19-23 {
    grid-column: 20/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-19-24, .button-group-square-center > .col-m-19-24, .button-group-2squares-center > .col-m-19-24 {
    grid-column: 20/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-20-21, .button-group-square-center > .col-m-20-21, .button-group-2squares-center > .col-m-20-21 {
    grid-column: 21/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-20-22, .button-group-square-center > .col-m-20-22, .button-group-2squares-center > .col-m-20-22 {
    grid-column: 21/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-20-23, .button-group-square-center > .col-m-20-23, .button-group-2squares-center > .col-m-20-23 {
    grid-column: 21/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-20-24, .button-group-square-center > .col-m-20-24, .button-group-2squares-center > .col-m-20-24 {
    grid-column: 21/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-21-22, .button-group-square-center > .col-m-21-22, .button-group-2squares-center > .col-m-21-22 {
    grid-column: 22/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 22;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-21-23, .button-group-square-center > .col-m-21-23, .button-group-2squares-center > .col-m-21-23 {
    grid-column: 22/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 22;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-21-24, .button-group-square-center > .col-m-21-24, .button-group-2squares-center > .col-m-21-24 {
    grid-column: 22/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 22;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-22-23, .button-group-square-center > .col-m-22-23, .button-group-2squares-center > .col-m-22-23 {
    grid-column: 23/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 23;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-22-24, .button-group-square-center > .col-m-22-24, .button-group-2squares-center > .col-m-22-24 {
    grid-column: 23/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 23;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 993px) {
  .grid-css > .col-m-23-24, .button-group-square-center > .col-m-23-24, .button-group-2squares-center > .col-m-23-24 {
    grid-column: 24/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 24;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-1, .button-group-square-center > .col-s-0-1, .button-group-2squares-center > .col-s-0-1 {
    grid-column: 1/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-2, .button-group-square-center > .col-s-0-2, .button-group-2squares-center > .col-s-0-2 {
    grid-column: 1/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-3, .button-group-square-center > .col-s-0-3, .button-group-2squares-center > .col-s-0-3 {
    grid-column: 1/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-4, .button-group-square-center > .col-s-0-4, .button-group-2squares-center > .col-s-0-4 {
    grid-column: 1/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-5, .button-group-square-center > .col-s-0-5, .button-group-2squares-center > .col-s-0-5 {
    grid-column: 1/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-6, .button-group-square-center > .col-s-0-6, .button-group-2squares-center > .col-s-0-6 {
    grid-column: 1/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-7, .button-group-square-center > .col-s-0-7, .button-group-2squares-center > .col-s-0-7 {
    grid-column: 1/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-8, .button-group-square-center > .col-s-0-8, .button-group-2squares-center > .col-s-0-8 {
    grid-column: 1/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-9, .button-group-square-center > .col-s-0-9, .button-group-2squares-center > .col-s-0-9 {
    grid-column: 1/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-10, .button-group-square-center > .col-s-0-10, .button-group-2squares-center > .col-s-0-10 {
    grid-column: 1/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-11, .button-group-square-center > .col-s-0-11, .button-group-2squares-center > .col-s-0-11 {
    grid-column: 1/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-12, .button-group-square-center > .col-s-0-12, .button-group-2squares-center > .col-s-0-12 {
    grid-column: 1/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-13, .button-group-square-center > .col-s-0-13, .button-group-2squares-center > .col-s-0-13 {
    grid-column: 1/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-14, .button-group-square-center > .col-s-0-14, .button-group-2squares-center > .col-s-0-14 {
    grid-column: 1/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-15, .button-group-square-center > .col-s-0-15, .button-group-2squares-center > .col-s-0-15 {
    grid-column: 1/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-16, .button-group-square-center > .col-s-0-16, .button-group-2squares-center > .col-s-0-16 {
    grid-column: 1/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-17, .button-group-square-center > .col-s-0-17, .button-group-2squares-center > .col-s-0-17 {
    grid-column: 1/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-18, .button-group-square-center > .col-s-0-18, .button-group-2squares-center > .col-s-0-18 {
    grid-column: 1/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-19, .button-group-square-center > .col-s-0-19, .button-group-2squares-center > .col-s-0-19 {
    grid-column: 1/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-20, .button-group-square-center > .col-s-0-20, .button-group-2squares-center > .col-s-0-20 {
    grid-column: 1/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-21, .button-group-square-center > .col-s-0-21, .button-group-2squares-center > .col-s-0-21 {
    grid-column: 1/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-22, .button-group-square-center > .col-s-0-22, .button-group-2squares-center > .col-s-0-22 {
    grid-column: 1/span 22;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 22;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-23, .button-group-square-center > .col-s-0-23, .button-group-2squares-center > .col-s-0-23 {
    grid-column: 1/span 23;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-0-24, .button-group-square-center > .col-s-0-24, .button-group-2squares-center > .col-s-0-24 {
    grid-column: 1/span 24;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 24;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-2, .button-group-square-center > .col-s-1-2, .button-group-2squares-center > .col-s-1-2 {
    grid-column: 2/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-3, .button-group-square-center > .col-s-1-3, .button-group-2squares-center > .col-s-1-3 {
    grid-column: 2/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-4, .button-group-square-center > .col-s-1-4, .button-group-2squares-center > .col-s-1-4 {
    grid-column: 2/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-5, .button-group-square-center > .col-s-1-5, .button-group-2squares-center > .col-s-1-5 {
    grid-column: 2/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-6, .button-group-square-center > .col-s-1-6, .button-group-2squares-center > .col-s-1-6 {
    grid-column: 2/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-7, .button-group-square-center > .col-s-1-7, .button-group-2squares-center > .col-s-1-7 {
    grid-column: 2/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-8, .button-group-square-center > .col-s-1-8, .button-group-2squares-center > .col-s-1-8 {
    grid-column: 2/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-9, .button-group-square-center > .col-s-1-9, .button-group-2squares-center > .col-s-1-9 {
    grid-column: 2/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-10, .button-group-square-center > .col-s-1-10, .button-group-2squares-center > .col-s-1-10 {
    grid-column: 2/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-11, .button-group-square-center > .col-s-1-11, .button-group-2squares-center > .col-s-1-11 {
    grid-column: 2/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-12, .button-group-square-center > .col-s-1-12, .button-group-2squares-center > .col-s-1-12 {
    grid-column: 2/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-13, .button-group-square-center > .col-s-1-13, .button-group-2squares-center > .col-s-1-13 {
    grid-column: 2/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-14, .button-group-square-center > .col-s-1-14, .button-group-2squares-center > .col-s-1-14 {
    grid-column: 2/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-15, .button-group-square-center > .col-s-1-15, .button-group-2squares-center > .col-s-1-15 {
    grid-column: 2/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-16, .button-group-square-center > .col-s-1-16, .button-group-2squares-center > .col-s-1-16 {
    grid-column: 2/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-17, .button-group-square-center > .col-s-1-17, .button-group-2squares-center > .col-s-1-17 {
    grid-column: 2/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-18, .button-group-square-center > .col-s-1-18, .button-group-2squares-center > .col-s-1-18 {
    grid-column: 2/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-19, .button-group-square-center > .col-s-1-19, .button-group-2squares-center > .col-s-1-19 {
    grid-column: 2/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-20, .button-group-square-center > .col-s-1-20, .button-group-2squares-center > .col-s-1-20 {
    grid-column: 2/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-21, .button-group-square-center > .col-s-1-21, .button-group-2squares-center > .col-s-1-21 {
    grid-column: 2/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-22, .button-group-square-center > .col-s-1-22, .button-group-2squares-center > .col-s-1-22 {
    grid-column: 2/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-23, .button-group-square-center > .col-s-1-23, .button-group-2squares-center > .col-s-1-23 {
    grid-column: 2/span 22;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 22;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-1-24, .button-group-square-center > .col-s-1-24, .button-group-2squares-center > .col-s-1-24 {
    grid-column: 2/span 23;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 23;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-3, .button-group-square-center > .col-s-2-3, .button-group-2squares-center > .col-s-2-3 {
    grid-column: 3/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-4, .button-group-square-center > .col-s-2-4, .button-group-2squares-center > .col-s-2-4 {
    grid-column: 3/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-5, .button-group-square-center > .col-s-2-5, .button-group-2squares-center > .col-s-2-5 {
    grid-column: 3/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-6, .button-group-square-center > .col-s-2-6, .button-group-2squares-center > .col-s-2-6 {
    grid-column: 3/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-7, .button-group-square-center > .col-s-2-7, .button-group-2squares-center > .col-s-2-7 {
    grid-column: 3/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-8, .button-group-square-center > .col-s-2-8, .button-group-2squares-center > .col-s-2-8 {
    grid-column: 3/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-9, .button-group-square-center > .col-s-2-9, .button-group-2squares-center > .col-s-2-9 {
    grid-column: 3/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-10, .button-group-square-center > .col-s-2-10, .button-group-2squares-center > .col-s-2-10 {
    grid-column: 3/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-11, .button-group-square-center > .col-s-2-11, .button-group-2squares-center > .col-s-2-11 {
    grid-column: 3/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-12, .button-group-square-center > .col-s-2-12, .button-group-2squares-center > .col-s-2-12 {
    grid-column: 3/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-13, .button-group-square-center > .col-s-2-13, .button-group-2squares-center > .col-s-2-13 {
    grid-column: 3/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-14, .button-group-square-center > .col-s-2-14, .button-group-2squares-center > .col-s-2-14 {
    grid-column: 3/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-15, .button-group-square-center > .col-s-2-15, .button-group-2squares-center > .col-s-2-15 {
    grid-column: 3/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-16, .button-group-square-center > .col-s-2-16, .button-group-2squares-center > .col-s-2-16 {
    grid-column: 3/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-17, .button-group-square-center > .col-s-2-17, .button-group-2squares-center > .col-s-2-17 {
    grid-column: 3/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-18, .button-group-square-center > .col-s-2-18, .button-group-2squares-center > .col-s-2-18 {
    grid-column: 3/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-19, .button-group-square-center > .col-s-2-19, .button-group-2squares-center > .col-s-2-19 {
    grid-column: 3/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-20, .button-group-square-center > .col-s-2-20, .button-group-2squares-center > .col-s-2-20 {
    grid-column: 3/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-21, .button-group-square-center > .col-s-2-21, .button-group-2squares-center > .col-s-2-21 {
    grid-column: 3/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-22, .button-group-square-center > .col-s-2-22, .button-group-2squares-center > .col-s-2-22 {
    grid-column: 3/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-23, .button-group-square-center > .col-s-2-23, .button-group-2squares-center > .col-s-2-23 {
    grid-column: 3/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-2-24, .button-group-square-center > .col-s-2-24, .button-group-2squares-center > .col-s-2-24 {
    grid-column: 3/span 22;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 22;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-4, .button-group-square-center > .col-s-3-4, .button-group-2squares-center > .col-s-3-4 {
    grid-column: 4/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-5, .button-group-square-center > .col-s-3-5, .button-group-2squares-center > .col-s-3-5 {
    grid-column: 4/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-6, .button-group-square-center > .col-s-3-6, .button-group-2squares-center > .col-s-3-6 {
    grid-column: 4/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-7, .button-group-square-center > .col-s-3-7, .button-group-2squares-center > .col-s-3-7 {
    grid-column: 4/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-8, .button-group-square-center > .col-s-3-8, .button-group-2squares-center > .col-s-3-8 {
    grid-column: 4/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-9, .button-group-square-center > .col-s-3-9, .button-group-2squares-center > .col-s-3-9 {
    grid-column: 4/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-10, .button-group-square-center > .col-s-3-10, .button-group-2squares-center > .col-s-3-10 {
    grid-column: 4/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-11, .button-group-square-center > .col-s-3-11, .button-group-2squares-center > .col-s-3-11 {
    grid-column: 4/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-12, .button-group-square-center > .col-s-3-12, .button-group-2squares-center > .col-s-3-12 {
    grid-column: 4/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-13, .button-group-square-center > .col-s-3-13, .button-group-2squares-center > .col-s-3-13 {
    grid-column: 4/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-14, .button-group-square-center > .col-s-3-14, .button-group-2squares-center > .col-s-3-14 {
    grid-column: 4/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-15, .button-group-square-center > .col-s-3-15, .button-group-2squares-center > .col-s-3-15 {
    grid-column: 4/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-16, .button-group-square-center > .col-s-3-16, .button-group-2squares-center > .col-s-3-16 {
    grid-column: 4/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-17, .button-group-square-center > .col-s-3-17, .button-group-2squares-center > .col-s-3-17 {
    grid-column: 4/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-18, .button-group-square-center > .col-s-3-18, .button-group-2squares-center > .col-s-3-18 {
    grid-column: 4/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-19, .button-group-square-center > .col-s-3-19, .button-group-2squares-center > .col-s-3-19 {
    grid-column: 4/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-20, .button-group-square-center > .col-s-3-20, .button-group-2squares-center > .col-s-3-20 {
    grid-column: 4/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-21, .button-group-square-center > .col-s-3-21, .button-group-2squares-center > .col-s-3-21 {
    grid-column: 4/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-22, .button-group-square-center > .col-s-3-22, .button-group-2squares-center > .col-s-3-22 {
    grid-column: 4/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-23, .button-group-square-center > .col-s-3-23, .button-group-2squares-center > .col-s-3-23 {
    grid-column: 4/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-3-24, .button-group-square-center > .col-s-3-24, .button-group-2squares-center > .col-s-3-24 {
    grid-column: 4/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-5, .button-group-square-center > .col-s-4-5, .button-group-2squares-center > .col-s-4-5 {
    grid-column: 5/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-6, .button-group-square-center > .col-s-4-6, .button-group-2squares-center > .col-s-4-6 {
    grid-column: 5/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-7, .button-group-square-center > .col-s-4-7, .button-group-2squares-center > .col-s-4-7 {
    grid-column: 5/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-8, .button-group-square-center > .col-s-4-8, .button-group-2squares-center > .col-s-4-8 {
    grid-column: 5/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-9, .button-group-square-center > .col-s-4-9, .button-group-2squares-center > .col-s-4-9 {
    grid-column: 5/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-10, .button-group-square-center > .col-s-4-10, .button-group-2squares-center > .col-s-4-10 {
    grid-column: 5/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-11, .button-group-square-center > .col-s-4-11, .button-group-2squares-center > .col-s-4-11 {
    grid-column: 5/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-12, .button-group-square-center > .col-s-4-12, .button-group-2squares-center > .col-s-4-12 {
    grid-column: 5/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-13, .button-group-square-center > .col-s-4-13, .button-group-2squares-center > .col-s-4-13 {
    grid-column: 5/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-14, .button-group-square-center > .col-s-4-14, .button-group-2squares-center > .col-s-4-14 {
    grid-column: 5/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-15, .button-group-square-center > .col-s-4-15, .button-group-2squares-center > .col-s-4-15 {
    grid-column: 5/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-16, .button-group-square-center > .col-s-4-16, .button-group-2squares-center > .col-s-4-16 {
    grid-column: 5/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-17, .button-group-square-center > .col-s-4-17, .button-group-2squares-center > .col-s-4-17 {
    grid-column: 5/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-18, .button-group-square-center > .col-s-4-18, .button-group-2squares-center > .col-s-4-18 {
    grid-column: 5/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-19, .button-group-square-center > .col-s-4-19, .button-group-2squares-center > .col-s-4-19 {
    grid-column: 5/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-20, .button-group-square-center > .col-s-4-20, .button-group-2squares-center > .col-s-4-20 {
    grid-column: 5/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-21, .button-group-square-center > .col-s-4-21, .button-group-2squares-center > .col-s-4-21 {
    grid-column: 5/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-22, .button-group-square-center > .col-s-4-22, .button-group-2squares-center > .col-s-4-22 {
    grid-column: 5/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-23, .button-group-square-center > .col-s-4-23, .button-group-2squares-center > .col-s-4-23 {
    grid-column: 5/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-4-24, .button-group-square-center > .col-s-4-24, .button-group-2squares-center > .col-s-4-24 {
    grid-column: 5/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-6, .button-group-square-center > .col-s-5-6, .button-group-2squares-center > .col-s-5-6 {
    grid-column: 6/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-7, .button-group-square-center > .col-s-5-7, .button-group-2squares-center > .col-s-5-7 {
    grid-column: 6/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-8, .button-group-square-center > .col-s-5-8, .button-group-2squares-center > .col-s-5-8 {
    grid-column: 6/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-9, .button-group-square-center > .col-s-5-9, .button-group-2squares-center > .col-s-5-9 {
    grid-column: 6/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-10, .button-group-square-center > .col-s-5-10, .button-group-2squares-center > .col-s-5-10 {
    grid-column: 6/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-11, .button-group-square-center > .col-s-5-11, .button-group-2squares-center > .col-s-5-11 {
    grid-column: 6/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-12, .button-group-square-center > .col-s-5-12, .button-group-2squares-center > .col-s-5-12 {
    grid-column: 6/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-13, .button-group-square-center > .col-s-5-13, .button-group-2squares-center > .col-s-5-13 {
    grid-column: 6/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-14, .button-group-square-center > .col-s-5-14, .button-group-2squares-center > .col-s-5-14 {
    grid-column: 6/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-15, .button-group-square-center > .col-s-5-15, .button-group-2squares-center > .col-s-5-15 {
    grid-column: 6/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-16, .button-group-square-center > .col-s-5-16, .button-group-2squares-center > .col-s-5-16 {
    grid-column: 6/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-17, .button-group-square-center > .col-s-5-17, .button-group-2squares-center > .col-s-5-17 {
    grid-column: 6/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-18, .button-group-square-center > .col-s-5-18, .button-group-2squares-center > .col-s-5-18 {
    grid-column: 6/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-19, .button-group-square-center > .col-s-5-19, .button-group-2squares-center > .col-s-5-19 {
    grid-column: 6/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-20, .button-group-square-center > .col-s-5-20, .button-group-2squares-center > .col-s-5-20 {
    grid-column: 6/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-21, .button-group-square-center > .col-s-5-21, .button-group-2squares-center > .col-s-5-21 {
    grid-column: 6/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-22, .button-group-square-center > .col-s-5-22, .button-group-2squares-center > .col-s-5-22 {
    grid-column: 6/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-23, .button-group-square-center > .col-s-5-23, .button-group-2squares-center > .col-s-5-23 {
    grid-column: 6/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-5-24, .button-group-square-center > .col-s-5-24, .button-group-2squares-center > .col-s-5-24 {
    grid-column: 6/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-7, .button-group-square-center > .col-s-6-7, .button-group-2squares-center > .col-s-6-7 {
    grid-column: 7/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-8, .button-group-square-center > .col-s-6-8, .button-group-2squares-center > .col-s-6-8 {
    grid-column: 7/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-9, .button-group-square-center > .col-s-6-9, .button-group-2squares-center > .col-s-6-9 {
    grid-column: 7/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-10, .button-group-square-center > .col-s-6-10, .button-group-2squares-center > .col-s-6-10 {
    grid-column: 7/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-11, .button-group-square-center > .col-s-6-11, .button-group-2squares-center > .col-s-6-11 {
    grid-column: 7/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-12, .button-group-square-center > .col-s-6-12, .button-group-2squares-center > .col-s-6-12 {
    grid-column: 7/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-13, .button-group-square-center > .col-s-6-13, .button-group-2squares-center > .col-s-6-13 {
    grid-column: 7/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-14, .button-group-square-center > .col-s-6-14, .button-group-2squares-center > .col-s-6-14 {
    grid-column: 7/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-15, .button-group-square-center > .col-s-6-15, .button-group-2squares-center > .col-s-6-15 {
    grid-column: 7/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-16, .button-group-square-center > .col-s-6-16, .button-group-2squares-center > .col-s-6-16 {
    grid-column: 7/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-17, .button-group-square-center > .col-s-6-17, .button-group-2squares-center > .col-s-6-17 {
    grid-column: 7/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-18, .button-group-square-center > .col-s-6-18, .button-group-2squares-center > .col-s-6-18 {
    grid-column: 7/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-19, .button-group-square-center > .col-s-6-19, .button-group-2squares-center > .col-s-6-19 {
    grid-column: 7/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-20, .button-group-square-center > .col-s-6-20, .button-group-2squares-center > .col-s-6-20 {
    grid-column: 7/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-21, .button-group-square-center > .col-s-6-21, .button-group-2squares-center > .col-s-6-21 {
    grid-column: 7/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-22, .button-group-square-center > .col-s-6-22, .button-group-2squares-center > .col-s-6-22 {
    grid-column: 7/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-23, .button-group-square-center > .col-s-6-23, .button-group-2squares-center > .col-s-6-23 {
    grid-column: 7/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-6-24, .button-group-square-center > .col-s-6-24, .button-group-2squares-center > .col-s-6-24 {
    grid-column: 7/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-8, .button-group-square-center > .col-s-7-8, .button-group-2squares-center > .col-s-7-8 {
    grid-column: 8/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-9, .button-group-square-center > .col-s-7-9, .button-group-2squares-center > .col-s-7-9 {
    grid-column: 8/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-10, .button-group-square-center > .col-s-7-10, .button-group-2squares-center > .col-s-7-10 {
    grid-column: 8/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-11, .button-group-square-center > .col-s-7-11, .button-group-2squares-center > .col-s-7-11 {
    grid-column: 8/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-12, .button-group-square-center > .col-s-7-12, .button-group-2squares-center > .col-s-7-12 {
    grid-column: 8/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-13, .button-group-square-center > .col-s-7-13, .button-group-2squares-center > .col-s-7-13 {
    grid-column: 8/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-14, .button-group-square-center > .col-s-7-14, .button-group-2squares-center > .col-s-7-14 {
    grid-column: 8/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-15, .button-group-square-center > .col-s-7-15, .button-group-2squares-center > .col-s-7-15 {
    grid-column: 8/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-16, .button-group-square-center > .col-s-7-16, .button-group-2squares-center > .col-s-7-16 {
    grid-column: 8/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-17, .button-group-square-center > .col-s-7-17, .button-group-2squares-center > .col-s-7-17 {
    grid-column: 8/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-18, .button-group-square-center > .col-s-7-18, .button-group-2squares-center > .col-s-7-18 {
    grid-column: 8/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-19, .button-group-square-center > .col-s-7-19, .button-group-2squares-center > .col-s-7-19 {
    grid-column: 8/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-20, .button-group-square-center > .col-s-7-20, .button-group-2squares-center > .col-s-7-20 {
    grid-column: 8/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-21, .button-group-square-center > .col-s-7-21, .button-group-2squares-center > .col-s-7-21 {
    grid-column: 8/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-22, .button-group-square-center > .col-s-7-22, .button-group-2squares-center > .col-s-7-22 {
    grid-column: 8/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-23, .button-group-square-center > .col-s-7-23, .button-group-2squares-center > .col-s-7-23 {
    grid-column: 8/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-7-24, .button-group-square-center > .col-s-7-24, .button-group-2squares-center > .col-s-7-24 {
    grid-column: 8/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-9, .button-group-square-center > .col-s-8-9, .button-group-2squares-center > .col-s-8-9 {
    grid-column: 9/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-10, .button-group-square-center > .col-s-8-10, .button-group-2squares-center > .col-s-8-10 {
    grid-column: 9/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-11, .button-group-square-center > .col-s-8-11, .button-group-2squares-center > .col-s-8-11 {
    grid-column: 9/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-12, .button-group-square-center > .col-s-8-12, .button-group-2squares-center > .col-s-8-12 {
    grid-column: 9/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-13, .button-group-square-center > .col-s-8-13, .button-group-2squares-center > .col-s-8-13 {
    grid-column: 9/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-14, .button-group-square-center > .col-s-8-14, .button-group-2squares-center > .col-s-8-14 {
    grid-column: 9/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-15, .button-group-square-center > .col-s-8-15, .button-group-2squares-center > .col-s-8-15 {
    grid-column: 9/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-16, .button-group-square-center > .col-s-8-16, .button-group-2squares-center > .col-s-8-16 {
    grid-column: 9/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-17, .button-group-square-center > .col-s-8-17, .button-group-2squares-center > .col-s-8-17 {
    grid-column: 9/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-18, .button-group-square-center > .col-s-8-18, .button-group-2squares-center > .col-s-8-18 {
    grid-column: 9/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-19, .button-group-square-center > .col-s-8-19, .button-group-2squares-center > .col-s-8-19 {
    grid-column: 9/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-20, .button-group-square-center > .col-s-8-20, .button-group-2squares-center > .col-s-8-20 {
    grid-column: 9/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-21, .button-group-square-center > .col-s-8-21, .button-group-2squares-center > .col-s-8-21 {
    grid-column: 9/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-22, .button-group-square-center > .col-s-8-22, .button-group-2squares-center > .col-s-8-22 {
    grid-column: 9/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-23, .button-group-square-center > .col-s-8-23, .button-group-2squares-center > .col-s-8-23 {
    grid-column: 9/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-8-24, .button-group-square-center > .col-s-8-24, .button-group-2squares-center > .col-s-8-24 {
    grid-column: 9/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-10, .button-group-square-center > .col-s-9-10, .button-group-2squares-center > .col-s-9-10 {
    grid-column: 10/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-11, .button-group-square-center > .col-s-9-11, .button-group-2squares-center > .col-s-9-11 {
    grid-column: 10/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-12, .button-group-square-center > .col-s-9-12, .button-group-2squares-center > .col-s-9-12 {
    grid-column: 10/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-13, .button-group-square-center > .col-s-9-13, .button-group-2squares-center > .col-s-9-13 {
    grid-column: 10/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-14, .button-group-square-center > .col-s-9-14, .button-group-2squares-center > .col-s-9-14 {
    grid-column: 10/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-15, .button-group-square-center > .col-s-9-15, .button-group-2squares-center > .col-s-9-15 {
    grid-column: 10/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-16, .button-group-square-center > .col-s-9-16, .button-group-2squares-center > .col-s-9-16 {
    grid-column: 10/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-17, .button-group-square-center > .col-s-9-17, .button-group-2squares-center > .col-s-9-17 {
    grid-column: 10/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-18, .button-group-square-center > .col-s-9-18, .button-group-2squares-center > .col-s-9-18 {
    grid-column: 10/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-19, .button-group-square-center > .col-s-9-19, .button-group-2squares-center > .col-s-9-19 {
    grid-column: 10/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-20, .button-group-square-center > .col-s-9-20, .button-group-2squares-center > .col-s-9-20 {
    grid-column: 10/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-21, .button-group-square-center > .col-s-9-21, .button-group-2squares-center > .col-s-9-21 {
    grid-column: 10/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-22, .button-group-square-center > .col-s-9-22, .button-group-2squares-center > .col-s-9-22 {
    grid-column: 10/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-23, .button-group-square-center > .col-s-9-23, .button-group-2squares-center > .col-s-9-23 {
    grid-column: 10/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-9-24, .button-group-square-center > .col-s-9-24, .button-group-2squares-center > .col-s-9-24 {
    grid-column: 10/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-11, .button-group-square-center > .col-s-10-11, .button-group-2squares-center > .col-s-10-11 {
    grid-column: 11/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-12, .button-group-square-center > .col-s-10-12, .button-group-2squares-center > .col-s-10-12 {
    grid-column: 11/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-13, .button-group-square-center > .col-s-10-13, .button-group-2squares-center > .col-s-10-13 {
    grid-column: 11/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-14, .button-group-square-center > .col-s-10-14, .button-group-2squares-center > .col-s-10-14 {
    grid-column: 11/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-15, .button-group-square-center > .col-s-10-15, .button-group-2squares-center > .col-s-10-15 {
    grid-column: 11/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-16, .button-group-square-center > .col-s-10-16, .button-group-2squares-center > .col-s-10-16 {
    grid-column: 11/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-17, .button-group-square-center > .col-s-10-17, .button-group-2squares-center > .col-s-10-17 {
    grid-column: 11/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-18, .button-group-square-center > .col-s-10-18, .button-group-2squares-center > .col-s-10-18 {
    grid-column: 11/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-19, .button-group-square-center > .col-s-10-19, .button-group-2squares-center > .col-s-10-19 {
    grid-column: 11/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-20, .button-group-square-center > .col-s-10-20, .button-group-2squares-center > .col-s-10-20 {
    grid-column: 11/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-21, .button-group-square-center > .col-s-10-21, .button-group-2squares-center > .col-s-10-21 {
    grid-column: 11/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-22, .button-group-square-center > .col-s-10-22, .button-group-2squares-center > .col-s-10-22 {
    grid-column: 11/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-23, .button-group-square-center > .col-s-10-23, .button-group-2squares-center > .col-s-10-23 {
    grid-column: 11/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-10-24, .button-group-square-center > .col-s-10-24, .button-group-2squares-center > .col-s-10-24 {
    grid-column: 11/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-11-12, .button-group-square-center > .col-s-11-12, .button-group-2squares-center > .col-s-11-12 {
    grid-column: 12/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-11-13, .button-group-square-center > .col-s-11-13, .button-group-2squares-center > .col-s-11-13 {
    grid-column: 12/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-11-14, .button-group-square-center > .col-s-11-14, .button-group-2squares-center > .col-s-11-14 {
    grid-column: 12/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-11-15, .button-group-square-center > .col-s-11-15, .button-group-2squares-center > .col-s-11-15 {
    grid-column: 12/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-11-16, .button-group-square-center > .col-s-11-16, .button-group-2squares-center > .col-s-11-16 {
    grid-column: 12/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-11-17, .button-group-square-center > .col-s-11-17, .button-group-2squares-center > .col-s-11-17 {
    grid-column: 12/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-11-18, .button-group-square-center > .col-s-11-18, .button-group-2squares-center > .col-s-11-18 {
    grid-column: 12/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-11-19, .button-group-square-center > .col-s-11-19, .button-group-2squares-center > .col-s-11-19 {
    grid-column: 12/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-11-20, .button-group-square-center > .col-s-11-20, .button-group-2squares-center > .col-s-11-20 {
    grid-column: 12/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-11-21, .button-group-square-center > .col-s-11-21, .button-group-2squares-center > .col-s-11-21 {
    grid-column: 12/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-11-22, .button-group-square-center > .col-s-11-22, .button-group-2squares-center > .col-s-11-22 {
    grid-column: 12/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-11-23, .button-group-square-center > .col-s-11-23, .button-group-2squares-center > .col-s-11-23 {
    grid-column: 12/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-11-24, .button-group-square-center > .col-s-11-24, .button-group-2squares-center > .col-s-11-24 {
    grid-column: 12/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-12-13, .button-group-square-center > .col-s-12-13, .button-group-2squares-center > .col-s-12-13 {
    grid-column: 13/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-12-14, .button-group-square-center > .col-s-12-14, .button-group-2squares-center > .col-s-12-14 {
    grid-column: 13/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-12-15, .button-group-square-center > .col-s-12-15, .button-group-2squares-center > .col-s-12-15 {
    grid-column: 13/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-12-16, .button-group-square-center > .col-s-12-16, .button-group-2squares-center > .col-s-12-16 {
    grid-column: 13/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-12-17, .button-group-square-center > .col-s-12-17, .button-group-2squares-center > .col-s-12-17 {
    grid-column: 13/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-12-18, .button-group-square-center > .col-s-12-18, .button-group-2squares-center > .col-s-12-18 {
    grid-column: 13/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-12-19, .button-group-square-center > .col-s-12-19, .button-group-2squares-center > .col-s-12-19 {
    grid-column: 13/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-12-20, .button-group-square-center > .col-s-12-20, .button-group-2squares-center > .col-s-12-20 {
    grid-column: 13/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-12-21, .button-group-square-center > .col-s-12-21, .button-group-2squares-center > .col-s-12-21 {
    grid-column: 13/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-12-22, .button-group-square-center > .col-s-12-22, .button-group-2squares-center > .col-s-12-22 {
    grid-column: 13/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-12-23, .button-group-square-center > .col-s-12-23, .button-group-2squares-center > .col-s-12-23 {
    grid-column: 13/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-12-24, .button-group-square-center > .col-s-12-24, .button-group-2squares-center > .col-s-12-24 {
    grid-column: 13/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-13-14, .button-group-square-center > .col-s-13-14, .button-group-2squares-center > .col-s-13-14 {
    grid-column: 14/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-13-15, .button-group-square-center > .col-s-13-15, .button-group-2squares-center > .col-s-13-15 {
    grid-column: 14/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-13-16, .button-group-square-center > .col-s-13-16, .button-group-2squares-center > .col-s-13-16 {
    grid-column: 14/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-13-17, .button-group-square-center > .col-s-13-17, .button-group-2squares-center > .col-s-13-17 {
    grid-column: 14/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-13-18, .button-group-square-center > .col-s-13-18, .button-group-2squares-center > .col-s-13-18 {
    grid-column: 14/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-13-19, .button-group-square-center > .col-s-13-19, .button-group-2squares-center > .col-s-13-19 {
    grid-column: 14/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-13-20, .button-group-square-center > .col-s-13-20, .button-group-2squares-center > .col-s-13-20 {
    grid-column: 14/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-13-21, .button-group-square-center > .col-s-13-21, .button-group-2squares-center > .col-s-13-21 {
    grid-column: 14/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-13-22, .button-group-square-center > .col-s-13-22, .button-group-2squares-center > .col-s-13-22 {
    grid-column: 14/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-13-23, .button-group-square-center > .col-s-13-23, .button-group-2squares-center > .col-s-13-23 {
    grid-column: 14/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-13-24, .button-group-square-center > .col-s-13-24, .button-group-2squares-center > .col-s-13-24 {
    grid-column: 14/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-14-15, .button-group-square-center > .col-s-14-15, .button-group-2squares-center > .col-s-14-15 {
    grid-column: 15/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-14-16, .button-group-square-center > .col-s-14-16, .button-group-2squares-center > .col-s-14-16 {
    grid-column: 15/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-14-17, .button-group-square-center > .col-s-14-17, .button-group-2squares-center > .col-s-14-17 {
    grid-column: 15/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-14-18, .button-group-square-center > .col-s-14-18, .button-group-2squares-center > .col-s-14-18 {
    grid-column: 15/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-14-19, .button-group-square-center > .col-s-14-19, .button-group-2squares-center > .col-s-14-19 {
    grid-column: 15/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-14-20, .button-group-square-center > .col-s-14-20, .button-group-2squares-center > .col-s-14-20 {
    grid-column: 15/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-14-21, .button-group-square-center > .col-s-14-21, .button-group-2squares-center > .col-s-14-21 {
    grid-column: 15/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-14-22, .button-group-square-center > .col-s-14-22, .button-group-2squares-center > .col-s-14-22 {
    grid-column: 15/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-14-23, .button-group-square-center > .col-s-14-23, .button-group-2squares-center > .col-s-14-23 {
    grid-column: 15/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-14-24, .button-group-square-center > .col-s-14-24, .button-group-2squares-center > .col-s-14-24 {
    grid-column: 15/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-15-16, .button-group-square-center > .col-s-15-16, .button-group-2squares-center > .col-s-15-16 {
    grid-column: 16/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-15-17, .button-group-square-center > .col-s-15-17, .button-group-2squares-center > .col-s-15-17 {
    grid-column: 16/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-15-18, .button-group-square-center > .col-s-15-18, .button-group-2squares-center > .col-s-15-18 {
    grid-column: 16/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-15-19, .button-group-square-center > .col-s-15-19, .button-group-2squares-center > .col-s-15-19 {
    grid-column: 16/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-15-20, .button-group-square-center > .col-s-15-20, .button-group-2squares-center > .col-s-15-20 {
    grid-column: 16/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-15-21, .button-group-square-center > .col-s-15-21, .button-group-2squares-center > .col-s-15-21 {
    grid-column: 16/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-15-22, .button-group-square-center > .col-s-15-22, .button-group-2squares-center > .col-s-15-22 {
    grid-column: 16/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-15-23, .button-group-square-center > .col-s-15-23, .button-group-2squares-center > .col-s-15-23 {
    grid-column: 16/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-15-24, .button-group-square-center > .col-s-15-24, .button-group-2squares-center > .col-s-15-24 {
    grid-column: 16/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-16-17, .button-group-square-center > .col-s-16-17, .button-group-2squares-center > .col-s-16-17 {
    grid-column: 17/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-16-18, .button-group-square-center > .col-s-16-18, .button-group-2squares-center > .col-s-16-18 {
    grid-column: 17/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-16-19, .button-group-square-center > .col-s-16-19, .button-group-2squares-center > .col-s-16-19 {
    grid-column: 17/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-16-20, .button-group-square-center > .col-s-16-20, .button-group-2squares-center > .col-s-16-20 {
    grid-column: 17/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-16-21, .button-group-square-center > .col-s-16-21, .button-group-2squares-center > .col-s-16-21 {
    grid-column: 17/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-16-22, .button-group-square-center > .col-s-16-22, .button-group-2squares-center > .col-s-16-22 {
    grid-column: 17/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-16-23, .button-group-square-center > .col-s-16-23, .button-group-2squares-center > .col-s-16-23 {
    grid-column: 17/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-16-24, .button-group-square-center > .col-s-16-24, .button-group-2squares-center > .col-s-16-24 {
    grid-column: 17/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-17-18, .button-group-square-center > .col-s-17-18, .button-group-2squares-center > .col-s-17-18 {
    grid-column: 18/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-17-19, .button-group-square-center > .col-s-17-19, .button-group-2squares-center > .col-s-17-19 {
    grid-column: 18/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-17-20, .button-group-square-center > .col-s-17-20, .button-group-2squares-center > .col-s-17-20 {
    grid-column: 18/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-17-21, .button-group-square-center > .col-s-17-21, .button-group-2squares-center > .col-s-17-21 {
    grid-column: 18/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-17-22, .button-group-square-center > .col-s-17-22, .button-group-2squares-center > .col-s-17-22 {
    grid-column: 18/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-17-23, .button-group-square-center > .col-s-17-23, .button-group-2squares-center > .col-s-17-23 {
    grid-column: 18/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-17-24, .button-group-square-center > .col-s-17-24, .button-group-2squares-center > .col-s-17-24 {
    grid-column: 18/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-18-19, .button-group-square-center > .col-s-18-19, .button-group-2squares-center > .col-s-18-19 {
    grid-column: 19/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-18-20, .button-group-square-center > .col-s-18-20, .button-group-2squares-center > .col-s-18-20 {
    grid-column: 19/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-18-21, .button-group-square-center > .col-s-18-21, .button-group-2squares-center > .col-s-18-21 {
    grid-column: 19/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-18-22, .button-group-square-center > .col-s-18-22, .button-group-2squares-center > .col-s-18-22 {
    grid-column: 19/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-18-23, .button-group-square-center > .col-s-18-23, .button-group-2squares-center > .col-s-18-23 {
    grid-column: 19/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-18-24, .button-group-square-center > .col-s-18-24, .button-group-2squares-center > .col-s-18-24 {
    grid-column: 19/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-19-20, .button-group-square-center > .col-s-19-20, .button-group-2squares-center > .col-s-19-20 {
    grid-column: 20/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-19-21, .button-group-square-center > .col-s-19-21, .button-group-2squares-center > .col-s-19-21 {
    grid-column: 20/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-19-22, .button-group-square-center > .col-s-19-22, .button-group-2squares-center > .col-s-19-22 {
    grid-column: 20/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-19-23, .button-group-square-center > .col-s-19-23, .button-group-2squares-center > .col-s-19-23 {
    grid-column: 20/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-19-24, .button-group-square-center > .col-s-19-24, .button-group-2squares-center > .col-s-19-24 {
    grid-column: 20/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-20-21, .button-group-square-center > .col-s-20-21, .button-group-2squares-center > .col-s-20-21 {
    grid-column: 21/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-20-22, .button-group-square-center > .col-s-20-22, .button-group-2squares-center > .col-s-20-22 {
    grid-column: 21/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-20-23, .button-group-square-center > .col-s-20-23, .button-group-2squares-center > .col-s-20-23 {
    grid-column: 21/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-20-24, .button-group-square-center > .col-s-20-24, .button-group-2squares-center > .col-s-20-24 {
    grid-column: 21/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-21-22, .button-group-square-center > .col-s-21-22, .button-group-2squares-center > .col-s-21-22 {
    grid-column: 22/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 22;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-21-23, .button-group-square-center > .col-s-21-23, .button-group-2squares-center > .col-s-21-23 {
    grid-column: 22/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 22;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-21-24, .button-group-square-center > .col-s-21-24, .button-group-2squares-center > .col-s-21-24 {
    grid-column: 22/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 22;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-22-23, .button-group-square-center > .col-s-22-23, .button-group-2squares-center > .col-s-22-23 {
    grid-column: 23/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 23;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-22-24, .button-group-square-center > .col-s-22-24, .button-group-2squares-center > .col-s-22-24 {
    grid-column: 23/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 23;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 768px) {
  .grid-css > .col-s-23-24, .button-group-square-center > .col-s-23-24, .button-group-2squares-center > .col-s-23-24 {
    grid-column: 24/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 24;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-1, .button-group-square-center > .col-xs-0-1, .button-group-2squares-center > .col-xs-0-1 {
    grid-column: 1/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-2, .button-group-square-center > .col-xs-0-2, .button-group-2squares-center > .col-xs-0-2 {
    grid-column: 1/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-3, .button-group-square-center > .col-xs-0-3, .button-group-2squares-center > .col-xs-0-3 {
    grid-column: 1/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-4, .button-group-square-center > .col-xs-0-4, .button-group-2squares-center > .col-xs-0-4 {
    grid-column: 1/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-5, .button-group-square-center > .col-xs-0-5, .button-group-2squares-center > .col-xs-0-5 {
    grid-column: 1/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-6, .button-group-square-center > .col-xs-0-6, .button-group-2squares-center > .col-xs-0-6 {
    grid-column: 1/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-7, .button-group-square-center > .col-xs-0-7, .button-group-2squares-center > .col-xs-0-7 {
    grid-column: 1/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-8, .button-group-square-center > .col-xs-0-8, .button-group-2squares-center > .col-xs-0-8 {
    grid-column: 1/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-9, .button-group-square-center > .col-xs-0-9, .button-group-2squares-center > .col-xs-0-9 {
    grid-column: 1/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-10, .button-group-square-center > .col-xs-0-10, .button-group-2squares-center > .col-xs-0-10 {
    grid-column: 1/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-11, .button-group-square-center > .col-xs-0-11, .button-group-2squares-center > .col-xs-0-11 {
    grid-column: 1/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-12, .button-group-square-center > .col-xs-0-12, .button-group-2squares-center > .col-xs-0-12 {
    grid-column: 1/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-13, .button-group-square-center > .col-xs-0-13, .button-group-2squares-center > .col-xs-0-13 {
    grid-column: 1/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-14, .button-group-square-center > .col-xs-0-14, .button-group-2squares-center > .col-xs-0-14 {
    grid-column: 1/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-15, .button-group-square-center > .col-xs-0-15, .button-group-2squares-center > .col-xs-0-15 {
    grid-column: 1/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-16, .button-group-square-center > .col-xs-0-16, .button-group-2squares-center > .col-xs-0-16 {
    grid-column: 1/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-17, .button-group-square-center > .col-xs-0-17, .button-group-2squares-center > .col-xs-0-17 {
    grid-column: 1/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-18, .button-group-square-center > .col-xs-0-18, .button-group-2squares-center > .col-xs-0-18 {
    grid-column: 1/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-19, .button-group-square-center > .col-xs-0-19, .button-group-2squares-center > .col-xs-0-19 {
    grid-column: 1/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-20, .button-group-square-center > .col-xs-0-20, .button-group-2squares-center > .col-xs-0-20 {
    grid-column: 1/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-21, .button-group-square-center > .col-xs-0-21, .button-group-2squares-center > .col-xs-0-21 {
    grid-column: 1/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-22, .button-group-square-center > .col-xs-0-22, .button-group-2squares-center > .col-xs-0-22 {
    grid-column: 1/span 22;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 22;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-23, .button-group-square-center > .col-xs-0-23, .button-group-2squares-center > .col-xs-0-23 {
    grid-column: 1/span 23;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-0-24, .button-group-square-center > .col-xs-0-24, .button-group-2squares-center > .col-xs-0-24 {
    grid-column: 1/span 24;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 1;
    -ms-grid-column-span: 24;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-2, .button-group-square-center > .col-xs-1-2, .button-group-2squares-center > .col-xs-1-2 {
    grid-column: 2/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-3, .button-group-square-center > .col-xs-1-3, .button-group-2squares-center > .col-xs-1-3 {
    grid-column: 2/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-4, .button-group-square-center > .col-xs-1-4, .button-group-2squares-center > .col-xs-1-4 {
    grid-column: 2/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-5, .button-group-square-center > .col-xs-1-5, .button-group-2squares-center > .col-xs-1-5 {
    grid-column: 2/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-6, .button-group-square-center > .col-xs-1-6, .button-group-2squares-center > .col-xs-1-6 {
    grid-column: 2/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-7, .button-group-square-center > .col-xs-1-7, .button-group-2squares-center > .col-xs-1-7 {
    grid-column: 2/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-8, .button-group-square-center > .col-xs-1-8, .button-group-2squares-center > .col-xs-1-8 {
    grid-column: 2/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-9, .button-group-square-center > .col-xs-1-9, .button-group-2squares-center > .col-xs-1-9 {
    grid-column: 2/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-10, .button-group-square-center > .col-xs-1-10, .button-group-2squares-center > .col-xs-1-10 {
    grid-column: 2/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-11, .button-group-square-center > .col-xs-1-11, .button-group-2squares-center > .col-xs-1-11 {
    grid-column: 2/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-12, .button-group-square-center > .col-xs-1-12, .button-group-2squares-center > .col-xs-1-12 {
    grid-column: 2/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-13, .button-group-square-center > .col-xs-1-13, .button-group-2squares-center > .col-xs-1-13 {
    grid-column: 2/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-14, .button-group-square-center > .col-xs-1-14, .button-group-2squares-center > .col-xs-1-14 {
    grid-column: 2/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-15, .button-group-square-center > .col-xs-1-15, .button-group-2squares-center > .col-xs-1-15 {
    grid-column: 2/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-16, .button-group-square-center > .col-xs-1-16, .button-group-2squares-center > .col-xs-1-16 {
    grid-column: 2/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-17, .button-group-square-center > .col-xs-1-17, .button-group-2squares-center > .col-xs-1-17 {
    grid-column: 2/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-18, .button-group-square-center > .col-xs-1-18, .button-group-2squares-center > .col-xs-1-18 {
    grid-column: 2/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-19, .button-group-square-center > .col-xs-1-19, .button-group-2squares-center > .col-xs-1-19 {
    grid-column: 2/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-20, .button-group-square-center > .col-xs-1-20, .button-group-2squares-center > .col-xs-1-20 {
    grid-column: 2/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-21, .button-group-square-center > .col-xs-1-21, .button-group-2squares-center > .col-xs-1-21 {
    grid-column: 2/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-22, .button-group-square-center > .col-xs-1-22, .button-group-2squares-center > .col-xs-1-22 {
    grid-column: 2/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-23, .button-group-square-center > .col-xs-1-23, .button-group-2squares-center > .col-xs-1-23 {
    grid-column: 2/span 22;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 22;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-1-24, .button-group-square-center > .col-xs-1-24, .button-group-2squares-center > .col-xs-1-24 {
    grid-column: 2/span 23;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 2;
    -ms-grid-column-span: 23;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-3, .button-group-square-center > .col-xs-2-3, .button-group-2squares-center > .col-xs-2-3 {
    grid-column: 3/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-4, .button-group-square-center > .col-xs-2-4, .button-group-2squares-center > .col-xs-2-4 {
    grid-column: 3/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-5, .button-group-square-center > .col-xs-2-5, .button-group-2squares-center > .col-xs-2-5 {
    grid-column: 3/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-6, .button-group-square-center > .col-xs-2-6, .button-group-2squares-center > .col-xs-2-6 {
    grid-column: 3/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-7, .button-group-square-center > .col-xs-2-7, .button-group-2squares-center > .col-xs-2-7 {
    grid-column: 3/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-8, .button-group-square-center > .col-xs-2-8, .button-group-2squares-center > .col-xs-2-8 {
    grid-column: 3/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-9, .button-group-square-center > .col-xs-2-9, .button-group-2squares-center > .col-xs-2-9 {
    grid-column: 3/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-10, .button-group-square-center > .col-xs-2-10, .button-group-2squares-center > .col-xs-2-10 {
    grid-column: 3/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-11, .button-group-square-center > .col-xs-2-11, .button-group-2squares-center > .col-xs-2-11 {
    grid-column: 3/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-12, .button-group-square-center > .col-xs-2-12, .button-group-2squares-center > .col-xs-2-12 {
    grid-column: 3/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-13, .button-group-square-center > .col-xs-2-13, .button-group-2squares-center > .col-xs-2-13 {
    grid-column: 3/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-14, .button-group-square-center > .col-xs-2-14, .button-group-2squares-center > .col-xs-2-14 {
    grid-column: 3/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-15, .button-group-square-center > .col-xs-2-15, .button-group-2squares-center > .col-xs-2-15 {
    grid-column: 3/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-16, .button-group-square-center > .col-xs-2-16, .button-group-2squares-center > .col-xs-2-16 {
    grid-column: 3/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-17, .button-group-square-center > .col-xs-2-17, .button-group-2squares-center > .col-xs-2-17 {
    grid-column: 3/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-18, .button-group-square-center > .col-xs-2-18, .button-group-2squares-center > .col-xs-2-18 {
    grid-column: 3/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-19, .button-group-square-center > .col-xs-2-19, .button-group-2squares-center > .col-xs-2-19 {
    grid-column: 3/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-20, .button-group-square-center > .col-xs-2-20, .button-group-2squares-center > .col-xs-2-20 {
    grid-column: 3/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-21, .button-group-square-center > .col-xs-2-21, .button-group-2squares-center > .col-xs-2-21 {
    grid-column: 3/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-22, .button-group-square-center > .col-xs-2-22, .button-group-2squares-center > .col-xs-2-22 {
    grid-column: 3/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-23, .button-group-square-center > .col-xs-2-23, .button-group-2squares-center > .col-xs-2-23 {
    grid-column: 3/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-2-24, .button-group-square-center > .col-xs-2-24, .button-group-2squares-center > .col-xs-2-24 {
    grid-column: 3/span 22;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 3;
    -ms-grid-column-span: 22;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-4, .button-group-square-center > .col-xs-3-4, .button-group-2squares-center > .col-xs-3-4 {
    grid-column: 4/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-5, .button-group-square-center > .col-xs-3-5, .button-group-2squares-center > .col-xs-3-5 {
    grid-column: 4/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-6, .button-group-square-center > .col-xs-3-6, .button-group-2squares-center > .col-xs-3-6 {
    grid-column: 4/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-7, .button-group-square-center > .col-xs-3-7, .button-group-2squares-center > .col-xs-3-7 {
    grid-column: 4/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-8, .button-group-square-center > .col-xs-3-8, .button-group-2squares-center > .col-xs-3-8 {
    grid-column: 4/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-9, .button-group-square-center > .col-xs-3-9, .button-group-2squares-center > .col-xs-3-9 {
    grid-column: 4/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-10, .button-group-square-center > .col-xs-3-10, .button-group-2squares-center > .col-xs-3-10 {
    grid-column: 4/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-11, .button-group-square-center > .col-xs-3-11, .button-group-2squares-center > .col-xs-3-11 {
    grid-column: 4/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-12, .button-group-square-center > .col-xs-3-12, .button-group-2squares-center > .col-xs-3-12 {
    grid-column: 4/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-13, .button-group-square-center > .col-xs-3-13, .button-group-2squares-center > .col-xs-3-13 {
    grid-column: 4/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-14, .button-group-square-center > .col-xs-3-14, .button-group-2squares-center > .col-xs-3-14 {
    grid-column: 4/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-15, .button-group-square-center > .col-xs-3-15, .button-group-2squares-center > .col-xs-3-15 {
    grid-column: 4/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-16, .button-group-square-center > .col-xs-3-16, .button-group-2squares-center > .col-xs-3-16 {
    grid-column: 4/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-17, .button-group-square-center > .col-xs-3-17, .button-group-2squares-center > .col-xs-3-17 {
    grid-column: 4/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-18, .button-group-square-center > .col-xs-3-18, .button-group-2squares-center > .col-xs-3-18 {
    grid-column: 4/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-19, .button-group-square-center > .col-xs-3-19, .button-group-2squares-center > .col-xs-3-19 {
    grid-column: 4/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-20, .button-group-square-center > .col-xs-3-20, .button-group-2squares-center > .col-xs-3-20 {
    grid-column: 4/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-21, .button-group-square-center > .col-xs-3-21, .button-group-2squares-center > .col-xs-3-21 {
    grid-column: 4/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-22, .button-group-square-center > .col-xs-3-22, .button-group-2squares-center > .col-xs-3-22 {
    grid-column: 4/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-23, .button-group-square-center > .col-xs-3-23, .button-group-2squares-center > .col-xs-3-23 {
    grid-column: 4/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-3-24, .button-group-square-center > .col-xs-3-24, .button-group-2squares-center > .col-xs-3-24 {
    grid-column: 4/span 21;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 4;
    -ms-grid-column-span: 21;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-5, .button-group-square-center > .col-xs-4-5, .button-group-2squares-center > .col-xs-4-5 {
    grid-column: 5/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-6, .button-group-square-center > .col-xs-4-6, .button-group-2squares-center > .col-xs-4-6 {
    grid-column: 5/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-7, .button-group-square-center > .col-xs-4-7, .button-group-2squares-center > .col-xs-4-7 {
    grid-column: 5/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-8, .button-group-square-center > .col-xs-4-8, .button-group-2squares-center > .col-xs-4-8 {
    grid-column: 5/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-9, .button-group-square-center > .col-xs-4-9, .button-group-2squares-center > .col-xs-4-9 {
    grid-column: 5/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-10, .button-group-square-center > .col-xs-4-10, .button-group-2squares-center > .col-xs-4-10 {
    grid-column: 5/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-11, .button-group-square-center > .col-xs-4-11, .button-group-2squares-center > .col-xs-4-11 {
    grid-column: 5/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-12, .button-group-square-center > .col-xs-4-12, .button-group-2squares-center > .col-xs-4-12 {
    grid-column: 5/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-13, .button-group-square-center > .col-xs-4-13, .button-group-2squares-center > .col-xs-4-13 {
    grid-column: 5/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-14, .button-group-square-center > .col-xs-4-14, .button-group-2squares-center > .col-xs-4-14 {
    grid-column: 5/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-15, .button-group-square-center > .col-xs-4-15, .button-group-2squares-center > .col-xs-4-15 {
    grid-column: 5/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-16, .button-group-square-center > .col-xs-4-16, .button-group-2squares-center > .col-xs-4-16 {
    grid-column: 5/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-17, .button-group-square-center > .col-xs-4-17, .button-group-2squares-center > .col-xs-4-17 {
    grid-column: 5/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-18, .button-group-square-center > .col-xs-4-18, .button-group-2squares-center > .col-xs-4-18 {
    grid-column: 5/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-19, .button-group-square-center > .col-xs-4-19, .button-group-2squares-center > .col-xs-4-19 {
    grid-column: 5/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-20, .button-group-square-center > .col-xs-4-20, .button-group-2squares-center > .col-xs-4-20 {
    grid-column: 5/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-21, .button-group-square-center > .col-xs-4-21, .button-group-2squares-center > .col-xs-4-21 {
    grid-column: 5/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-22, .button-group-square-center > .col-xs-4-22, .button-group-2squares-center > .col-xs-4-22 {
    grid-column: 5/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-23, .button-group-square-center > .col-xs-4-23, .button-group-2squares-center > .col-xs-4-23 {
    grid-column: 5/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-4-24, .button-group-square-center > .col-xs-4-24, .button-group-2squares-center > .col-xs-4-24 {
    grid-column: 5/span 20;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 5;
    -ms-grid-column-span: 20;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-6, .button-group-square-center > .col-xs-5-6, .button-group-2squares-center > .col-xs-5-6 {
    grid-column: 6/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-7, .button-group-square-center > .col-xs-5-7, .button-group-2squares-center > .col-xs-5-7 {
    grid-column: 6/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-8, .button-group-square-center > .col-xs-5-8, .button-group-2squares-center > .col-xs-5-8 {
    grid-column: 6/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-9, .button-group-square-center > .col-xs-5-9, .button-group-2squares-center > .col-xs-5-9 {
    grid-column: 6/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-10, .button-group-square-center > .col-xs-5-10, .button-group-2squares-center > .col-xs-5-10 {
    grid-column: 6/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-11, .button-group-square-center > .col-xs-5-11, .button-group-2squares-center > .col-xs-5-11 {
    grid-column: 6/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-12, .button-group-square-center > .col-xs-5-12, .button-group-2squares-center > .col-xs-5-12 {
    grid-column: 6/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-13, .button-group-square-center > .col-xs-5-13, .button-group-2squares-center > .col-xs-5-13 {
    grid-column: 6/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-14, .button-group-square-center > .col-xs-5-14, .button-group-2squares-center > .col-xs-5-14 {
    grid-column: 6/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-15, .button-group-square-center > .col-xs-5-15, .button-group-2squares-center > .col-xs-5-15 {
    grid-column: 6/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-16, .button-group-square-center > .col-xs-5-16, .button-group-2squares-center > .col-xs-5-16 {
    grid-column: 6/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-17, .button-group-square-center > .col-xs-5-17, .button-group-2squares-center > .col-xs-5-17 {
    grid-column: 6/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-18, .button-group-square-center > .col-xs-5-18, .button-group-2squares-center > .col-xs-5-18 {
    grid-column: 6/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-19, .button-group-square-center > .col-xs-5-19, .button-group-2squares-center > .col-xs-5-19 {
    grid-column: 6/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-20, .button-group-square-center > .col-xs-5-20, .button-group-2squares-center > .col-xs-5-20 {
    grid-column: 6/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-21, .button-group-square-center > .col-xs-5-21, .button-group-2squares-center > .col-xs-5-21 {
    grid-column: 6/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-22, .button-group-square-center > .col-xs-5-22, .button-group-2squares-center > .col-xs-5-22 {
    grid-column: 6/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-23, .button-group-square-center > .col-xs-5-23, .button-group-2squares-center > .col-xs-5-23 {
    grid-column: 6/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-5-24, .button-group-square-center > .col-xs-5-24, .button-group-2squares-center > .col-xs-5-24 {
    grid-column: 6/span 19;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 6;
    -ms-grid-column-span: 19;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-7, .button-group-square-center > .col-xs-6-7, .button-group-2squares-center > .col-xs-6-7 {
    grid-column: 7/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-8, .button-group-square-center > .col-xs-6-8, .button-group-2squares-center > .col-xs-6-8 {
    grid-column: 7/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-9, .button-group-square-center > .col-xs-6-9, .button-group-2squares-center > .col-xs-6-9 {
    grid-column: 7/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-10, .button-group-square-center > .col-xs-6-10, .button-group-2squares-center > .col-xs-6-10 {
    grid-column: 7/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-11, .button-group-square-center > .col-xs-6-11, .button-group-2squares-center > .col-xs-6-11 {
    grid-column: 7/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-12, .button-group-square-center > .col-xs-6-12, .button-group-2squares-center > .col-xs-6-12 {
    grid-column: 7/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-13, .button-group-square-center > .col-xs-6-13, .button-group-2squares-center > .col-xs-6-13 {
    grid-column: 7/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-14, .button-group-square-center > .col-xs-6-14, .button-group-2squares-center > .col-xs-6-14 {
    grid-column: 7/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-15, .button-group-square-center > .col-xs-6-15, .button-group-2squares-center > .col-xs-6-15 {
    grid-column: 7/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-16, .button-group-square-center > .col-xs-6-16, .button-group-2squares-center > .col-xs-6-16 {
    grid-column: 7/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-17, .button-group-square-center > .col-xs-6-17, .button-group-2squares-center > .col-xs-6-17 {
    grid-column: 7/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-18, .button-group-square-center > .col-xs-6-18, .button-group-2squares-center > .col-xs-6-18 {
    grid-column: 7/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-19, .button-group-square-center > .col-xs-6-19, .button-group-2squares-center > .col-xs-6-19 {
    grid-column: 7/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-20, .button-group-square-center > .col-xs-6-20, .button-group-2squares-center > .col-xs-6-20 {
    grid-column: 7/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-21, .button-group-square-center > .col-xs-6-21, .button-group-2squares-center > .col-xs-6-21 {
    grid-column: 7/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-22, .button-group-square-center > .col-xs-6-22, .button-group-2squares-center > .col-xs-6-22 {
    grid-column: 7/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-23, .button-group-square-center > .col-xs-6-23, .button-group-2squares-center > .col-xs-6-23 {
    grid-column: 7/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-6-24, .button-group-square-center > .col-xs-6-24, .button-group-2squares-center > .col-xs-6-24 {
    grid-column: 7/span 18;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 7;
    -ms-grid-column-span: 18;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-8, .button-group-square-center > .col-xs-7-8, .button-group-2squares-center > .col-xs-7-8 {
    grid-column: 8/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-9, .button-group-square-center > .col-xs-7-9, .button-group-2squares-center > .col-xs-7-9 {
    grid-column: 8/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-10, .button-group-square-center > .col-xs-7-10, .button-group-2squares-center > .col-xs-7-10 {
    grid-column: 8/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-11, .button-group-square-center > .col-xs-7-11, .button-group-2squares-center > .col-xs-7-11 {
    grid-column: 8/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-12, .button-group-square-center > .col-xs-7-12, .button-group-2squares-center > .col-xs-7-12 {
    grid-column: 8/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-13, .button-group-square-center > .col-xs-7-13, .button-group-2squares-center > .col-xs-7-13 {
    grid-column: 8/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-14, .button-group-square-center > .col-xs-7-14, .button-group-2squares-center > .col-xs-7-14 {
    grid-column: 8/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-15, .button-group-square-center > .col-xs-7-15, .button-group-2squares-center > .col-xs-7-15 {
    grid-column: 8/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-16, .button-group-square-center > .col-xs-7-16, .button-group-2squares-center > .col-xs-7-16 {
    grid-column: 8/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-17, .button-group-square-center > .col-xs-7-17, .button-group-2squares-center > .col-xs-7-17 {
    grid-column: 8/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-18, .button-group-square-center > .col-xs-7-18, .button-group-2squares-center > .col-xs-7-18 {
    grid-column: 8/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-19, .button-group-square-center > .col-xs-7-19, .button-group-2squares-center > .col-xs-7-19 {
    grid-column: 8/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-20, .button-group-square-center > .col-xs-7-20, .button-group-2squares-center > .col-xs-7-20 {
    grid-column: 8/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-21, .button-group-square-center > .col-xs-7-21, .button-group-2squares-center > .col-xs-7-21 {
    grid-column: 8/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-22, .button-group-square-center > .col-xs-7-22, .button-group-2squares-center > .col-xs-7-22 {
    grid-column: 8/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-23, .button-group-square-center > .col-xs-7-23, .button-group-2squares-center > .col-xs-7-23 {
    grid-column: 8/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-7-24, .button-group-square-center > .col-xs-7-24, .button-group-2squares-center > .col-xs-7-24 {
    grid-column: 8/span 17;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 8;
    -ms-grid-column-span: 17;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-9, .button-group-square-center > .col-xs-8-9, .button-group-2squares-center > .col-xs-8-9 {
    grid-column: 9/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-10, .button-group-square-center > .col-xs-8-10, .button-group-2squares-center > .col-xs-8-10 {
    grid-column: 9/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-11, .button-group-square-center > .col-xs-8-11, .button-group-2squares-center > .col-xs-8-11 {
    grid-column: 9/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-12, .button-group-square-center > .col-xs-8-12, .button-group-2squares-center > .col-xs-8-12 {
    grid-column: 9/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-13, .button-group-square-center > .col-xs-8-13, .button-group-2squares-center > .col-xs-8-13 {
    grid-column: 9/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-14, .button-group-square-center > .col-xs-8-14, .button-group-2squares-center > .col-xs-8-14 {
    grid-column: 9/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-15, .button-group-square-center > .col-xs-8-15, .button-group-2squares-center > .col-xs-8-15 {
    grid-column: 9/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-16, .button-group-square-center > .col-xs-8-16, .button-group-2squares-center > .col-xs-8-16 {
    grid-column: 9/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-17, .button-group-square-center > .col-xs-8-17, .button-group-2squares-center > .col-xs-8-17 {
    grid-column: 9/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-18, .button-group-square-center > .col-xs-8-18, .button-group-2squares-center > .col-xs-8-18 {
    grid-column: 9/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-19, .button-group-square-center > .col-xs-8-19, .button-group-2squares-center > .col-xs-8-19 {
    grid-column: 9/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-20, .button-group-square-center > .col-xs-8-20, .button-group-2squares-center > .col-xs-8-20 {
    grid-column: 9/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-21, .button-group-square-center > .col-xs-8-21, .button-group-2squares-center > .col-xs-8-21 {
    grid-column: 9/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-22, .button-group-square-center > .col-xs-8-22, .button-group-2squares-center > .col-xs-8-22 {
    grid-column: 9/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-23, .button-group-square-center > .col-xs-8-23, .button-group-2squares-center > .col-xs-8-23 {
    grid-column: 9/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-8-24, .button-group-square-center > .col-xs-8-24, .button-group-2squares-center > .col-xs-8-24 {
    grid-column: 9/span 16;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 9;
    -ms-grid-column-span: 16;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-10, .button-group-square-center > .col-xs-9-10, .button-group-2squares-center > .col-xs-9-10 {
    grid-column: 10/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-11, .button-group-square-center > .col-xs-9-11, .button-group-2squares-center > .col-xs-9-11 {
    grid-column: 10/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-12, .button-group-square-center > .col-xs-9-12, .button-group-2squares-center > .col-xs-9-12 {
    grid-column: 10/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-13, .button-group-square-center > .col-xs-9-13, .button-group-2squares-center > .col-xs-9-13 {
    grid-column: 10/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-14, .button-group-square-center > .col-xs-9-14, .button-group-2squares-center > .col-xs-9-14 {
    grid-column: 10/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-15, .button-group-square-center > .col-xs-9-15, .button-group-2squares-center > .col-xs-9-15 {
    grid-column: 10/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-16, .button-group-square-center > .col-xs-9-16, .button-group-2squares-center > .col-xs-9-16 {
    grid-column: 10/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-17, .button-group-square-center > .col-xs-9-17, .button-group-2squares-center > .col-xs-9-17 {
    grid-column: 10/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-18, .button-group-square-center > .col-xs-9-18, .button-group-2squares-center > .col-xs-9-18 {
    grid-column: 10/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-19, .button-group-square-center > .col-xs-9-19, .button-group-2squares-center > .col-xs-9-19 {
    grid-column: 10/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-20, .button-group-square-center > .col-xs-9-20, .button-group-2squares-center > .col-xs-9-20 {
    grid-column: 10/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-21, .button-group-square-center > .col-xs-9-21, .button-group-2squares-center > .col-xs-9-21 {
    grid-column: 10/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-22, .button-group-square-center > .col-xs-9-22, .button-group-2squares-center > .col-xs-9-22 {
    grid-column: 10/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-23, .button-group-square-center > .col-xs-9-23, .button-group-2squares-center > .col-xs-9-23 {
    grid-column: 10/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-9-24, .button-group-square-center > .col-xs-9-24, .button-group-2squares-center > .col-xs-9-24 {
    grid-column: 10/span 15;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 10;
    -ms-grid-column-span: 15;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-11, .button-group-square-center > .col-xs-10-11, .button-group-2squares-center > .col-xs-10-11 {
    grid-column: 11/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-12, .button-group-square-center > .col-xs-10-12, .button-group-2squares-center > .col-xs-10-12 {
    grid-column: 11/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-13, .button-group-square-center > .col-xs-10-13, .button-group-2squares-center > .col-xs-10-13 {
    grid-column: 11/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-14, .button-group-square-center > .col-xs-10-14, .button-group-2squares-center > .col-xs-10-14 {
    grid-column: 11/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-15, .button-group-square-center > .col-xs-10-15, .button-group-2squares-center > .col-xs-10-15 {
    grid-column: 11/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-16, .button-group-square-center > .col-xs-10-16, .button-group-2squares-center > .col-xs-10-16 {
    grid-column: 11/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-17, .button-group-square-center > .col-xs-10-17, .button-group-2squares-center > .col-xs-10-17 {
    grid-column: 11/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-18, .button-group-square-center > .col-xs-10-18, .button-group-2squares-center > .col-xs-10-18 {
    grid-column: 11/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-19, .button-group-square-center > .col-xs-10-19, .button-group-2squares-center > .col-xs-10-19 {
    grid-column: 11/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-20, .button-group-square-center > .col-xs-10-20, .button-group-2squares-center > .col-xs-10-20 {
    grid-column: 11/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-21, .button-group-square-center > .col-xs-10-21, .button-group-2squares-center > .col-xs-10-21 {
    grid-column: 11/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-22, .button-group-square-center > .col-xs-10-22, .button-group-2squares-center > .col-xs-10-22 {
    grid-column: 11/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-23, .button-group-square-center > .col-xs-10-23, .button-group-2squares-center > .col-xs-10-23 {
    grid-column: 11/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-10-24, .button-group-square-center > .col-xs-10-24, .button-group-2squares-center > .col-xs-10-24 {
    grid-column: 11/span 14;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 11;
    -ms-grid-column-span: 14;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-11-12, .button-group-square-center > .col-xs-11-12, .button-group-2squares-center > .col-xs-11-12 {
    grid-column: 12/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-11-13, .button-group-square-center > .col-xs-11-13, .button-group-2squares-center > .col-xs-11-13 {
    grid-column: 12/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-11-14, .button-group-square-center > .col-xs-11-14, .button-group-2squares-center > .col-xs-11-14 {
    grid-column: 12/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-11-15, .button-group-square-center > .col-xs-11-15, .button-group-2squares-center > .col-xs-11-15 {
    grid-column: 12/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-11-16, .button-group-square-center > .col-xs-11-16, .button-group-2squares-center > .col-xs-11-16 {
    grid-column: 12/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-11-17, .button-group-square-center > .col-xs-11-17, .button-group-2squares-center > .col-xs-11-17 {
    grid-column: 12/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-11-18, .button-group-square-center > .col-xs-11-18, .button-group-2squares-center > .col-xs-11-18 {
    grid-column: 12/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-11-19, .button-group-square-center > .col-xs-11-19, .button-group-2squares-center > .col-xs-11-19 {
    grid-column: 12/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-11-20, .button-group-square-center > .col-xs-11-20, .button-group-2squares-center > .col-xs-11-20 {
    grid-column: 12/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-11-21, .button-group-square-center > .col-xs-11-21, .button-group-2squares-center > .col-xs-11-21 {
    grid-column: 12/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-11-22, .button-group-square-center > .col-xs-11-22, .button-group-2squares-center > .col-xs-11-22 {
    grid-column: 12/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-11-23, .button-group-square-center > .col-xs-11-23, .button-group-2squares-center > .col-xs-11-23 {
    grid-column: 12/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-11-24, .button-group-square-center > .col-xs-11-24, .button-group-2squares-center > .col-xs-11-24 {
    grid-column: 12/span 13;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 12;
    -ms-grid-column-span: 13;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-12-13, .button-group-square-center > .col-xs-12-13, .button-group-2squares-center > .col-xs-12-13 {
    grid-column: 13/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-12-14, .button-group-square-center > .col-xs-12-14, .button-group-2squares-center > .col-xs-12-14 {
    grid-column: 13/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-12-15, .button-group-square-center > .col-xs-12-15, .button-group-2squares-center > .col-xs-12-15 {
    grid-column: 13/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-12-16, .button-group-square-center > .col-xs-12-16, .button-group-2squares-center > .col-xs-12-16 {
    grid-column: 13/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-12-17, .button-group-square-center > .col-xs-12-17, .button-group-2squares-center > .col-xs-12-17 {
    grid-column: 13/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-12-18, .button-group-square-center > .col-xs-12-18, .button-group-2squares-center > .col-xs-12-18 {
    grid-column: 13/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-12-19, .button-group-square-center > .col-xs-12-19, .button-group-2squares-center > .col-xs-12-19 {
    grid-column: 13/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-12-20, .button-group-square-center > .col-xs-12-20, .button-group-2squares-center > .col-xs-12-20 {
    grid-column: 13/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-12-21, .button-group-square-center > .col-xs-12-21, .button-group-2squares-center > .col-xs-12-21 {
    grid-column: 13/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-12-22, .button-group-square-center > .col-xs-12-22, .button-group-2squares-center > .col-xs-12-22 {
    grid-column: 13/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-12-23, .button-group-square-center > .col-xs-12-23, .button-group-2squares-center > .col-xs-12-23 {
    grid-column: 13/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-12-24, .button-group-square-center > .col-xs-12-24, .button-group-2squares-center > .col-xs-12-24 {
    grid-column: 13/span 12;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 13;
    -ms-grid-column-span: 12;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-13-14, .button-group-square-center > .col-xs-13-14, .button-group-2squares-center > .col-xs-13-14 {
    grid-column: 14/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-13-15, .button-group-square-center > .col-xs-13-15, .button-group-2squares-center > .col-xs-13-15 {
    grid-column: 14/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-13-16, .button-group-square-center > .col-xs-13-16, .button-group-2squares-center > .col-xs-13-16 {
    grid-column: 14/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-13-17, .button-group-square-center > .col-xs-13-17, .button-group-2squares-center > .col-xs-13-17 {
    grid-column: 14/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-13-18, .button-group-square-center > .col-xs-13-18, .button-group-2squares-center > .col-xs-13-18 {
    grid-column: 14/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-13-19, .button-group-square-center > .col-xs-13-19, .button-group-2squares-center > .col-xs-13-19 {
    grid-column: 14/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-13-20, .button-group-square-center > .col-xs-13-20, .button-group-2squares-center > .col-xs-13-20 {
    grid-column: 14/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-13-21, .button-group-square-center > .col-xs-13-21, .button-group-2squares-center > .col-xs-13-21 {
    grid-column: 14/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-13-22, .button-group-square-center > .col-xs-13-22, .button-group-2squares-center > .col-xs-13-22 {
    grid-column: 14/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-13-23, .button-group-square-center > .col-xs-13-23, .button-group-2squares-center > .col-xs-13-23 {
    grid-column: 14/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-13-24, .button-group-square-center > .col-xs-13-24, .button-group-2squares-center > .col-xs-13-24 {
    grid-column: 14/span 11;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 14;
    -ms-grid-column-span: 11;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-14-15, .button-group-square-center > .col-xs-14-15, .button-group-2squares-center > .col-xs-14-15 {
    grid-column: 15/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-14-16, .button-group-square-center > .col-xs-14-16, .button-group-2squares-center > .col-xs-14-16 {
    grid-column: 15/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-14-17, .button-group-square-center > .col-xs-14-17, .button-group-2squares-center > .col-xs-14-17 {
    grid-column: 15/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-14-18, .button-group-square-center > .col-xs-14-18, .button-group-2squares-center > .col-xs-14-18 {
    grid-column: 15/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-14-19, .button-group-square-center > .col-xs-14-19, .button-group-2squares-center > .col-xs-14-19 {
    grid-column: 15/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-14-20, .button-group-square-center > .col-xs-14-20, .button-group-2squares-center > .col-xs-14-20 {
    grid-column: 15/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-14-21, .button-group-square-center > .col-xs-14-21, .button-group-2squares-center > .col-xs-14-21 {
    grid-column: 15/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-14-22, .button-group-square-center > .col-xs-14-22, .button-group-2squares-center > .col-xs-14-22 {
    grid-column: 15/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-14-23, .button-group-square-center > .col-xs-14-23, .button-group-2squares-center > .col-xs-14-23 {
    grid-column: 15/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-14-24, .button-group-square-center > .col-xs-14-24, .button-group-2squares-center > .col-xs-14-24 {
    grid-column: 15/span 10;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 15;
    -ms-grid-column-span: 10;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-15-16, .button-group-square-center > .col-xs-15-16, .button-group-2squares-center > .col-xs-15-16 {
    grid-column: 16/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-15-17, .button-group-square-center > .col-xs-15-17, .button-group-2squares-center > .col-xs-15-17 {
    grid-column: 16/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-15-18, .button-group-square-center > .col-xs-15-18, .button-group-2squares-center > .col-xs-15-18 {
    grid-column: 16/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-15-19, .button-group-square-center > .col-xs-15-19, .button-group-2squares-center > .col-xs-15-19 {
    grid-column: 16/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-15-20, .button-group-square-center > .col-xs-15-20, .button-group-2squares-center > .col-xs-15-20 {
    grid-column: 16/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-15-21, .button-group-square-center > .col-xs-15-21, .button-group-2squares-center > .col-xs-15-21 {
    grid-column: 16/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-15-22, .button-group-square-center > .col-xs-15-22, .button-group-2squares-center > .col-xs-15-22 {
    grid-column: 16/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-15-23, .button-group-square-center > .col-xs-15-23, .button-group-2squares-center > .col-xs-15-23 {
    grid-column: 16/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-15-24, .button-group-square-center > .col-xs-15-24, .button-group-2squares-center > .col-xs-15-24 {
    grid-column: 16/span 9;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 16;
    -ms-grid-column-span: 9;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-16-17, .button-group-square-center > .col-xs-16-17, .button-group-2squares-center > .col-xs-16-17 {
    grid-column: 17/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-16-18, .button-group-square-center > .col-xs-16-18, .button-group-2squares-center > .col-xs-16-18 {
    grid-column: 17/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-16-19, .button-group-square-center > .col-xs-16-19, .button-group-2squares-center > .col-xs-16-19 {
    grid-column: 17/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-16-20, .button-group-square-center > .col-xs-16-20, .button-group-2squares-center > .col-xs-16-20 {
    grid-column: 17/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-16-21, .button-group-square-center > .col-xs-16-21, .button-group-2squares-center > .col-xs-16-21 {
    grid-column: 17/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-16-22, .button-group-square-center > .col-xs-16-22, .button-group-2squares-center > .col-xs-16-22 {
    grid-column: 17/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-16-23, .button-group-square-center > .col-xs-16-23, .button-group-2squares-center > .col-xs-16-23 {
    grid-column: 17/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-16-24, .button-group-square-center > .col-xs-16-24, .button-group-2squares-center > .col-xs-16-24 {
    grid-column: 17/span 8;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 17;
    -ms-grid-column-span: 8;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-17-18, .button-group-square-center > .col-xs-17-18, .button-group-2squares-center > .col-xs-17-18 {
    grid-column: 18/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-17-19, .button-group-square-center > .col-xs-17-19, .button-group-2squares-center > .col-xs-17-19 {
    grid-column: 18/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-17-20, .button-group-square-center > .col-xs-17-20, .button-group-2squares-center > .col-xs-17-20 {
    grid-column: 18/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-17-21, .button-group-square-center > .col-xs-17-21, .button-group-2squares-center > .col-xs-17-21 {
    grid-column: 18/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-17-22, .button-group-square-center > .col-xs-17-22, .button-group-2squares-center > .col-xs-17-22 {
    grid-column: 18/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-17-23, .button-group-square-center > .col-xs-17-23, .button-group-2squares-center > .col-xs-17-23 {
    grid-column: 18/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-17-24, .button-group-square-center > .col-xs-17-24, .button-group-2squares-center > .col-xs-17-24 {
    grid-column: 18/span 7;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 18;
    -ms-grid-column-span: 7;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-18-19, .button-group-square-center > .col-xs-18-19, .button-group-2squares-center > .col-xs-18-19 {
    grid-column: 19/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-18-20, .button-group-square-center > .col-xs-18-20, .button-group-2squares-center > .col-xs-18-20 {
    grid-column: 19/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-18-21, .button-group-square-center > .col-xs-18-21, .button-group-2squares-center > .col-xs-18-21 {
    grid-column: 19/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-18-22, .button-group-square-center > .col-xs-18-22, .button-group-2squares-center > .col-xs-18-22 {
    grid-column: 19/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-18-23, .button-group-square-center > .col-xs-18-23, .button-group-2squares-center > .col-xs-18-23 {
    grid-column: 19/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-18-24, .button-group-square-center > .col-xs-18-24, .button-group-2squares-center > .col-xs-18-24 {
    grid-column: 19/span 6;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 19;
    -ms-grid-column-span: 6;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-19-20, .button-group-square-center > .col-xs-19-20, .button-group-2squares-center > .col-xs-19-20 {
    grid-column: 20/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-19-21, .button-group-square-center > .col-xs-19-21, .button-group-2squares-center > .col-xs-19-21 {
    grid-column: 20/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-19-22, .button-group-square-center > .col-xs-19-22, .button-group-2squares-center > .col-xs-19-22 {
    grid-column: 20/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-19-23, .button-group-square-center > .col-xs-19-23, .button-group-2squares-center > .col-xs-19-23 {
    grid-column: 20/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-19-24, .button-group-square-center > .col-xs-19-24, .button-group-2squares-center > .col-xs-19-24 {
    grid-column: 20/span 5;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 20;
    -ms-grid-column-span: 5;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-20-21, .button-group-square-center > .col-xs-20-21, .button-group-2squares-center > .col-xs-20-21 {
    grid-column: 21/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-20-22, .button-group-square-center > .col-xs-20-22, .button-group-2squares-center > .col-xs-20-22 {
    grid-column: 21/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-20-23, .button-group-square-center > .col-xs-20-23, .button-group-2squares-center > .col-xs-20-23 {
    grid-column: 21/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-20-24, .button-group-square-center > .col-xs-20-24, .button-group-2squares-center > .col-xs-20-24 {
    grid-column: 21/span 4;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 21;
    -ms-grid-column-span: 4;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-21-22, .button-group-square-center > .col-xs-21-22, .button-group-2squares-center > .col-xs-21-22 {
    grid-column: 22/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 22;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-21-23, .button-group-square-center > .col-xs-21-23, .button-group-2squares-center > .col-xs-21-23 {
    grid-column: 22/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 22;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-21-24, .button-group-square-center > .col-xs-21-24, .button-group-2squares-center > .col-xs-21-24 {
    grid-column: 22/span 3;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 22;
    -ms-grid-column-span: 3;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-22-23, .button-group-square-center > .col-xs-22-23, .button-group-2squares-center > .col-xs-22-23 {
    grid-column: 23/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 23;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-22-24, .button-group-square-center > .col-xs-22-24, .button-group-2squares-center > .col-xs-22-24 {
    grid-column: 23/span 2;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 23;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: stretch;
  }
}
@media (max-width: 480px) {
  .grid-css > .col-xs-23-24, .button-group-square-center > .col-xs-23-24, .button-group-2squares-center > .col-xs-23-24 {
    grid-column: 24/span 1;
    -ms-grid-row-align: stretch;
    -ms-grid-column: 24;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: stretch;
  }
}
.grid-css > .row-xl-0-1, .button-group-square-center > .row-xl-0-1, .button-group-2squares-center > .row-xl-0-1 {
  grid-row: 1/span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}
.grid-css > .row-xl-0-2, .button-group-square-center > .row-xl-0-2, .button-group-2squares-center > .row-xl-0-2 {
  grid-row: 1/span 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
}
.grid-css > .row-xl-0-3, .button-group-square-center > .row-xl-0-3, .button-group-2squares-center > .row-xl-0-3 {
  grid-row: 1/span 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
}
.grid-css > .row-xl-0-4, .button-group-square-center > .row-xl-0-4, .button-group-2squares-center > .row-xl-0-4 {
  grid-row: 1/span 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
}
.grid-css > .row-xl-1-2, .button-group-square-center > .row-xl-1-2, .button-group-2squares-center > .row-xl-1-2 {
  grid-row: 2/span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
}
.grid-css > .row-xl-1-3, .button-group-square-center > .row-xl-1-3, .button-group-2squares-center > .row-xl-1-3 {
  grid-row: 2/span 2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
}
.grid-css > .row-xl-1-4, .button-group-square-center > .row-xl-1-4, .button-group-2squares-center > .row-xl-1-4 {
  grid-row: 2/span 3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 3;
}
.grid-css > .row-xl-2-3, .button-group-square-center > .row-xl-2-3, .button-group-2squares-center > .row-xl-2-3 {
  grid-row: 3/span 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
}
.grid-css > .row-xl-2-4, .button-group-square-center > .row-xl-2-4, .button-group-2squares-center > .row-xl-2-4 {
  grid-row: 3/span 2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
}
.grid-css > .row-xl-3-4, .button-group-square-center > .row-xl-3-4, .button-group-2squares-center > .row-xl-3-4 {
  grid-row: 4/span 1;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
}
@media (max-width: 1200px) {
  .grid-css > .row-l-0-1, .button-group-square-center > .row-l-0-1, .button-group-2squares-center > .row-l-0-1 {
    grid-row: 1/span 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 1200px) {
  .grid-css > .row-l-0-2, .button-group-square-center > .row-l-0-2, .button-group-2squares-center > .row-l-0-2 {
    grid-row: 1/span 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
  }
}
@media (max-width: 1200px) {
  .grid-css > .row-l-0-3, .button-group-square-center > .row-l-0-3, .button-group-2squares-center > .row-l-0-3 {
    grid-row: 1/span 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
  }
}
@media (max-width: 1200px) {
  .grid-css > .row-l-0-4, .button-group-square-center > .row-l-0-4, .button-group-2squares-center > .row-l-0-4 {
    grid-row: 1/span 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
  }
}
@media (max-width: 1200px) {
  .grid-css > .row-l-1-2, .button-group-square-center > .row-l-1-2, .button-group-2squares-center > .row-l-1-2 {
    grid-row: 2/span 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 1200px) {
  .grid-css > .row-l-1-3, .button-group-square-center > .row-l-1-3, .button-group-2squares-center > .row-l-1-3 {
    grid-row: 2/span 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
  }
}
@media (max-width: 1200px) {
  .grid-css > .row-l-1-4, .button-group-square-center > .row-l-1-4, .button-group-2squares-center > .row-l-1-4 {
    grid-row: 2/span 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
  }
}
@media (max-width: 1200px) {
  .grid-css > .row-l-2-3, .button-group-square-center > .row-l-2-3, .button-group-2squares-center > .row-l-2-3 {
    grid-row: 3/span 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 1200px) {
  .grid-css > .row-l-2-4, .button-group-square-center > .row-l-2-4, .button-group-2squares-center > .row-l-2-4 {
    grid-row: 3/span 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
  }
}
@media (max-width: 1200px) {
  .grid-css > .row-l-3-4, .button-group-square-center > .row-l-3-4, .button-group-2squares-center > .row-l-3-4 {
    grid-row: 4/span 1;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 993px) {
  .grid-css > .row-m-0-1, .button-group-square-center > .row-m-0-1, .button-group-2squares-center > .row-m-0-1 {
    grid-row: 1/span 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 993px) {
  .grid-css > .row-m-0-2, .button-group-square-center > .row-m-0-2, .button-group-2squares-center > .row-m-0-2 {
    grid-row: 1/span 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
  }
}
@media (max-width: 993px) {
  .grid-css > .row-m-0-3, .button-group-square-center > .row-m-0-3, .button-group-2squares-center > .row-m-0-3 {
    grid-row: 1/span 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
  }
}
@media (max-width: 993px) {
  .grid-css > .row-m-0-4, .button-group-square-center > .row-m-0-4, .button-group-2squares-center > .row-m-0-4 {
    grid-row: 1/span 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
  }
}
@media (max-width: 993px) {
  .grid-css > .row-m-1-2, .button-group-square-center > .row-m-1-2, .button-group-2squares-center > .row-m-1-2 {
    grid-row: 2/span 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 993px) {
  .grid-css > .row-m-1-3, .button-group-square-center > .row-m-1-3, .button-group-2squares-center > .row-m-1-3 {
    grid-row: 2/span 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
  }
}
@media (max-width: 993px) {
  .grid-css > .row-m-1-4, .button-group-square-center > .row-m-1-4, .button-group-2squares-center > .row-m-1-4 {
    grid-row: 2/span 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
  }
}
@media (max-width: 993px) {
  .grid-css > .row-m-2-3, .button-group-square-center > .row-m-2-3, .button-group-2squares-center > .row-m-2-3 {
    grid-row: 3/span 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 993px) {
  .grid-css > .row-m-2-4, .button-group-square-center > .row-m-2-4, .button-group-2squares-center > .row-m-2-4 {
    grid-row: 3/span 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
  }
}
@media (max-width: 993px) {
  .grid-css > .row-m-3-4, .button-group-square-center > .row-m-3-4, .button-group-2squares-center > .row-m-3-4 {
    grid-row: 4/span 1;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 768px) {
  .grid-css > .row-s-0-1, .button-group-square-center > .row-s-0-1, .button-group-2squares-center > .row-s-0-1 {
    grid-row: 1/span 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 768px) {
  .grid-css > .row-s-0-2, .button-group-square-center > .row-s-0-2, .button-group-2squares-center > .row-s-0-2 {
    grid-row: 1/span 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
  }
}
@media (max-width: 768px) {
  .grid-css > .row-s-0-3, .button-group-square-center > .row-s-0-3, .button-group-2squares-center > .row-s-0-3 {
    grid-row: 1/span 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
  }
}
@media (max-width: 768px) {
  .grid-css > .row-s-0-4, .button-group-square-center > .row-s-0-4, .button-group-2squares-center > .row-s-0-4 {
    grid-row: 1/span 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
  }
}
@media (max-width: 768px) {
  .grid-css > .row-s-1-2, .button-group-square-center > .row-s-1-2, .button-group-2squares-center > .row-s-1-2 {
    grid-row: 2/span 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 768px) {
  .grid-css > .row-s-1-3, .button-group-square-center > .row-s-1-3, .button-group-2squares-center > .row-s-1-3 {
    grid-row: 2/span 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
  }
}
@media (max-width: 768px) {
  .grid-css > .row-s-1-4, .button-group-square-center > .row-s-1-4, .button-group-2squares-center > .row-s-1-4 {
    grid-row: 2/span 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
  }
}
@media (max-width: 768px) {
  .grid-css > .row-s-2-3, .button-group-square-center > .row-s-2-3, .button-group-2squares-center > .row-s-2-3 {
    grid-row: 3/span 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 768px) {
  .grid-css > .row-s-2-4, .button-group-square-center > .row-s-2-4, .button-group-2squares-center > .row-s-2-4 {
    grid-row: 3/span 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
  }
}
@media (max-width: 768px) {
  .grid-css > .row-s-3-4, .button-group-square-center > .row-s-3-4, .button-group-2squares-center > .row-s-3-4 {
    grid-row: 4/span 1;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 480px) {
  .grid-css > .row-xs-0-1, .button-group-square-center > .row-xs-0-1, .button-group-2squares-center > .row-xs-0-1 {
    grid-row: 1/span 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 480px) {
  .grid-css > .row-xs-0-2, .button-group-square-center > .row-xs-0-2, .button-group-2squares-center > .row-xs-0-2 {
    grid-row: 1/span 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
  }
}
@media (max-width: 480px) {
  .grid-css > .row-xs-0-3, .button-group-square-center > .row-xs-0-3, .button-group-2squares-center > .row-xs-0-3 {
    grid-row: 1/span 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
  }
}
@media (max-width: 480px) {
  .grid-css > .row-xs-0-4, .button-group-square-center > .row-xs-0-4, .button-group-2squares-center > .row-xs-0-4 {
    grid-row: 1/span 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
  }
}
@media (max-width: 480px) {
  .grid-css > .row-xs-1-2, .button-group-square-center > .row-xs-1-2, .button-group-2squares-center > .row-xs-1-2 {
    grid-row: 2/span 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 480px) {
  .grid-css > .row-xs-1-3, .button-group-square-center > .row-xs-1-3, .button-group-2squares-center > .row-xs-1-3 {
    grid-row: 2/span 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
  }
}
@media (max-width: 480px) {
  .grid-css > .row-xs-1-4, .button-group-square-center > .row-xs-1-4, .button-group-2squares-center > .row-xs-1-4 {
    grid-row: 2/span 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
  }
}
@media (max-width: 480px) {
  .grid-css > .row-xs-2-3, .button-group-square-center > .row-xs-2-3, .button-group-2squares-center > .row-xs-2-3 {
    grid-row: 3/span 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
}
@media (max-width: 480px) {
  .grid-css > .row-xs-2-4, .button-group-square-center > .row-xs-2-4, .button-group-2squares-center > .row-xs-2-4 {
    grid-row: 3/span 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
  }
}
@media (max-width: 480px) {
  .grid-css > .row-xs-3-4, .button-group-square-center > .row-xs-3-4, .button-group-2squares-center > .row-xs-3-4 {
    grid-row: 4/span 1;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
  }
}

.cell-top {
  align-self: start;
  -ms-grid-row-align: start;
}
.cell-bottom {
  align-self: end;
  -ms-grid-row-align: end;
}
.cell-vcenter {
  align-self: center;
  -ms-grid-row-align: center;
}
.cell-left {
  justify-self: start;
  -ms-grid-column-align: start;
}
.cell-right {
  justify-self: end;
  -ms-grid-column-align: end;
}
.cell-hcenter {
  justify-self: center;
  -ms-grid-column-align: center;
}
.cell-center {
  justify-self: center;
  -ms-grid-column-align: center;
  align-self: center;
  -ms-grid-row-align: center;
}

/**
 *	===============================================================================================
 *		 ____ _____ _   _          _______     __                 _____           _     _    _
 *		|  _ \_   _| \ | |   /\   |  __ \ \   / /                / ____|         | |   | |  | |
 *		| |_) || | |  \| |  /  \  | |__) \ \_/ /__  _ __   ___  | |  __ _ __ ___ | |__ | |__| |
 *		|  _ < | | | . ` | / /\ \ |  _  / \   / _ \| '_ \ / _ \ | | |_ | '_ ` _ \| '_ \|  __  |
 *		| |_) || |_| |\  |/ ____ \| | \ \  | | (_) | | | |  __/ | |__| | | | | | | |_) | |  | |
 *		|____/_____|_| \_/_/    \_\_|  \_\ |_|\___/|_| |_|\___|  \_____|_| |_| |_|_.__/|_|  |_|
 *
 *	===============================================================================================
 */
/**
 * @version	0.0.1
 *
 * @author	BINARY one GmbH
 * @license Unlicensed
 * @description This file serves as a base for stylings.
 * It contains predefined variables which can be overwritten by
 * using the variable names in _variables.scss
 */
.color-white {
  color: #fffefe;
}

.color-gray {
  color: #f3f3f3;
}

.color-dark {
  color: #2f2f2f;
}

.color-yellow {
  color: #ffda00;
}

.color-red {
  color: #bd0926;
}

.bg-color-white {
  background-color: #fffefe;
}

.bg-color-gray {
  background-color: #f3f3f3;
}

.bg-color-dark {
  background-color: #2f2f2f;
}

.bg-color-yellow {
  background-color: #ffda00;
}

.bg-color-red {
  background-color: #bd0926;
}

html {
  color: #2f2f2f;
}

html {
  font-family: rockwell, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
}
@media (max-width: 993px) {
  html {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  html {
    font-size: 17px;
  }
}

b, strong, .bold, .game-over-modal .game-over-score .score-value,
h1, h3, h4, .text-button, .button-label, .button-label__with-icon, .button-label__arrow, .button-label__loading, .button-label__sent, .button-square, .text-label {
  font-family: rockwell, sans-serif;
  font-style: normal;
  font-weight: 700;
}

h2 {
  font-family: source-sans-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}

h1 {
  font-size: 1.9rem;
  line-height: 2.05rem;
  margin-bottom: 1rem;
}
h1.small {
  font-size: 0.95rem;
  line-height: 1.1rem;
  margin-bottom: 0.2rem;
}

h2 {
  font-size: 1.3rem;
  line-height: 1.4rem;
  margin-bottom: 0.4rem;
}
h2.small {
  font-size: 0.85rem;
  line-height: 1rem;
  margin-bottom: 0.1rem;
}

h3 {
  font-size: 1.53rem;
  line-height: 1.75rem;
}

h4 {
  font-size: 1.05rem;
  line-height: 1.22rem;
  margin-top: 3.5rem;
  margin-bottom: 1.4rem;
}

.date-large {
  font-size: 2.2rem;
  line-height: 2.4rem;
}

.event-title {
  font-size: 1.2rem;
  line-height: 1.4em;
}

.date-small {
  font-size: 0.7rem;
  line-height: 0.7rem;
}

.text-button, .button-label, .button-label__with-icon, .button-label__arrow, .button-label__loading, .button-label__sent, .button-square {
  font-size: 1rem;
  line-height: 1.1rem;
}

.text-label {
  font-size: 1rem;
  line-height: 1.1rem;
}

.text-normal, .game-highscores table .game-highscore-name {
  font-family: source-sans-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.05rem;
  line-height: 1.57rem;
}

.text-small {
  font-family: source-sans-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.88rem;
  line-height: 1.3rem;
}
.text-small-fat {
  font-family: rockwell, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.88rem;
  line-height: 1.2rem;
}

.modal-title {
  font-size: 1.1em;
}

.text-xsmall {
  font-family: source-sans-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.6rem;
  line-height: 0.9rem;
}

.text-xsmall-fat {
  font-family: rockwell, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.6rem;
  line-height: 0.9rem;
  font-weight: bold;
}

.redactor-content {
  font-family: source-sans-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.h1-home {
  font-size: 3rem;
  line-height: 3rem;
  margin-bottom: 1rem;
}

.h2-home {
  font-size: 2.25rem;
  line-height: 2.5rem;
  margin-bottom: 0.75rem;
}

.box-icon-label {
  font-size: 0.85rem;
}

.game-over-modal .game-over-score {
  font-family: source-sans-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 400;
}
.game-over-modal .game-over-score .score-value {
  font-size: 2.25rem;
  line-height: 1em;
}

.button-square, .button-label, .button-label__sent, .button-label__loading, .button-label__arrow, .button-label__with-icon {
  background-color: #bd0926;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  color: #fffefe;
  text-align: center;
  line-height: 1rem;
  padding: 1.3rem;
  border-radius: 0.5vw;
  box-shadow: 0.6vw 0.6vw 0.8vw rgba(0, 0, 0, 0.19);
  display: inline-block;
  width: auto;
  height: 50px;
  line-height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: top;
  white-space: nowrap;
  user-select: none;
}
@media (max-width: 768px) {
  .button-square, .button-label, .button-label__sent, .button-label__loading, .button-label__arrow, .button-label__with-icon {
    height: 40px;
    line-height: 40px;
  }
}

.button-label__sent:after, .button-label__loading:after, .button-label__arrow:after, .button-label__with-icon:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 0.6987em;
  margin-left: 0.75em;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.button-pointer {
  cursor: pointer;
}
.button-label__with-icon {
  text-align: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 0.75rem;
}
.button-label__with-icon:before {
  display: inline-block !important;
  width: 1em !important;
  height: 1em !important;
  margin-left: 0;
  margin-right: 0.75em;
}
.button-label__arrow:after {
  background-image: url("../assets/icons/icon-arrow-right.svg");
}
.button-label__loading:after {
  background-image: url("../assets/icons/spinner-third-regular.svg");
  animation: rotate 1.5s linear infinite;
}
.button-label__sent:after {
  background-image: url("../assets/icons/check-solid.svg");
}
.button-square {
  width: 50px;
  height: 50px;
  line-height: 50px;
  padding: 0.75em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 993px) {
  .button-square {
    padding: 0.8em;
  }
}
@media (max-width: 768px) {
  .button-square {
    padding: 0.7em;
    width: 40px;
    height: 40px;
  }
}
.button-square.icon-triangle {
  padding: 0.625rem;
}
.button-overflow-elipsis {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.button-group {
  overflow: hidden;
}
.button-group:after {
  content: "";
  display: table;
  clear: both;
}
.button-group-grid {
  display: grid;
  display: -ms-grid;
  width: 100%;
  grid-template-columns: auto auto 0.8vw auto 0.8vw max-content auto;
  -ms-grid-columns: auto auto 0.8vw auto 0.8vw max-content auto;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
}
.button-group-grid > .cell-1 {
  grid-column: 2/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.button-group-grid > .cell-1-2 {
  grid-column: 2/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.button-group-grid > .cell-1-3 {
  grid-column: 2/span 5;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 5;
  -ms-grid-column-align: stretch;
}
.button-group-grid > .cell-2 {
  grid-column: 4/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.button-group-grid > .cell-2-3 {
  grid-column: 4/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
}
.button-group-grid > .cell-3 {
  grid-column: 6/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.button-group-square-right, .button-group-square-left {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 0.8vw max-content;
  -ms-grid-columns: 1fr 0.8vw max-content;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
}
.button-group-square-right > *, .button-group-square-left > * {
  -ms-grid-column-align: stretch;
  -ms-grid-row-align: stretch;
  -ms-grid-column-span: 1;
  grid-row: 1/span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}
.button-group-square-right > .button-square, .button-group-square-left > .button-square {
  grid-column: 3/span 1;
  -ms-grid-column: 3;
}
.button-group-square-right > .button-label, .button-group-square-left > .button-label, .button-group-square-right > .button-label__with-icon, .button-group-square-left > .button-label__with-icon, .button-group-square-right > .button-label__arrow, .button-group-square-left > .button-label__arrow, .button-group-square-right > .button-label__loading, .button-group-square-left > .button-label__loading, .button-group-square-right > .button-label__sent, .button-group-square-left > .button-label__sent {
  grid-column: 1/span 1;
  -ms-grid-column: 1;
}
.button-group-square-left {
  grid-template-columns: max-content 0.8vw 1fr;
  -ms-grid-columns: max-content 0.8vw 1fr;
}
.button-group-square-left > .button-square {
  grid-column: 1/span 1;
  -ms-grid-column: 1;
}
.button-group-square-left > .button-label, .button-group-square-left > .button-label__with-icon, .button-group-square-left > .button-label__arrow, .button-group-square-left > .button-label__loading, .button-group-square-left > .button-label__sent {
  grid-column: 3/span 1;
  -ms-grid-column: 3;
}
.button-group-square-center, .button-group-2squares-center {
  grid-template-columns: 1fr max-content 0.8vw max-content 1fr;
  -ms-grid-columns: 1fr max-content 0.8vw max-content 1fr;
}
.button-group-square-center > *, .button-group-2squares-center > * {
  min-width: 0;
  min-height: 0;
}
.button-group-square-center > :first-child, .button-group-2squares-center > :first-child {
  grid-column: 2/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.button-group-square-center > :nth-child(2), .button-group-2squares-center > :nth-child(2) {
  grid-column: 4/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.button-group-2squares-center {
  grid-template-columns: 1fr max-content 0.8vw max-content 0.8vw max-content 1fr;
  -ms-grid-columns: 1fr max-content 0.8vw max-content 0.8vw max-content 1fr;
}
.button-group-2squares-center > :nth-child(3) {
  grid-column: 6/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}

.button-red {
  background-color: #bd0926 !important;
  color: white !important;
}

.button-group + .button-group,
.button-group-square-right + .button-group-square-left,
.button-group-square-left + .button-group-square-left,
.button-group-square-left + .button-group-square-right {
  margin-top: 0.8vw;
}

.button-large {
  background-color: #bd0926;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  color: #fffefe;
  text-align: center;
  line-height: 1rem;
  padding: 1.3rem;
  border-radius: 0.5vw;
  box-shadow: 0.6vw 0.6vw 0.8vw rgba(0, 0, 0, 0.19);
  position: fixed;
  z-index: 5;
  width: 76%;
  max-width: 820px;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.button-large:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.3rem;
  height: 0.9rem;
  margin-left: 1.8rem;
  background-image: url(../assets/icons/icon-arrow-right.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  animation: btn-arrow-move 1s infinite ease;
}

.button-shine-animation {
  background: #bd0926;
  background: linear-gradient(286deg, rgba(189, 9, 38, 0.95) 30%, rgba(189, 9, 38, 0.85) 50%, rgba(189, 9, 38, 0.95) 70%);
  background-position: -150% -150%, 0 0;
  background-size: 300% 300%, 100% 100%;
  animation: btn-background-move 2s infinite linear;
}
@keyframes btn-background-move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -150% 0;
  }
}
@keyframes btn-arrow-move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
.icon-fav:before, .icon-triangle:before, .icon-cross:before, .icon-human:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: inherit;
  background-repeat: inherit;
  background-position: inherit;
}

.icon-human:before {
  background-image: url("../assets/icons/icon-human.svg");
}
.icon-cross:before {
  background-image: url("../assets/icons/icon-cross.svg");
}
.icon-triangle:before {
  background-image: url("../assets/icons/icon-triangle.svg");
}
.icon-fav {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  cursor: pointer;
}
.icon-fav:before {
  background-image: url("../assets/icons/icon-fav-yellow.svg");
  background-repeat: no-repeat;
}

.hidden-img {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  visibility: hidden;
  pointer-events: none;
}

.bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.insta-img {
  width: 100%;
  height: auto;
}

.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.video-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.tourismus-logo {
  margin: 0 auto;
  width: 50% !important;
}

.qr-code {
  width: 20%;
  margin: 0 auto;
}

.pointer {
  cursor: pointer;
}

a[href], a[ng-click] {
  cursor: pointer;
}

.link-disabled {
  pointer-events: none !important;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 666;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
}
.modal.show {
  transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
  visibility: visible;
  opacity: 1;
}
.modal > .modal-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88%;
  max-width: 550px;
  height: auto;
  max-height: 80%;
  padding: 3em;
  overflow-x: visible;
  overflow-y: auto;
  background-color: white;
  border-radius: 0.5vw;
}
@media (max-width: 768px) {
  .modal > .modal-inner {
    max-height: 92%;
  }
}
@media (max-width: 480px) {
  .modal > .modal-inner {
    padding: 2em;
  }
}
.modal > .modal-inner > img:first-child {
  display: block;
  width: 34%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.75rem;
}
.modal > .modal-inner > h2 {
  text-align: center;
  margin-bottom: 0.5em;
}
.modal > .modal-inner p a {
  line-height: 1em;
  border-bottom: 1px solid #2f2f2f;
}
.modal > .modal-inner p + p {
  margin-top: 0.75rem;
}

.modal-title-side-img__merken, .modal-title-side-img, .modal-title-side-img__game {
  display: inline-block;
  width: 2rem;
  height: auto;
  vertical-align: middle;
}

.modal-title-side-img__merken {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.search-results a {
  margin-top: 0.125em;
  margin-bottom: 0.125em;
  border-bottom: 1px solid #2f2f2f;
}

label {
  padding-left: 7px;
  font-size: 0.75rem;
  line-height: 1.5em;
}

form {
  display: block;
}
form input:focus {
  outline: none;
}
form input {
  display: block;
  width: 100%;
  padding: 0 7px;
  height: 50px;
  border: 1px solid gray;
  border-radius: 2px;
  -moz-appearance: none;
       appearance: none;
  font-family: source-sans-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
}
@media (max-width: 768px) {
  form input {
    height: 40px;
  }
}

fieldset {
  display: block;
  border: none;
}
fieldset + fieldset {
  margin-top: 0.75rem;
}
fieldset > label,
fieldset > input {
  display: block;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: auto;
  height: auto;
  transform: translate(0, -50%);
  cursor: pointer;
  vertical-align: top;
  outline: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  z-index: 1;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  background-color: gray;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

/* Dots */
.slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1rem;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  padding: 0;
  vertical-align: bottom;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background-color: #d8d8d8;
  display: block;
  height: 10px;
  width: 10px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  border-radius: 0;
  -moz-appearance: none;
       appearance: none;
  opacity: 0.75;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  background-color: #e30613;
  opacity: 1;
}
.slick-dots li.slick-active button {
  background-color: #4c565c;
  opacity: 1;
}

.slider.slider-default .bg-img {
  padding-top: 44.8430493274%;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.16);
  border-radius: 0.5vw;
}
@media (max-width: 1200px) {
  .slider.slider-default .bg-img {
    padding-top: 50%;
  }
}
@media (max-width: 993px) {
  .slider.slider-default .bg-img {
    padding-top: 56.25%;
  }
}
.slider.slider-default .slick-list {
  overflow: visible;
  margin-left: -18px;
  margin-right: -18px;
}
.slider.slider-default .slick-slide {
  padding-left: 18px;
  padding-right: 18px;
}
.slider {
  width: 100%;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
.slider .slick-slide {
  position: relative;
  cursor: pointer;
  cursor: -webkit-grab;
}

.slide-img__ultrawide, .slide-img__16-9 {
  width: 100%;
  padding-bottom: 0;
}

.slide-img, .slide-img__ultrawide, .slide-img__16-9 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.slide-img__16-9 {
  padding-top: 56.25%;
}
.slide-img__ultrawide {
  padding-top: 45.045045045%;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.addthis-container {
  display: block;
  text-align: center !important;
  background-color: white;
}
.addthis-container .share-title {
  font-size: 80%;
}
.addthis-container .addthis_inline_share_toolbox a {
  border-radius: 666 !important;
  background-color: #bd0926 !important;
  color: #fffefe;
  margin: 0 5px !important;
}
@media (max-width: 768px) {
  .addthis-container .addthis_inline_share_toolbox a {
    margin: 0 7px !important;
  }
}
.addthis-container .addthis_inline_share_toolbox a .at-icon-wrapper {
  height: 36px !important;
  width: 36px !important;
  line-height: 36px !important;
}
.addthis-container .addthis_inline_share_toolbox a .at-icon-wrapper svg {
  height: 36px !important;
  width: 36px !important;
  line-height: 36px !important;
  padding: 5px;
  fill: #fffefe !important;
}
@media (max-width: 768px) {
  .addthis-container .addthis_inline_share_toolbox a .at-icon-wrapper {
    height: 31px !important;
    width: 31px !important;
    line-height: 31px !important;
  }
  .addthis-container .addthis_inline_share_toolbox a .at-icon-wrapper svg {
    height: 31px !important;
    width: 31px !important;
    line-height: 31px !important;
    padding: 5px;
  }
}

main {
  width: 100%;
  overflow-x: hidden;
}

.page-container {
  position: relative;
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}

.main-content, .main-content__subpage {
  padding-top: 5em;
  width: 76%;
  margin: 0 auto;
}
.main-content__subpage {
  padding-top: 4em;
}

.image-label-icon {
  width: 100%;
  margin: 1rem auto 2.2rem;
  padding-left: 1rem;
}
.image-label-icon img {
  vertical-align: middle;
  display: inline-block;
  height: 1.3rem;
  width: auto;
}
.image-label-icon span {
  margin-left: 0.7em;
}

.box-shadow {
  border-radius: 0.4rem;
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.15);
}

.box-square {
  width: 100%;
  display: block;
}
.box-square:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.box-tall {
  width: 100%;
  display: block;
}
.box-tall:before {
  content: "";
  display: block;
  padding-top: 150%;
}

.box-16-9 {
  width: 100%;
  display: block;
}
.box-16-9 .content {
  position: absolute;
  top: 0;
  left: 0;
}
.box-16-9:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.box-4-3 {
  position: relative;
  width: 100%;
  display: block;
}
.box-4-3 .content {
  position: absolute;
  top: 0;
  left: 0;
}
.box-4-3:before {
  content: "";
  display: block;
  padding-top: 75%;
}

.icon-text-group {
  float: left;
  margin-bottom: 0.7em;
}
@media (max-width: 480px) {
  .icon-text-group {
    display: block;
    width: 100%;
  }
}
.icon-text-group img {
  vertical-align: middle;
  display: inline;
  height: 1.2rem;
  width: auto;
}
.icon-text-group span {
  margin-left: 0.01rem;
  margin-right: 2rem;
}

.boxes-differenz-sizes {
  column-count: 2;
  column-gap: 1rem;
}
.boxes-differenz-sizes a {
  margin-bottom: 1rem;
}
.boxes-differenz-sizes a div {
  padding: 0 0 0.7rem 0.7rem;
}

.grid__spacings > .row {
  margin: -2.0833333333vw !important;
}
.grid__spacings > .row > * {
  padding: 2.0833333333vw;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  z-index: 1;
  text-align: right;
}
header .language-switcher {
  display: inline-block;
  margin-top: 1rem;
  margin-right: 1rem;
  vertical-align: top;
  font-size: 0.75rem;
}

footer {
  position: fixed;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
footer .footer-einzellink {
  display: block;
  width: 100%;
  height: 70px;
  line-height: 70px;
  background-color: #f3f3f3;
  vertical-align: middle;
  text-align: center;
}
@media (max-width: 768px) {
  footer .footer-einzellink {
    height: 50px;
    line-height: 50px;
  }
}
footer .footer-button {
  height: 70px;
}
footer .footer-button .inner {
  position: relative;
  padding: 1em 0;
  height: 100%;
  width: 100%;
  background-color: #f3f3f3;
  border: 2px solid white;
}
footer .footer-button .inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  max-width: 110px;
  height: auto;
}

.footer-links-menu {
  position: fixed;
  z-index: 1;
  left: 12%;
  right: 12%;
  width: auto;
  height: auto;
  bottom: 0;
  padding: 1em 0;
  margin: 0 auto;
  background-color: white;
}
.footer-links-menu a {
  vertical-align: top;
}
.footer-links-menu a + a {
  margin-left: 1.2em;
}

nav .row > div {
  padding-bottom: 0.8rem;
  padding-right: 0.8rem;
}
nav .box {
  position: relative;
  display: block;
}
nav .box:before {
  content: "";
  display: block;
  padding-top: 82%;
}
nav .box .box-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
nav .box .box-content .box-icon-container {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  right: auto;
  width: 33%;
  transform: translate(-50%, -72%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
nav .box .box-content .box-icon-container:before {
  content: "";
  display: block;
  padding-top: 100%;
}
nav .box .box-content .box-icon-label {
  width: 100%;
}

.side-navigation {
  position: fixed;
  top: 50%;
  transform: translateY(-25%);
  right: 0;
}
.side-navigation .nav-button {
  position: relative;
  display: block;
  width: 11vw;
  height: 11vw;
  max-width: 60px;
  max-height: 60px;
  background-color: #bd0926;
  color: #fffefe;
  margin-bottom: 3px;
  cursor: pointer;
}
.side-navigation .nav-button img {
  position: absolute;
  display: block;
  width: 36%;
  left: 32%;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}

.language-switcher a + a {
  margin-left: 1rem;
}

.redactor-content p + p {
  margin-top: 1em;
}
.redactor-content h2, .redactor-content h3 {
  margin-bottom: 0.3em;
}
.redactor-content p + h2,
.redactor-content p + h3 {
  margin-top: 1.7em;
}
.redactor-content ul {
  padding: 0 1.5em;
  list-style-type: square;
}
.redactor-content ul li {
  padding: 0.3em;
}

#homepage {
  position: fixed;
}
#homepage main {
  height: 100%;
}

.home-bg-color {
  position: absolute;
  z-index: -2;
  width: 100%;
  height: 100%;
  background-color: #F3F3F3;
  top: 0;
  left: 0;
}

.home-img {
  position: absolute;
  display: block;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}

#game-uebersicht {
  position: fixed;
}
#game-uebersicht main {
  height: 100%;
}

.game-img {
  position: absolute;
  z-index: -1;
  width: auto;
  height: 70%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
}

.game-info-modal h2.modal-title {
  text-align: left;
}

.game-over-modal .modal-inner {
  position: relative;
  overflow: visible;
}
@media (max-height: 1070px) {
  .game-over-modal {
    padding-top: 3%;
    padding-bottom: 3%;
  }
  .game-over-modal .modal-inner {
    top: 0;
    left: 0;
    transform: none;
    height: 100%;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }
  .game-over-modal .modal-inner .game-highscores {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

.game-form-modal .modal-inner {
  position: relative;
  overflow: visible;
}
.game-form-modal .modal-inner .logo-tell {
  margin-left: auto;
  margin-right: auto;
}

.game-over-grid {
  display: grid;
  display: -ms-grid;
  height: 100%;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: max-content 1fr max-content;
  -ms-grid-rows: max-content 1fr max-content;
}
.game-over-grid > * {
  grid-column: 1/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
}
.game-over-grid > .game-over-score {
  grid-row: 1;
  -ms-grid-row: 1;
}
.game-over-grid > .game-highscores {
  grid-row: 2;
  -ms-grid-row: 2;
  min-height: 0;
}
.game-over-grid > .game-over-bottom {
  grid-row: 3;
  -ms-grid-row: 3;
}

.game-over-score {
  text-align: center;
}
.game-over-score .score-value {
  margin-top: 0.5em;
}

.modal-game-buttons-grid {
  display: inline-grid;
  display: -ms-inline-grid;
  width: auto;
  grid-template-columns: 1fr 0.8vw 1fr;
  -ms-grid-columns: 1fr 0.8vw 1fr;
  justify-items: stretch;
}
.modal-game-buttons-grid > * {
  display: inline-block;
  min-width: 0;
  width: auto;
}
.modal-game-buttons-grid .game-over-wettbewerb-text {
  grid-column: 1/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
  grid-row: 1;
  -ms-grid-row: 1;
  max-width: 15em;
  margin-left: auto;
  margin-right: auto;
}
.modal-game-buttons-grid .game-over-wettbewerb-btn {
  grid-column: 1/span 3;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  -ms-grid-column-align: stretch;
  grid-row: 2;
  -ms-grid-row: 2;
  margin-bottom: 0.8vw;
}
.modal-game-buttons-grid .modal-btn-close {
  grid-column: 1/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
  grid-row: 3;
  -ms-grid-row: 3;
}
.modal-game-buttons-grid .game-over-btn-replay {
  grid-column: 3/span 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: stretch;
  grid-row: 3;
  -ms-grid-row: 3;
}

@media (min-aspect-ratio: 9/16) {
  #game {
    padding-top: 56%;
    height: 0;
    overflow: hidden;
  }
}

#game-container {
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
@media (min-aspect-ratio: 9/16) {
  #game-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media (min-aspect-ratio: 9/16) and (min-width: 769px) {
  #game-container {
    bottom: 70px;
  }
}

.game-highscores table {
  width: 100%;
  table-layout: auto;
}
.game-highscores table .game-highscore {
  border-bottom: 1px solid #b3b3b3;
}
.game-highscores table .game-highscore:first-child {
  border-top: 1px solid #b3b3b3;
}
.game-highscores table .game-highscore > td {
  padding: 0.5em 0.5em 0.25em;
  font-size: 1rem;
  line-height: 1.25em;
  vertical-align: baseline;
}
.game-highscores table .game-highscore-rank {
  width: 1.5em;
}
.game-highscores table .game-highscore-score {
  text-align: right;
  color: #bd0926;
}

.game-sponsor-logo-register, .game-sponsor-logo-gameover, .game-sponsor-logo-uebersicht {
  vertical-align: top;
}
.game-sponsor-logo-register > img, .game-sponsor-logo-gameover > img, .game-sponsor-logo-uebersicht > img {
  width: 100%;
  height: auto;
}

.game-sponsor-logo-uebersicht {
  position: absolute;
  bottom: 70px;
  right: 0;
  display: inline-block;
  width: 120px;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 993px) {
  .game-sponsor-logo-uebersicht {
    width: 90px;
  }
}
@media (max-width: 768px) {
  .game-sponsor-logo-uebersicht {
    width: 75px;
  }
}
@media (max-width: 480px) {
  .game-sponsor-logo-uebersicht {
    width: 65px;
  }
}

.game-sponsor-logo-gameover {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  transform: translate(25%, -44%);
}
@media (max-height: 1070px) {
  .game-sponsor-logo-gameover {
    top: 3rem;
    transform: translate(50%, -16%);
  }
}
@media (max-height: 1070px) and (max-width: 655px) {
  .game-sponsor-logo-gameover {
    right: -4%;
    transform: translate(0, -16%);
  }
}
@media (max-width: 480px) {
  .game-sponsor-logo-gameover {
    width: 75px;
  }
}

.game-sponsor-logo-register {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  transform: translate(25%, -44%);
}
@media (max-width: 480px) {
  .game-sponsor-logo-register {
    width: 75px;
  }
}

.modal-title-text {
  padding-left: 1rem;
}

.modal-title-side-img__game {
  width: 3rem;
  transform: translateY(-10%);
}
.modal-title-side-img__game img {
  width: 3rem;
  height: 3rem;
}

.erleben-header .content {
  display: flex;
  align-items: center;
  top: 1rem;
  left: 1rem;
}
.erleben-header .content img {
  width: 1.4rem;
  height: auto;
}
.erleben-header .content .title {
  margin-top: 0.2rem;
  margin-left: 0.4rem;
}

.events-entries {
  padding: 1.2em 0;
  border-top: 1px solid #2f2f2f;
}

.instagram-item {
  padding: 2em 0;
  border-bottom: 1px solid #b3b3b3;
}
.instagram-item .instagram-img-container .instagram-img {
  width: 32%;
  float: left;
  margin-right: 2%;
}
.instagram-item .instagram-img-container .instagram-img:last-child {
  margin-right: 0;
}