/*! NORMALIZE.CSS V8.0.1 | MIT LICENSE | GITHUB.COM/NECOLAS/NORMALIZE.CSS */




/* DOCUMENT */

/*
  1. CORRECT THE LINE HEIGHT IN ALL BROWSERS.
  2. PREVENT ADJUSTMENTS OF FONT SIZE AFTER ORIENTATION CHANGES IN IOS.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}




/* SECTIONS */

/*
  REMOVE THE MARGIN IN ALL BROWSERS.
*/

body {
  margin: 0;
}

/*
  RENDER THE `MAIN` ELEMENT CONSISTENTLY IN IE.
*/

main {
  display: block;
}

/*
  CORRECT THE FONT SIZE AND MARGIN ON `H1` ELEMENTS WITHIN `SECTION` AND `ARTICLE` CONTEXTS IN CHROME, FIREFOX, AND SAFARI.
*/

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}




/* GROUPING CONTENT */

/*
  1. ADD THE CORRECT BOX SIZING IN FIREFOX.
  2. SHOW THE OVERFLOW IN EDGE AND IE.
*/

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/*
  1. CORRECT THE INHERITANCE AND SCALING OF FONT SIZE IN ALL BROWSERS.
  2. CORRECT THE ODD `EM` FONT SIZING IN ALL BROWSERS.
*/

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}




/* TEXT-LEVEL SEMANTICS */

/*
  THE GRAY BACKGROUND ON ACTIVE LINKS IN IE 10.
*/

a {
  background-color: transparent;
}

/*
  1. REMOVE THE BOTTOM BORDER IN CHROME 57-
  2. ADD THE CORRECT TEXT DECORATION IN CHROME, EDGE, IE, OPERA, AND SAFARI.
*/

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/*
ADD THE CORRECT FONT WEIGHT IN CHROME, EDGE, AND SAFARI.
*/

b,
strong {
  font-weight: bolder;
}

/*
  1. CORRECT THE INHERITANCE AND SCALING OF FONT SIZE IN ALL BROWSERS.
  2. CORRECT THE ODD `EM` FONT SIZING IN ALL BROWSERS.
*/

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
ADD THE CORRECT FONT SIZE IN ALL BROWSERS.
*/

small {
  font-size: 80%;
}

/*
  PREVENT `SUB` AND `SUP` ELEMENTS FROM AFFECTING THE LINE HEIGHT IN ALL BROWSERS.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}




/* EMBEDDED CONTENT */

/*
REMOVE THE BORDER ON IMAGES INSIDE LINKS IN IE 10.
*/

img {
  border-style: none;
}




/* FORMS */

/*
  1. CHANGE THE FONT STYLES IN ALL BROWSERS.
  2. REMOVE THE MARGIN IN FIREFOX AND SAFARI.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/*
  SHOW THE OVERFLOW IN IE.
  1. SHOW THE OVERFLOW IN EDGE.
*/

button,
input { /* 1 */
  overflow: visible;
}

/*
  REMOVE THE INHERITANCE OF TEXT TRANSFORM IN EDGE, FIREFOX, AND IE.
  1. REMOVE THE INHERITANCE OF TEXT TRANSFORM IN FIREFOX.
*/

button,
select { /* 1 */
  text-transform: none;
}

/*
  CORRECT THE INABILITY TO STYLE CLICKABLE TYPES IN IOS AND SAFARI.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -moz-appearance: button;
       appearance: button;
  -webkit-appearance: button;
}

/*
  REMOVE THE INNER BORDER AND PADDING IN FIREFOX.
*/

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/*
  RESTORE THE FOCUS STYLES UNSET BY THE PREVIOUS RULE.
*/

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/*
  CORRECT THE PADDING IN FIREFOX.
*/

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/*
  1. CORRECT THE TEXT WRAPPING IN EDGE AND IE.
  2. CORRECT THE COLOR INHERITANCE FROM `FIELDSET` ELEMENTS IN IE.
  3. REMOVE THE PADDING SO DEVELOPERS ARE NOT CAUGHT OUT WHEN THEY ZERO OUT 'FIELDSET` ELEMENTS IN ALL BROWSERS.
*/

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/*
  ADD THE CORRECT VERTICAL ALIGNMENT IN CHROME, FIREFOX, AND OPERA.
*/

progress {
  vertical-align: baseline;
}

/*
  REMOVE THE DEFAULT VERTICAL SCROLLBAR IN IE 10+.
*/

