/* Text Elements */

h1.heading-1 {
  color: #f4e8a9;
  text-align: center;
  text-shadow: #78828c 2px 2px 5px;
  font-size: 24px;
}

h1 span.heading-text-1 {
  font-size: 4.25rem;
  font-family: 'Warnes', cursive;
}

h1 span span.heading-text-5 {
  color: #ffc;
  font-size: 4.875rem;
  line-height: 1;
}

h2 span.heading-text-4 {
  color: #ffc;
  font-size: 1.625rem;
  font-family: 'Roboto', cursive;
  line-height: 1;
}

h2.heading-3 {
  margin-bottom: 0;
  text-align: center;
  text-shadow: #0a0a0a 2px 2px 5px;
  line-height: 1.2;
}

h3 span.heading-text-2 {
  color: #036;
  font-weight: 400;
  font-family: 'Roboto', cursive;
}

h3 span.heading-text-3 {
  font-weight: 500;
}

h3.heading-2 {
  padding-left: 0;
  font-size: 19px;
}

p.paragraph span.paragraph-text-1 {
  color: #ffc;
  font-size: 1rem;
  font-family: 'Roboto', cursive;
  line-height: 1;
}

p.paragraph.copyright {
  text-align: center;
}

p.paragraph.paragraph-1 {
  margin-bottom: 0;
  padding-top: 5px;
  color: #fff;
  text-align: center;
  text-shadow: #0a0a0a 2px 2px 5px;
  font-style: italic;
  font-size: 16px;
  line-height: 1.2;
}

p.paragraph span.paragraph-text-2 {
  font-style: normal;
  font-variant: normal;
  font-size: 1.125rem;
}

p.paragraph span.paragraph-text-4 {
  font-weight: 400;
  font-size: 1.25rem;
  font-family: 'Roboto', cursive;
}

p.paragraph.paragraph-2 {
  float: none;
  margin-right: 5px;
  margin-bottom: 6px;
  margin-left: 5px;
  text-align: left;
  font-family: 'Roboto', cursive;
}

p.paragraph.paragraph-3 {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  font-family: 'Roboto', cursive;
}

p.paragraph span.paragraph-text-9 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-14 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-15 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-16 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-17 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-18 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-19 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-8 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-20 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-21 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-22 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-23 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-10 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-24 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-26 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-27 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-28 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-29 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-31 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-32 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-7 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-33 {
  font-weight: 500;
}

p.paragraph.paragraph-centered {
  text-align: center;
}

p.paragraph.paragraph-left {
  text-align: left;
}

p.paragraph span.paragraph-text-42 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-48 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-47 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-25 {
  font-size: 1.125rem;
  font-family: 'Roboto', cursive;
}

p.paragraph span span.paragraph-text-30 {
  font-size: 1.3125rem;
  font-family: 'Roboto', cursive;
}

p.paragraph span.paragraph-text-13 {
  font-size: 1.25rem;
  font-family: 'Roboto', cursive;
}

p.paragraph span.paragraph-text-34 {
  font-weight: 500;
}

p.paragraph.paragraph-4 {
  text-align: center;
}

p.paragraph span.paragraph-text-11 {
  font-size: 1.25rem;
}

p.paragraph span.paragraph-text-35 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-36 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-12 {
  font-size: 1.25rem;
  font-family: 'Roboto', cursive;
}

p.paragraph span.paragraph-text-37 {
  font-weight: 500;
}

p.paragraph.paragraph-5 {
  text-align: center;
}

p.paragraph span.paragraph-text-50 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-43 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-51 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-52 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-61 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-60 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-62 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-63 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-64 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-65 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-67 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-68 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-69 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-70 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-71 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-72 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-73 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-74 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-75 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-76 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-77 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-78 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-39 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-49 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-79 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-80 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-81 {
  font-size: 1.25rem;
}