textarea {
  overflow: auto;
}

/*
  1. ADD THE CORRECT BOX SIZING IN IE 10.
  2. REMOVE THE PADDING IN IE 10.
*/

[type='checkbox'],
[type='radio'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/*
  CORRECT THE CURSOR STYLE OF INCREMENT AND DECREMENT BUTTONS IN CHROME.
*/

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/*
  1. CORRECT THE ODD APPEARANCE IN CHROME AND SAFARI.
  2. CORRECT THE OUTLINE STYLE IN SAFARI.
*/

[type='search'] {
  -moz-appearance: textfield;
       appearance: textfield;
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
  REMOVE THE INNER PADDING IN CHROME AND SAFARI ON MACOS.
*/

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
  1. CORRECT THE INABILITY TO STYLE CLICKABLE TYPES IN IOS AND SAFARI.
  2. CHANGE FONT PROPERTIES TO `INHERIT` IN SAFARI.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}




/* INTERACTIVE */

/*
  ADD THE CORRECT DISPLAY IN EDGE, IE 10+, AND FIREFOX.
*/

details {
  display: block;
}

/*
  ADD THE CORRECT DISPLAY IN ALL BROWSERS.
*/

summary {
  display: list-item;
}




/* MISC */

/*
  ADD THE CORRECT DISPLAY IN IE 10+.
*/

template {
  display: none;
}

/*
  ADD THE CORRECT DISPLAY IN IE 10.
*/

[hidden] {
  display: none;
}




/* DEFAULTS */

@font-face {
  font-family: 'gruppo-regular';
  src: url('/fonts/gruppo-regular.ttf') format('ttf'),
       url('/fonts/gruppo-regular.woff') format('woff'),
       url('/fonts/gruppo-regular.woff2') format('woff2');
  font-style: normal;
  font-weight: normal;
}




/* XSS - EXTRA SMALL SCREEN - SMARTPHONES, PORTRAIT IPHONE, PORTRAIT 480X320 PHONES (ANDROID) */
@media only screen and (min-width:320px) {




/* XSS - HEADER */
#navMenu {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr;
  font-family: gruppo-regular;
  position: fixed;
  width: 100%;
  height: 1.5em;
  z-index: 3;
}

#navMenuL {
  grid-area: 1/1/2/2;
  background-color: #212121;
}

#navMenuL ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#navMenuL li {
  display: inline;
  list-style-type: none;
  width: 100%;
}

#navMenuL li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  font-size: .7em;
  color: #15ADB2;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navMenuL li a:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .75s;
  -o-transition: .75s;
  transition: .75s;
}

#navMenuR {
  grid-area: 1/3/2/4;
  background-color: #212121;
}

#navMenuR ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#navMenuR li {
  display: inline;
  list-style-type: none;
  width: 100%;
}

#navMenuR li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  font-size: .7em;
  color: #15ADB2;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navMenuR li a:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .75s;
  -o-transition: .75s;
  transition: .75s;
}

#navLogoContainer {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr;
  width: 100%;
  position: fixed;
  z-index: 1;
}

#navLogo {
  grid-area: 1/2/2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 .4em 0 .4em;
  padding: .4em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navLogo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}




/* XSS - MAIN */
#main {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  grid-template-rows: repeat(8,1fr) 0em;
  background-color: #212121;
  font-family: gruppo-regular;
  color: #000000;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: 1/1/9/7;
}

#banner img {
  width: 100%;
  height: 100vh;
  -o-object-fit: fill;
     object-fit: fill;
}

#anchor {
  grid-area: 5/1/5/7;
}




/* XSS - TTG */
#ttg {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 1.5em 2.5em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#ttgHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: .5em .5em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#ttgHeader h1 {
  font-size: .7em;
  color: #15ADB2;
}

#ttgBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 .5em .5em;
  padding: 2.2em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: auto;
}

#ttgBodyTitle p{
  font-size: .6em;
  color: #15ADB2;
}

#ttgBodyPost p{
  font-size: .5em;
}




/* XSS - CONTACT */
#contact {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 1.5em 16em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#contactHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: .5em .5em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#contactHeader h1 {
  font-size: .7em;
  color: #15ADB2;
}

#contactBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 .5em .5em;
  padding: 5em;
  font-size: .6em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.contactFormInput {
  border: .2em inset;
  border-radius: .3em;
  font-family: arial;
  font-size: .5em;
  padding: .1em;
  text-align: center;
}

#contactFormSubmit {
  background-color: #212121;
  border: none;
  border-radius: .5em;
  font-size: .8em;
  color: #15ADB2;
  padding: .5em
}

#contactFormSubmit:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  cursor: pointer;
}

#contactFormSubmit:not(:hover) {
  background-color: #000000;
  color: #15ADB2;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  cursor: pointer;
}

#contactBody span {
  font-family: arial;
  font-size: .4em;
  text-align: center;
}

#contactBody a {
  color: #15ADB2;
  text-decoration: none;
}

#contactBody a:hover {
  color: #15ADB2;
  text-decoration: overline;
}




/* XSS - DONATE */
#donate {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 1.5em 23.5em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#donateHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: .5em .5em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#donateHeader h1 {
  font-size: .7em;
  color: #15ADB2;
}

#donateBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 .5em .5em;
  padding: 2.2em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

#donateBody p {
  font-size: .6em;
  text-align: justify;
}

#donateButton {
  width: 30%;
}

#donateBody span {
  font-size: .3em;
  text-align: center;
}




/* XSS - FOOTER */
#footer {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2,1fr);
  background-color: #212121;
  padding: .4em 0 .3em 0;
}
  
#footerLinks {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 .2em 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#footerLinks a {
  font-family: arial;
  color: #666666;
  font-size: .5em;
  text-decoration: none;
}

#footerLinks a:hover {
  font-family: arial;
  font-size: .5em;
  color: #15ADB2;
  text-decoration: none;
}

#footerLinks span {
  font-family: arial;
  color: #666666;
  font-size: .5em;
}

#footerCopyright {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: arial;
  color: #666666;
  font-size: .5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}




/* XSS - CUSTOM PAGES */
#customPageBody {
  background-color: #FFFFFF;
}

#customPageMessage {
  font-family: gruppo-regular;
  font-size: 1.5em;
  color: #000000;
  text-align: center;
}

#customPageRedirect {
  font-family: gruppo-regular;
  font-size: .5em;
  color: #000000;
  text-align: center;
}

#customPageRedirect span a{
  color: #15ADB2;
  text-decoration: none;
}

#customPageRedirect span a:hover{
  text-decoration: overline;
}




}




/* SS - SMALL SCREEN - SMARTPHONES, ANDROID PHONES, LANDSCAPE IPHONE */ 
@media only screen and (min-width:480px) {




/* SS - HEADER */
#navMenu {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr;
  font-family: gruppo-regular;
  position: fixed;
  width: 100%;
  height: 1.6em;
  z-index: 3;
}

#navMenuL {
  grid-area: 1/1/2/2;
  background-color: #212121;
}

#navMenuL ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#navMenuL li {
  display: inline;
  list-style-type: none;
  width: 100%;
}

#navMenuL li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  font-size: 1em;
  color: #15ADB2;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navMenuL li a:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .75s;
  -o-transition: .75s;
  transition: .75s;
}

#navMenuR {
  grid-area: 1/3/2/4;
  background-color: #212121;
}

#navMenuR ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#navMenuR li {
  display: inline;
  list-style-type: none;
  width: 100%;
}

#navMenuR li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  font-size: 1em;
  color: #15ADB2;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navMenuR li a:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .75s;
  -o-transition: .75s;
  transition: .75s;
}

#navLogoContainer {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr;
  width: 100%;
  position: fixed;
  z-index: 1;
}

#navLogo {
  grid-area: 1/2/2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 .7em 0 .7em;
  padding: .7em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navLogo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}




/* SS - MAIN */
#main {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  grid-template-rows: repeat(8,1fr) 0em;
  background-color: #212121;
  font-family: gruppo-regular;
  color: #000000;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: 1/1/9/7;
}

#banner img {
  width: 100%;
  height: 100vh;
  -o-object-fit: fill;
     object-fit: fill;
}

#anchor {
  grid-area: 5/1/5/7;
}




/* SS - TTG */
#ttg {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 1.6em 3.4em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#ttgHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: .6em .6em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#ttgHeader h1 {
  font-size: 1em;
  color: #15ADB2;
}

#ttgBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 .6em .6em;
  padding: 2.8em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: auto;
}

#ttgBodyTitle p{
  font-size: .8em;
  color: #15ADB2;
}

#ttgBodyPost p{
  font-size: .6em;
}