p.paragraph span.paragraph-text-82 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-83 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-84 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-38 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-44 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-85 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-86 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-87 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-89 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-90 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-88 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-91 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-94 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-97 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-96 {
  font-weight: 500;
}

a.link-text.text-link-1 {
  color: #0a0a0a;
  font-weight: 500;
  font-size: 26px;
  font-family: 'Roboto', cursive;
}

a.link-text.topbar-responsive-logo {
  margin-right: 100px;
  margin-left: 10px;
  color: #fff;
  vertical-align: middle;
}

a.link-text span.text-link-text-1 {
  font-family: 'Roboto', cursive;
}

a.link-text.text-link-2 {
  color: #0a0a0a;
  font-size: 16px;
  font-family: 'Roboto', cursive;
}

a.link-text.text-link-3 {
  color: #0a0a0a;
  font-size: 16px;
  font-family: 'Roboto', cursive;
}

a.link-text.text-link-4 {
  color: #0a0a0a;
  font-size: 16px;
  font-family: 'Roboto', cursive;
}

ul.link-list.menu {
  background-color: #2c3840;
}

ul.link-list.medium-horizontal.menu.simple.vertical {
  background-color: #0a0a0a;
}

/* Interaction Elements */

a.link-button.button-cstm {
  margin-right: 10px;
  margin-left: 10px;
}

a.link-button.button.button-cstm {
  display: block;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 6px;
  padding: 10px;
  text-align: center;
  font-size: 18px;
  font-family: 'Roboto', cursive;
}

/* Layout Elements */

body.body-1 {
  display: grid;
  max-width: 1000px;
  width: 100%;
  background-color: transparent;
  -webkit-transition-delay: 0s, 0s;
     -moz-transition-delay: 0s, 0s;
       -o-transition-delay: 0s, 0s;
          transition-delay: 0s, 0s;
  -webkit-transition-timing-function: ease, linear;
     -moz-transition-timing-function: ease, linear;
       -o-transition-timing-function: ease, linear;
          transition-timing-function: ease, linear;
  -webkit-transition-duration: 0s, .3s;
     -moz-transition-duration: 0s, .3s;
       -o-transition-duration: 0s, .3s;
          transition-duration: 0s, .3s;
  -webkit-transition-property: all, all;
     -moz-transition-property: all, all;
       -o-transition-property: all, all;
          transition-property: all, all;

  grid-row-gap: 0normal;
  grid-column-gap: 0normal;
  grid-template-areas: 'nav' 'header' 'main' 'footer';
  grid-template-columns: auto;
  grid-template-rows: auto 250px repeat(2 , auto);
}

.container.header {
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom: .3125rem solid #fff;
  border-left-color: #fff;
  background-color: #0a0a0a;
  background-image: url('../images/ARIA0007.jpg'), url('https://cdn.coffeecupcloud.com/appresources/v1/common/background_online_image.png');
  background-attachment: scroll, scroll;
  background-position: left top, left top;
  background-clip: border-box, border-box;
  background-origin: padding-box, padding-box;
  background-size: cover, cover;
  background-repeat: no-repeat, repeat;

  grid-area: header;
  background-blend-mode: normal, normal;
}

.container.main {
  display: grid;
  padding-right: 10px;
  padding-left: 10px;
  background-color: transparent;

  grid-area: main;
  grid-row-gap: 1normal;
  grid-column-gap: 1normal;
  grid-template-areas: 'panel-1' 'panel-2' 'panel-3' 'panel-4' 'panel-5' 'panel-6' 'panel-7' 'panel-8' 'panel-9' 'panel-10' 'panel-11' 'panel-12';
  grid-template-columns: auto;
  grid-template-rows: repeat(12 , auto);
}

.container.footer {
  background-color: #0a0a0a;

  grid-area: footer;
}

.container.panel-1 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-1;
  background-blend-mode: normal;
}