/* SS - CONTACT */
#contact {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 1.6em 20.9em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#contactHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: .6em .6em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#contactHeader h1 {
  font-size: 1em;
  color: #15ADB2;
}

#contactBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 .6em .6em;
  padding: 2.8em;
  font-size: .8em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.contactFormInput {
  border: .2em inset;
  border-radius: .3em;
  font-family: arial;
  font-size: .5em;
  padding: .1em;
  text-align: center;
}

#contactFormSubmit {
  background-color: #212121;
  border: none;
  border-radius: .5em;
  font-size: .8em;
  color: #15ADB2;
  padding: .5em
}

#contactFormSubmit:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  cursor: pointer;
}

#contactFormSubmit:not(:hover) {
  background-color: #000000;
  color: #15ADB2;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  cursor: pointer;
}

#contactBody span {
  font-family: arial;
  font-size: .4em;
  text-align: center;
}

#contactBody a {
  color: #15ADB2;
  text-decoration: none;
}

#contactBody a:hover {
  color: #15ADB2;
  text-decoration: overline;
}




/* SS - DONATE */
#donate {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 1.6em 23.4em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#donateHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: .6em .6em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#donateHeader h1 {
  font-size: 1em;
  color: #15ADB2;
}

#donateBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 .6em .6em;
  padding: 2.8em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

#donateBody p {
  font-size: .6em;
  text-align: justify;
}

#donateButton {
  width: 30%;
}

#donateBody span {
  font-size: .3em;
  text-align: center;
}




/* SS - FOOTER */
#footer {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2,1fr);
  background-color: #212121;
  padding: .4em 0 .3em 0;
}
  
#footerLinks {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 .2em 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#footerLinks a {
  font-family: arial;
  color: #666666;
  font-size: .5em;
  text-decoration: none;
}

#footerLinks a:hover {
  font-family: arial;
  font-size: .5em;
  color: #15ADB2;
  text-decoration: none;
}

#footerLinks span {
  font-family: arial;
  color: #666666;
  font-size: .5em;
}

#footerCopyright {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: arial;
  color: #666666;
  font-size: .5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}




/* SS - CUSTOM PAGES */
#customPageBody {
  background-color: #FFFFFF;
}

#customPageMessage {
  font-family: gruppo-regular;
  font-size: 1.8em;
  color: #000000;
  text-align: center;
}

#customPageRedirect {
  font-family: gruppo-regular;
  font-size: .7em;
  color: #000000;
  text-align: center;
}

#customPageRedirect span a{
  color: #15ADB2;
  text-decoration: none;
}

#customPageRedirect span a:hover{
  text-decoration: overline;
}




}




/* MS - MEDIUM SCREEN - PORTRAIT TABLETS, PORTRAIT IPAD, E-READERS (NOOK/KINDLE), LANDSCAPE 800X480 PHONES (ANDROID) */
@media only screen and (min-width:600px) {




/* MS - HEADER */
#navMenu {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr;
  font-family: gruppo-regular;
  position: fixed;
  width: 100%;
  height: 2em;
  z-index: 3;
}

#navMenuL {
  grid-area: 1/1/2/2;
  background-color: #212121;
}

#navMenuL ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#navMenuL li {
  display: inline;
  list-style-type: none;
  width: 100%;
}

#navMenuL li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  font-size: 1.2em;
  color: #15ADB2;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navMenuL li a:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .75s;
  -o-transition: .75s;
  transition: .75s;
}

#navMenuR {
  grid-area: 1/3/2/4;
  background-color: #212121;
}

#navMenuR ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#navMenuR li {
  display: inline;
  list-style-type: none;
  width: 100%;
}

#navMenuR li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  font-size: 1.2em;
  color: #15ADB2;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navMenuR li a:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .75s;
  -o-transition: .75s;
  transition: .75s;
}

#navLogoContainer {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr;
  width: 100%;
  position: fixed;
  z-index: 1;
}

#navLogo {
  grid-area: 1/2/2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 .8em 0 .8em;
  padding: .8em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navLogo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}




/* MS - MAIN */
#main {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  grid-template-rows: repeat(8,1fr) 0em;
  background-color: #212121;
  font-family: gruppo-regular;
  color: #000000;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: 1/1/9/7;
}

#banner img {
  width: 100%;
  height: 100vh;
  -o-object-fit: fill;
     object-fit: fill;
}

#anchor {
  grid-area: 5/1/5/7;
}




/* MS - TTG */
#ttg {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 2.4em 7.6 */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#ttgHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: .7em .7em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#ttgHeader h1 {
  font-size: 1.2em;
  color: #15ADB2;
}

#ttgBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 .7em .7em;
  padding: 3em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: auto;
}

#ttgBodyTitle p{
  font-size: 1em;
  color: #15ADB2;
}

#ttgBodyPost p{
  font-size: .8em;
}




/* MS - CONTACT */
#contact {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 2.4em 20.1em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#contactHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: .7em .7em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#contactHeader h1 {
  font-size: 1.2em;
  color: #15ADB2;
}

#contactBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 .7em .7em;
  padding: 3em;
  font-size: .8em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.contactFormInput {
  border: .2em inset;
  border-radius: .3em;
  font-family: arial;
  font-size: .5em;
  padding: .1em;
  text-align: center;
}

#contactFormSubmit {
  background-color: #212121;
  border: none;
  border-radius: .5em;
  font-size: .8em;
  color: #15ADB2;
  padding: .5em
}

#contactFormSubmit:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  cursor: pointer;
}

#contactFormSubmit:not(:hover) {
  background-color: #000000;
  color: #15ADB2;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  cursor: pointer;
}

#contactBody span {
  font-family: arial;
  font-size: .5em;
  text-align: center;
}

#contactBody a {
  color: #15ADB2;
  text-decoration: none;
}

#contactBody a:hover {
  color: #15ADB2;
  text-decoration: overline;
}




/* MS - DONATE */
#donate {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 2.4em 27.6em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#donateHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: .7em .7em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#donateHeader h1 {
  font-size: 1.2em;
  color: #15ADB2;
}

#donateBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 .7em .7em;
  padding: 3em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

#donateBody p {
  font-size: .8em;
  text-align: justify;
}

#donateButton {
  width: 25%;
}

#donateBody span {
  font-size: .4em;
  text-align: center;
}




/* MS - FOOTER */
#footer {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2,1fr);
  background-color: #212121;
  padding: .5em 0 .3em 0;
}
  
#footerLinks {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 .2em 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#footerLinks a {
  font-family: arial;
  color: #666666;
  font-size: .6em;
  text-decoration: none;
}

#footerLinks a:hover {
  font-family: arial;
  font-size: .6em;
  color: #15ADB2;
  text-decoration: none;
}

#footerLinks span {
  font-family: arial;
  color: #666666;
  font-size: .6em;
}

#footerCopyright {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: arial;
  color: #666666;
  font-size: .6em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}




/* MS - CUSTOM PAGES */
#customPageBody {
  background-color: #FFFFFF;
}

#customPageMessage {
  font-family: gruppo-regular;
  font-size: 2.2em;
  color: #000000;
  text-align: center;
}

#customPageRedirect {
  font-family: gruppo-regular;
  font-size: .7em;
  color: #000000;
  text-align: center;
}

#customPageRedirect span a{
  color: #15ADB2;
  text-decoration: none;
}

#customPageRedirect span a:hover{
  text-decoration: overline;
}




}




/* LS - LARGE SCREEN - TABLET, LANDSCAPE IPAD, LO-RES LAPTOPS ANDS DESKTOPS */
@media only screen and (min-width:801px) {




/* LS - HEADER */
#navMenu {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr;
  font-family: gruppo-regular;
  position: fixed;
  width: 100%;
  height: 2.4em;
  z-index: 3;
}

#navMenuL {
  grid-area: 1/1/2/2;
  background-color: #212121;
}

#navMenuL ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#navMenuL li {
  display: inline;
  list-style-type: none;
  width: 100%;
}

#navMenuL li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  font-size: 1.5em;
  color: #15ADB2;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navMenuL li a:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .75s;
  -o-transition: .75s;
  transition: .75s;
}

#navMenuR {
  grid-area: 1/3/2/4;
  background-color: #212121;
}

#navMenuR ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#navMenuR li {
  display: inline;
  list-style-type: none;
  width: 100%;
}

#navMenuR li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  font-size: 1.5em;
  color: #15ADB2;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navMenuR li a:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .75s;
  -o-transition: .75s;
  transition: .75s;
}

#navLogoContainer {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr;
  width: 100%;
  position: fixed;
  z-index: 1;
}

#navLogo {
  grid-area: 1/2/2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 1em 0 1em;
  padding: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navLogo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}