.container.panel-container {
  display: grid;
  border-color: transparent;
  background-color: transparent;

  grid-row-gap: 0normal;
  grid-column-gap: 0normal;
  grid-template-areas: 'panel-1' 'panel-2' 'panel-3' 'panel-4' 'panel-5' 'panel-6' 'panel-7' 'panel-8' 'panel-9' 'panel-10' 'panel-11' 'panel-12';
  grid-template-columns: auto;
  grid-template-rows: repeat(12 , auto);
}

.container.heading {
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
  background-color: transparent;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  background-blend-mode: normal;
}

.container.image {
  display: block;
  margin-top: 5px;
  margin-bottom: 15px;
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: auto;
  grid-row-gap: 1normal;
  grid-column-gap: 1normal;
  grid-template-areas: 'panel-1' 'panel-2' 'panel-3' 'panel-4' 'panel-5' 'panel-6' 'panel-7' 'panel-8' 'panel-9' 'panel-10' 'panel-11' 'panel-12';
  grid-template-columns: auto;
  grid-template-rows: repeat(12 , auto);
}

.container.panel-2 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: #fff;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-2;
}

.container.panel-3 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-3;
}

.container.panel-4 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-4;
}

.container.panel-5 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-5;
}

.container.panel-6 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-6;
}

.container.panel-7 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-7;
}

.container.panel-8 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-8;
}

.container.panel-9 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-9;
}

.container.panel-10 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-10;
}

.container.panel-11 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-11;
}

.container.panel-12 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-12;
}

.container.top-bar-responsive {
  padding: .75rem;
  background-color: #2c3840;
}

.container.top-bar-title {
  position: relative;
  width: 100%;
}

.container.icon-container {
  position: absolute;
  top: 50%;
  right: 7px;
  padding: .25rem .45rem;
  border: .0625rem solid #fefefe;
  border-radius: 5px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

.container#topbar-responsive {
  display: none;
}

.container.topbar-responsive-links {
  -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
}

.container.top-bar.top-bar-responsive {
  background-color: #0a0a0a;
}

.container.panel-1-1 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-1;
  background-blend-mode: normal;
}

.container.panel-2-1 {
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: panel-1;
  background-blend-mode: normal;
}

.container.panel-3-1 {
  display: block;
  border: .3125rem solid transparent;

  grid-area: panel-3-1;
}

.container.panel-3-2 {
  border: .3125rem solid transparent;

  grid-area: panel-3-2;
}

.container.panel-3-3 {
  border: .3125rem solid transparent;

  grid-area: panel-3-3;
}

.container.panel-container-3 {
  display: grid;
  border-top: 0 solid transparent;
  border-right: .0625rem solid transparent;
  border-bottom: 0 solid transparent;
  border-left: .0625rem solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;

  grid-area: auto;
  grid-row-gap: 5normal;
  grid-column-gap: 5normal;
  grid-template-areas: 'panel-3-0' 'panel-3-1' 'panel-3-2' 'panel-3-3';
  grid-template-columns: auto;
  grid-template-rows: repeat(4 , auto);
}

.container.panel-3-0 {
  display: block;
  border: .3125rem solid transparent;

  grid-area: panel-3-0;
}

.container.container-2 {
  position: static;

  justify-self: auto;
}

.container.container-1 {
  display: grid;
  margin-top: 10px;
  margin-bottom: 10px;

  grid-row-gap: 1normal;
  grid-column-gap: 1normal;
  grid-template-areas: 'left conter right';
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto;
}

.container.container-7 {
  display: grid;

  grid-row-gap: 1normal;
  grid-column-gap: 1normal;
  grid-template-areas: 'left center right';
  grid-template-columns: repeat(3 , auto);
  grid-template-rows: auto;
}

.container.container-8 {
  display: grid;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;

  grid-row-gap: 1normal;
  grid-column-gap: 1normal;
  grid-template-areas: 'left center right';
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto;
}