/* LS - MAIN */
#main {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  grid-template-rows: repeat(8,1fr) 0em;
  background-color: #212121;
  font-family: gruppo-regular;
  color: #000000;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: 1/1/9/7;
}

#banner img {
  width: 100%;
  height: 100vh;
  -o-object-fit: fill;
     object-fit: fill;
}

#anchor {
  grid-area: 5/1/5/7;
}




/* LS - TTG */
#ttg {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 2.4em 10.1em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#ttgHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: .8em .8em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#ttgHeader h1 {
  font-size: 1.5em;
  color: #15ADB2;
}

#ttgBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 .8em .8em;
  padding: 3em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: auto;
}

#ttgBodyTitle p{
  font-size: 1.25em;
  color: #15ADB2;
}

#ttgBodyPost p{
  font-size: 1em;
}




/* LS - CONTACT */
#contact {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 2.4em 27.6em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#contactHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: .8em .8em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#contactHeader h1 {
  font-size: 1.5em;
  color: #15ADB2;
}

#contactBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 .8em .8em;
  padding: 3em;
  font-size: 1.1em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.contactFormInput {
  border: .2em inset;
  border-radius: .3em;
  font-family: arial;
  font-size: .5em;
  padding: .1em;
  text-align: center;
}

#contactFormSubmit {
  background-color: #212121;
  border: none;
  border-radius: .5em;
  font-size: .8em;
  color: #15ADB2;
  padding: .5em
}

#contactFormSubmit:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  cursor: pointer;
}

#contactFormSubmit:not(:hover) {
  background-color: #000000;
  color: #15ADB2;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  cursor: pointer;
}

#contactBody span {
  font-family: arial;
  font-size: .5em;
  text-align: center;
}

#contactBody a {
  color: #15ADB2;
  text-decoration: none;
}

#contactBody a:hover {
  color: #15ADB2;
  text-decoration: overline;
}




/* LS - DONATE */
#donate {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 2.4em 37.6em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#donateHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: .8em .8em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#donateHeader h1 {
  font-size: 1.5em;
  color: #15ADB2;
}

#donateBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 .8em .8em;
  padding: 3em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

#donateBody p {
  font-size: 1.2em;
  text-align: justify;
}

#donateButton {
  width: 20%;
}

#donateBody span {
  font-size: .6em;
  text-align: center;
}




/* LS - FOOTER */
#footer {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2,1fr);
  background-color: #212121;
  padding: .6em 0 .4em 0;
}
  
#footerLinks {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 .3em 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#footerLinks a {
  font-family: arial;
  color: #666666;
  font-size: .7em;
  text-decoration: none;
}

#footerLinks a:hover {
  font-family: arial;
  font-size: .7em;
  color: #15ADB2;
  text-decoration: none;
}

#footerLinks span {
  font-family: arial;
  color: #666666;
  font-size: .7em;
}

#footerCopyright {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: arial;
  color: #666666;
  font-size: .7em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}




/* LS - CUSTOM PAGES */
#customPageBody {
  background-color: #FFFFFF;
}

#customPageMessage {
  font-family: gruppo-regular;
  font-size: 2.8em;
  color: #000000;
  text-align: center;
}

#customPageRedirect {
  font-family: gruppo-regular;
  font-size: .8em;
  color: #000000;
  text-align: center;
}

#customPageRedirect span a{
  color: #15ADB2;
  text-decoration: none;
}

#customPageRedirect span a:hover{
  text-decoration: overline;
}




}




/* XLS - EXTRA LARGE SCREEN - BIG LANDSCAPE TABLETS, LAPTOPS, AND DESKTOPS */
@media only screen and (min-width:1025px) {




/* XLS - HEADER */
#navMenu {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr;
  font-family: gruppo-regular;
  position: fixed;
  width: 100%;
  height: 3em;
  z-index: 3;
}

#navMenuL {
  grid-area: 1/1/2/2;
  background-color: #212121;
}

#navMenuL ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#navMenuL li {
  display: inline;
  list-style-type: none;
  width: 100%;
}

#navMenuL li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  font-size: 1.8em;
  color: #15ADB2;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navMenuL li a:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .75s;
  -o-transition: .75s;
  transition: .75s;
}

#navMenuR {
  grid-area: 1/3/2/4;
  background-color: #212121;
}

#navMenuR ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#navMenuR li {
  display: inline;
  list-style-type: none;
  width: 100%;
}