.container.container-9 {
  display: grid;

  grid-row-gap: 1normal;
  grid-column-gap: 1normal;
  grid-template-areas: 'panel-5-1 panel-5-2 panel-5-3 panel-5-4 panel-5-5';
  grid-template-columns: 1fr auto 10px auto 1fr;
  grid-template-rows: auto;
}

.container.container-10 {
  display: grid;

  grid-row-gap: 1normal;
  grid-column-gap: 1normal;
  grid-template-areas: 'left' 'center' 'right';
  grid-template-columns: auto;
  grid-template-rows: repeat(3 , auto);
}

.container.container-11 {
  display: grid;

  grid-row-gap: 1normal;
  grid-column-gap: 1normal;
  grid-template-areas: 'left' 'center' 'right';
  grid-template-columns: auto;
  grid-template-rows: repeat(3 , auto);
}

.container.container-12 {
  display: grid;

  grid-row-gap: 5normal;
  grid-column-gap: 5normal;
  grid-template-areas: 'P1' 'P2' 'P3' 'P4' 'P5';
  grid-template-columns: auto;
  grid-template-rows: repeat(5 , auto);
}

.container.center {
  display: block;

  grid-row-gap: 1normal;
  grid-column-gap: 1normal;
  grid-template-areas: none;
  grid-template-columns: none;
  grid-template-rows: none;
}

a.responsive-picture.picture-link-1 {
  max-width: 100%;
  border-color: transparent;
}

li.list-item-link.menu-link > a {
  color: #fff;
  font-family: 'Roboto', cursive;
}

span.glyph.menu-icon-toggle {
  position: static;
  display: inline-block;
  margin: 2px auto;
  width: auto;
  background-color: #0a0a0a;
  color: #fff;
  font-size: 20px;
  line-height: 1;
}

li.list-item-link.menu-link {
  padding-top: .875rem;
  padding-bottom: .875rem;
  -webkit-transition-timing-function: ease-in;
     -moz-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: .15s;
     -moz-transition-duration: .15s;
       -o-transition-duration: .15s;
          transition-duration: .15s;
}

li.list-item-link span.list-item-link-text-1 {
  font-family: 'Roboto', cursive;
}

li.list-item-link span.list-item-link-text-2 {
  font-family: 'Roboto', cursive;
}

li.list-item-link span.list-item-link-text-3 {
  font-family: 'Roboto', cursive;
}

a.responsive-picture.picture-link-2 {
  max-width: 100%;
}

a.responsive-picture.picture-link-3 {
  max-width: 100%;
}

a.responsive-picture.picture-link-4 {
  max-width: 100%;
}

.html-element.html-element-1 {
  text-align: center;
}

video.html-video-2 {
  display: inline;
  margin-top: 0;
  margin-bottom: 10px;
  max-width: 1000px;
  width: 100%;
}

audio.audio-2 {
  min-height: auto;
  width: 100%;
  height: 20vmin;
}

audio.audio-1 {
  padding-top: 10px;
  width: 100%;
  height: 100px;
}

div.responsive-picture.picture-4 {
  padding: 2px;
  max-width: none;
}

div.responsive-picture.picture-5 {
  padding: 2px;
  max-width: none;
}

div.responsive-picture.picture-6 {
  padding: 2px;
  max-width: none;
}

div.responsive-picture.picture-7 {
  padding: 5px;
  max-width: none;
}

div.responsive-picture.picture-8 {
  padding: 5px;
  max-width: none;
}

div.responsive-picture.picture-9 {
  padding: 5px;
  max-width: none;
}

div.responsive-picture.picture-10 {
  max-width: none;
}

li.list-item-link.menu-link:hover > a {
  color: #c7c7c7;
}

@media screen and (min-width: 22.3125rem) {
  /* Text Elements */

  p.paragraph span.paragraph-text-93 {
    font-weight: 500;
  }
}

@media screen and (min-width: 22.5625rem) {
  /* Layout Elements */

  .container.main {
    grid-template-areas: 'panel-1' 'panel-2' 'panel-3' 'panel-4' 'panel-5' 'panel-6' 'panel-7' 'panel-8' 'panel-9' 'panel-10' 'panel-11' 'panel-12';
    grid-template-columns: auto;
    grid-template-rows: repeat(12 , auto);
  }

  .container.container-9 {
    display: grid;
    margin-bottom: 20px;

    grid-row-gap: 1normal;
    grid-column-gap: 1normal;
    grid-template-areas: 'panel-5-1 panel-5-2 panel-5-3 panel-5-4 panel-5-5';
    grid-template-columns: 1fr auto 1fr auto 1fr;
    grid-template-rows: auto;
  }

  .container.container-10 {
    grid-template-areas: 'left center right';
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto;
  }

  audio.audio-2 {
    width: 100%;
    height: 20vmin;
  }

  audio.audio-1 {
    padding-top: 10px;
  }
}

@media screen and (min-width: 27.5rem) {
  /* Layout Elements */

  .container.container-12 {
    display: grid;

    grid-row-gap: 5normal;
    grid-column-gap: 5normal;
    grid-template-areas: 'P1 P2 P3 P4 P5';
    grid-template-columns: repeat(5 , auto);
    grid-template-rows: auto;
  }

  .container.panel-container {
    grid-template-areas: 'panel-1 panel-2' 'panel-3 panel-4' 'panel-5 panel-6' 'panel-7 panel-8' 'panel-9 panel-10' 'panel-11 panel-12';
    grid-template-columns: repeat(2 , auto);
    grid-template-rows: repeat(6 , auto);
  }

  .container.center {
    display: grid;

    grid-row-gap: 1normal;
    grid-column-gap: 1normal;
    grid-template-areas: 'P1' 'P2' 'P3';
    grid-template-columns: auto;
    grid-template-rows: repeat(3 , auto);
  }

  .container.panel-container-3 {
    grid-template-areas: 'panel-3-0 panel-3-1' 'panel-3-2 panel-3-3';
    grid-template-columns: repeat(2 , auto);
    grid-template-rows: repeat(2 , auto);
  }

  div.responsive-picture.picture-6 {
    padding: 2px;
  }

  div.responsive-picture.picture-5 {
    padding: 2px;
  }

  div.responsive-picture.picture-10 {
    margin-top: 10px;
  }
}

@media screen and (min-width: 39.9375rem) {
  /* Layout Elements */

  .container.panel-container-3 {
    display: grid;

    grid-row-gap: 5normal;
    grid-column-gap: 5normal;
    grid-template-areas: 'panel-3-0 panel-3-1 panel-3-2 panel-3-3';
    grid-template-columns: repeat(4 , auto);
    grid-template-rows: auto;
  }

  .container.panel-3-1 {
    display: block;

    grid-area: panel-3-1;
  }

  .container.panel-3-2 {
    display: block;

    grid-area: panel-3-2;
  }

  .container.panel-3-3 {
    grid-area: panel-3-3;
  }

  .container.panel-3-0 {
    grid-area: panel-3-0;
  }
}