#navMenuR li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  font-size: 1.8em;
  color: #15ADB2;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navMenuR li a:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .75s;
  -o-transition: .75s;
  transition: .75s;
}

#navLogoContainer {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr;
  width: 100%;
  position: fixed;
  z-index: 1;
}

#navLogo {
  grid-area: 1/2/2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 1em 0 1em;
  padding: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navLogo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}




/* XLS - MAIN */
#main {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  grid-template-rows: repeat(8,1fr) 0em;
  background-color: #212121;
  font-family: gruppo-regular;
  color: #000000;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: 1/1/9/7;
}

#banner img {
  width: 100%;
  height: 100vh;
  -o-object-fit: fill;
     object-fit: fill;
}

#anchor {
  grid-area: 5/1/5/7;
}




/* XLS - TTG */
#ttg {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 3em 12em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#ttgHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: 1em 1em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#ttgHeader h1 {
  font-size: 1.8em;
  color: #15ADB2;
}

#ttgBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 1em 1em;
  padding: 3em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: auto;
}

#ttgBodyTitle p{
  font-size: 1.6em;
  color: #15ADB2;
}

#ttgBodyPost p{
  font-size: 1.15em;
}




/* XLS - CONTACT */
#contact {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 3em 37em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#contactHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: 1em 1em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#contactHeader h1 {
  font-size: 1.8em;
  color: #15ADB2;
}

#contactBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 1em 1em;
  padding: 3em;
  font-size: 1.5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.contactFormInput {
  border: .2em inset;
  border-radius: .3em;
  font-family: arial;
  font-size: .5em;
  padding: .1em;
  text-align: center;
}

#contactFormSubmit {
  background-color: #212121;
  border: none;
  border-radius: .5em;
  font-size: .8em;
  color: #15ADB2;
  padding: .5em
}

#contactFormSubmit:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  cursor: pointer;
}

#contactFormSubmit:not(:hover) {
  background-color: #000000;
  color: #15ADB2;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  cursor: pointer;
}

#contactBody span {
  font-family: arial;
  font-size: .5em;
  text-align: center;
}

#contactBody a {
  color: #15ADB2;
  text-decoration: none;
}

#contactBody a:hover {
  color: #15ADB2;
  text-decoration: overline;
}




/* XLS - DONATE */
#donate {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 3em 37em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#donateHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: 1em 1em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#donateHeader h1 {
  font-size: 1.8em;
  color: #15ADB2;
}

#donateBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 1em 1em;
  padding: 3em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

#donateBody p {
  font-size: 1.3em;
  text-align: justify;
}

#donateButton {
  width: 20%;
}

#donateBody span {
  font-size: .8em;
  text-align: center;
}




/* XLS - FOOTER */
#footer {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2,1fr);
  background-color: #212121;
  padding: .7em 0 .5em 0;
}
  
#footerLinks {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 .4em 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#footerLinks a {
  font-family: arial;
  color: #666666;
  font-size: .8em;
  text-decoration: none;
}

#footerLinks a:hover {
  font-family: arial;
  font-size: .8em;
  color: #15ADB2;
  text-decoration: none;
}

#footerLinks span {
  font-family: arial;
  color: #666666;
  font-size: .8em;
}

#footerCopyright {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: arial;
  color: #666666;
  font-size: .8em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}




/* XLS - CUSTOM PAGES */
#customPageBody {
  background-color: #FFFFFF;
}

#customPageMessage {
  font-family: gruppo-regular;
  font-size: 3em;
  color: #000000;
  text-align: center;
}

#customPageRedirect {
  font-family: gruppo-regular;
  font-size: 1em;
  color: #000000;
  text-align: center;
}

#customPageRedirect span a{
  color: #15ADB2;
  text-decoration: none;
}

#customPageRedirect span a:hover{
  text-decoration: overline;
}




}




/* HS - HUGE SCREEN - HI-RES LAPTOPS AND DESKTOPS */
@media only screen and (min-width:1281px) {




/* HS - HEADER */
#navMenu {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr;
  font-family: gruppo-regular;
  position: fixed;
  width: 100%;
  height: 3em;
  z-index: 3;
}

#navMenuL {
  grid-area: 1/1/2/2;
  background-color: #212121;
}

#navMenuL ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#navMenuL li {
  display: inline;
  list-style-type: none;
  width: 100%;
}

#navMenuL li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  font-size: 2em;
  color: #15ADB2;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navMenuL li a:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .75s;
  -o-transition: .75s;
  transition: .75s;
}