@media screen and (min-width: 40rem) {
  /* Text Elements */

  h1 span span.heading-text-5 {
    font-size: 4.875rem;
  }

  h3.heading-2 {
    -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease;
       -moz-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-property: none;
       -moz-transition-property: none;
         -o-transition-property: none;
            transition-property: none;
  }

  p.paragraph.paragraph-3 {
    font-size: 28px;
  }

  a.link-text.text-link-1 {
    -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease;
       -moz-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-property: none;
       -moz-transition-property: none;
         -o-transition-property: none;
            transition-property: none;
  }

  ul.link-list.menu.simple.vertical {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: start;
    -ms-flex-align: start;
    width: auto;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start;
  }

  ul.link-list.medium-horizontal.menu.simple.vertical {
    -ms-flex-pack: start;
    -ms-flex-align: center;

    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
  }

  /* Layout Elements */

  .container.top-bar.top-bar-responsive {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
  }

  .container.top-bar-title {
    position: static;
    width: auto;
  }

  .container.icon-container {
    display: none;
  }

  .container.topbar-responsive-links {
    display: block;
    width: auto;
  }

  .container#topbar-responsive {
    display: block;
  }

  .container.top-bar-right {
    max-width: none;
  }

  .container.image {
    margin-top: 0;
    margin-bottom: 0;
  }

  .container.panel-container {
    grid-template-areas: 'panel-1 panel-2 panel-3' 'panel-4 panel-5 panel-6' 'panel-7 panel-8 panel-9' 'panel-10 panel-11 panel-12';
    grid-template-columns: repeat(3 , auto);
    grid-template-rows: repeat(4 , auto);
  }

  .container.panel-3-0 {
    display: block;

    grid-area: panel-3-0;
  }

  .container.panel-container-3 {
    grid-template-areas: 'panel-3-0 panel-3-1 panel-3-2 panel-3-3';
    grid-template-columns: repeat(4 , auto);
  }

  .container.center {
    display: block;
  }

  li.list-item-link.menu-link {
    max-width: none;
    width: auto;
  }
}

@media screen and (min-width: 64rem) {
  /* Text Elements */

  h1 span.heading-text-1 {
    font-size: 4.3125rem;
  }

  h2.heading-3 {
    margin-bottom: 0;
  }

  h3 span.heading-text-2 {
    font-size: 1.25rem;
  }

  h3.heading-2 {
    color: transparent;
  }

  p.paragraph.paragraph-1 {
    margin-bottom: 0;
  }

  p.paragraph.paragraph-2 {
    display: block;
    margin: 10px 150px;
    text-align: left;
    font-size: 16px;

    grid-area: auto / auto / auto / auto;
  }

  p.paragraph.paragraph-3 {
    margin: 10px 150px 0;
    text-align: center;
    font-size: 32px;
    font-family: 'Roboto', cursive;
  }

  p.paragraph span.paragraph-text-3 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-5 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-6 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-9 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-39 {
    font-weight: 500;
    font-size: 1.5rem;
  }

  p.paragraph span.paragraph-text-40 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-41 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-43 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-44 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-45 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-46 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-47 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-48 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-4 {
    font-weight: 400;
  }

  p.paragraph.paragraph-5 {
    margin-right: 150px;
    margin-left: 150px;
  }

  p.paragraph.paragraph-4 {
    margin-right: 150px;
    margin-left: 150px;
  }

  p.paragraph.paragraph-6 {
    margin-right: 150px;
    margin-left: 150px;
  }

  p.paragraph span.paragraph-text-49 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-61 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-60 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-62 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-78 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-51 {
    font-weight: 400;
  }

  p.paragraph span.paragraph-text-91 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-92 {
    font-weight: 500;
  }

  p.paragraph span.paragraph-text-95 {
    font-weight: 500;
  }

  a.link-text.text-link-1 {
    text-align: center;
    font-size: 24px;
  }

  a.link-text.text-link-2 {
    text-align: left;
  }

  /* Interaction Elements */

  a.link-button.button.button-cstm {
    display: block;
    margin: 10px 150px;
    padding-top: 10px;
    font-size: 18px;
    font-family: 'Roboto', cursive;
  }

  /* Layout Elements */

  body.body-1 {
    min-height: auto;
    max-width: none;

    grid-template-areas: 'nav' 'header' 'main' 'footer';
    grid-template-columns: auto;
    grid-area: auto / auto / auto / auto;
  }

  .container.panel-container {
    display: grid;
    background-color: transparent;
    -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease;
       -moz-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-property: none;
       -moz-transition-property: none;
         -o-transition-property: none;
            transition-property: none;

    grid-template-areas: 'panel-1 panel-2 panel-3 panel-4 panel-5 panel-6' 'panel-7 panel-8 panel-9 panel-10 panel-11 panel-12';
    grid-template-columns: repeat(6 , auto);
    grid-template-rows: repeat(2 , auto);
    grid-area: auto;
    grid-row-gap: 0normal;
    grid-column-gap: 0normal;
  }

  .container.header {
    -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease;
       -moz-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-property: none;
       -moz-transition-property: none;
         -o-transition-property: none;
            transition-property: none;
  }

  .container.main {
    display: grid;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    min-height: auto;
    background-color: transparent;
    -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease;
       -moz-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-property: none;
       -moz-transition-property: none;
         -o-transition-property: none;
            transition-property: none;

    grid-row-gap: 1normal;
    grid-column-gap: 1normal;
    grid-template-areas: 'panel-1' 'panel-2' 'panel-3' 'panel-4' 'panel-5' 'panel-6' 'panel-7' 'panel-8' 'panel-9' 'panel-10' 'panel-11' 'panel-12';
    grid-template-columns: auto;
    grid-template-rows: repeat(12 , auto);
  }

  .container.heading {
    box-shadow: none;
    -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: .3s;
       -moz-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-property: all;
       -moz-transition-property: all;
         -o-transition-property: all;
            transition-property: all;
  }

  .container.panel-1 {
    border-width: .125rem;

    grid-area: panel-1;
  }

  .container.image {
    display: grid;
    margin: 0;
    border-width: .125rem;

    grid-template-columns: repeat(6 , auto);
    grid-area: auto;
    grid-template-areas: 'panel-1 panel-2 panel-3 panel-4 panel-5 panel-6' 'panel-7 panel-8 panel-9 panel-10 panel-11 panel-12';
    grid-template-rows: repeat(2 , auto);
  }

  .container.panel-2 {
    border-width: .125rem;
  }

  .container.panel-3 {
    display: block;
    border-width: .125rem;

    grid-row-gap: 0normal;
    grid-column-gap: 0normal;
    grid-template-areas: 'panel-3-1 panel-3-2 panel-3-3';
    grid-template-columns: repeat(3 , auto);
    grid-template-rows: auto;
  }

  .container.panel-4 {
    border-width: .125rem;
  }

  .container.panel-5 {
    border-width: .125rem;
  }

  .container.panel-6 {
    border-width: .125rem;
  }

  .container.panel-7 {
    border-width: .125rem;
  }

  .container.panel-8 {
    border-width: .125rem;
  }

  .container.panel-9 {
    border-width: .125rem;
  }

  .container.panel-10 {
    border-width: .125rem;
  }

  .container.panel-11 {
    border-width: .125rem;
  }

  .container.panel-12 {
    border-width: .125rem;
  }

  .container.panel-1-1 {
    display: block;
    border-width: .125rem;

    grid-area: panel-2;
    grid-row-gap: 1normal;
    grid-column-gap: 1normal;
    grid-template-columns: none;
    grid-template-rows: none;
    grid-template-areas: none;
  }

  .container.panel-2-1 {
    display: grid;
    border-width: .125rem;

    grid-area: panel-2;
  }

  .container.panel-3-1 {
    display: block;
    border: .3125rem solid transparent;

    grid-area: panel-3-1;
    grid-row-gap: 1normal;
    grid-column-gap: 1normal;
    grid-template-areas: 'panel-3-1 panel-3-2 panel-3-3';
    grid-template-columns: repeat(3 , auto);
    grid-template-rows: auto;
  }

  .container.panel-3-2 {
    display: block;
    border: .3125rem solid transparent;

    grid-area: panel-3-2;
  }

  .container.panel-3-3 {
    display: block;
    border: .3125rem solid transparent;

    grid-area: panel-3-3;
  }

  .container.panel-container-3 {
    display: grid;
    margin-right: 100px;
    margin-left: 100px;
    border-width: .125rem;

    grid-row-gap: 15normal;
    grid-column-gap: 15normal;
    grid-template-areas: 'panel-3-0 panel-3-1 panel-3-2 panel-3-3';
    grid-template-columns: repeat(4 , auto);
    grid-template-rows: auto;
  }

  .container.panel-3-0 {
    display: block;
    border: .3125rem solid transparent;

    grid-area: panel-3-0;
  }

  .container.container-1 {
    display: grid;
    padding-top: 20px;
    padding-bottom: 20px;

    grid-row-gap: 1normal;
    grid-column-gap: 1normal;
    grid-template-areas: 'left center right';
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto;
  }

  .container.container-3 {
    display: block;

    grid-area: left;
  }

  .container.container-4 {
    grid-area: center;
  }

  .container.container-5 {
    grid-area: right;
  }

  .container.container-7 {
    grid-template-columns: auto 700px auto;
  }

  .container.center {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease;
       -moz-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-property: all;
       -moz-transition-property: all;
         -o-transition-property: all;
            transition-property: all;

    grid-row-gap: 1normal;
    grid-column-gap: 1normal;
    grid-template-areas: 'left center right';
    grid-template-columns: repeat(3 , auto);
    grid-template-rows: auto;
  }

  .container.container-9 {
    display: grid;
    margin-bottom: 20px;

    grid-row-gap: 1normal;
    grid-column-gap: 1normal;
    grid-template-areas: 'panel-5-1 panel-5-2 panel-5-3 panel-5-4 panel-5-5';
    grid-template-columns: 1fr auto 10px auto 1fr;
    grid-template-rows: auto;
  }

  .container.container-10 {
    display: grid;
    margin-right: 150px;
    margin-left: 150px;
    width: auto;

    grid-row-gap: 1normal;
    grid-column-gap: 1normal;
    grid-template-areas: 'left center right';
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto;
  }

  .container.container-11 {
    grid-template-areas: 'left center right';
    grid-template-columns: repeat(3 , auto);
    grid-template-rows: auto;
  }

  .container.container-12 {
    display: grid;
    margin-top: 0;
    margin-right: 150px;
    margin-left: 150px;

    grid-row-gap: 5normal;
    grid-column-gap: 5normal;
    grid-template-areas: 'P1 P2 P3 P4 P5';
    grid-template-columns: repeat(5 , auto);
    grid-template-rows: auto;
  }

  .container.right {
    display: grid;
  }

  .container.footer {
    height: auto;
  }

  a.responsive-picture.picture-link-1 {
    background-image: none;
    background-attachment: scroll;
    background-position: left top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 0 0;
    background-repeat: no-repeat;

    background-blend-mode: normal;
    grid-area: panel-1;
  }

  a.responsive-picture.picture-link-4 {
    max-width: 100%;
    width: 100%;

    grid-area: panel-3-1;
  }

  div.responsive-picture.picture-1 {
    grid-area: auto;
  }

  audio.audio-1 {
    margin-left: 10px;
    padding: 10px 20px 30px;
    width: 100%;
  }

  div.responsive-picture.picture-2 {
    max-width: 300px;
  }

  div.responsive-picture.picture-3 {
    max-width: 300px;
  }

  audio.audio-2 {
    width: 100%;
    height: 100px;
  }

  div.responsive-picture.picture-4 {
    padding: 5px;
  }

  div.responsive-picture.picture-5 {
    margin-top: 0;
    padding: 5px;
  }

  div.responsive-picture.picture-6 {
    padding: 5px;
  }

  video.html-video-2 {
    max-width: 1000px;
  }

  div.responsive-picture.picture-10 {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: none;
    height: auto;
  }

  div.responsive-picture.picture-10 > picture {
    height: auto;
  }
}