#navMenuR {
  grid-area: 1/3/2/4;
  background-color: #212121;
}

#navMenuR ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#navMenuR li {
  display: inline;
  list-style-type: none;
  width: 100%;
}

#navMenuR li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  font-size: 2em;
  color: #15ADB2;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navMenuR li a:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .75s;
  -o-transition: .75s;
  transition: .75s;
}

#navLogoContainer {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-template-rows: 1fr;
  width: 100%;
  position: fixed;
  z-index: 1;
}

#navLogo {
  grid-area: 1/2/2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 1em 0 1em;
  padding: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navLogo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}




/* HS - MAIN */
#main {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  grid-template-rows: repeat(8,1fr) 0em;
  background-color: #212121;
  font-family: gruppo-regular;
  color: #000000;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: 1/1/9/7;
}

#banner img {
  width: 100%;
  height: 100vh;
  -o-object-fit: fill;
     object-fit: fill;
}

#anchor {
  grid-area: 5/1/5/7;
}




/* HS - TTG */
#ttg {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 3em 17em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#ttgHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: 1em 1em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#ttgHeader h1 {
  font-size: 2em;
  color: #15ADB2;
}

#ttgBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 1em 1em;
  padding: 3em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: auto;
}

#ttgBodyTitle p{
  font-size: 1.75em;
  color: #15ADB2;
}

#ttgBodyPost p{
  font-size: 1.25em;
}




/* HS - CONTACT */
#contact {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 3em 37em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#contactHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: 1em 1em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#contactHeader h1 {
  font-size: 2em;
  color: #15ADB2;
}

#contactBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 1em 1em;
  padding: 3em;
  font-size: 1.5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.contactFormInput {
  border: .2em inset;
  border-radius: .3em;
  font-family: arial;
  font-size: .5em;
  padding: .1em;
  text-align: center;
}

#contactFormSubmit {
  background-color: #212121;
  border: none;
  border-radius: .5em;
  font-size: .8em;
  color: #15ADB2;
  padding: .5em
}

#contactFormSubmit:hover {
  background-color: #15ADB2;
  color: #FFFFFF;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  cursor: pointer;
}

#contactFormSubmit:not(:hover) {
  background-color: #000000;
  color: #15ADB2;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  cursor: pointer;
}

#contactBody span {
  font-family: arial;
  font-size: .5em;
  text-align: center;
}

#contactBody a {
  color: #15ADB2;
  text-decoration: none;
}

#contactBody a:hover {
  color: #15ADB2;
  text-decoration: overline;
}




/* HS - DONATE */
#donate {
  grid-area: 8/2/10/6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0em 0em; /* 3em 27em */
  font-family: gruppo-regular;
  color: #000000;
  z-index: 0; /* 2 */
  opacity: 0; /* 1 */
  overflow: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#donateHeader {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #212121;
  border-radius: 1em 1em 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#donateHeader h1 {
  font-size: 2em;
  color: #15ADB2;
}

#donateBody {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background-color: #FFFFFF;
  border-radius: 0 0 1em 1em;
  padding: 3em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

#donateBody p {
  font-size: 1.5em;
  text-align: justify;
}

#donateButton {
  width: 20%;
}

#donateBody span {
  font-size: 1em;
  text-align: center;
}




/* HS - FOOTER */
#footer {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2,1fr);
  background-color: #212121;
  padding: .7em 0 .5em 0;
}
  
#footerLinks {
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 .5em 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#footerLinks a {
  font-family: arial;
  color: #666666;
  font-size: .8em;
  text-decoration: none;
}

#footerLinks a:hover {
  font-family: arial;
  font-size: .8em;
  color: #15ADB2;
  text-decoration: none;
}

#footerLinks span {
  font-family: arial;
  color: #666666;
  font-size: .8em;
}

#footerCopyright {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: arial;
  color: #666666;
  font-size: .8em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}




/* HS - CUSTOM PAGES */
#customPageBody {
  background-color: #FFFFFF;
}

#customPageMessage {
  font-family: gruppo-regular;
  font-size: 3em;
  color: #000000;
  text-align: center;
}

#customPageRedirect {
  font-family: gruppo-regular;
  font-size: 1em;
  color: #000000;
  text-align: center;
}

#customPageRedirect span a{
  color: #15ADB2;
  text-decoration: none;
}

#customPageRedirect span a:hover{
  text-decoration: overline;
}




}