/*##############################################################################
## Media Queries                                                               #
##############################################################################*/
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #0c3b91;
  color: white;
  font-family: 'Roboto', sans-serif;
  font-size: 1.0rem; }

.vignette {
  -webkit-box-shadow: inset 0px 0px 85px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 0px 85px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px 85px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 99; }

#matzen {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh; }
  #matzen div.cont {
    display: grid;
    grid-gap: 0;
    position: relative; }
    @media only screen and (max-width: 760px) {
      #matzen div.cont {
        margin-top: calc(0px - (24px*8)); } }
    #matzen div.cont h1 {
      position: relative; }
      #matzen div.cont h1 img {
        display: block;
        margin: auto; }
      #matzen div.cont h1 span {
        text-indent: -999999999999px;
        display: block;
        position: absolute; }
    #matzen div.cont div.verbiage {
      display: grid;
      grid-gap: calc(24px/1.4); }
      @media only screen and (max-width: 760px) {
        #matzen div.cont div.verbiage {
          margin: 0 calc(24px*2); } }
      #matzen div.cont div.verbiage p {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0; }
        @media only screen and (max-width: 760px) {
          #matzen div.cont div.verbiage p {
            display: block;
            text-align: center; } }
        #matzen div.cont div.verbiage p span.sep {
          margin: 0 calc(24px/4);
          content: "";
          width: 1px;
          height: 24px;
          background: white; }
          @media only screen and (max-width: 760px) {
            #matzen div.cont div.verbiage p span.sep {
              background: #14294b;
              opacity: 0.44; } }
        @media only screen and (max-width: 760px) {
          #matzen div.cont div.verbiage p span.verbiage {
            display: none; } }
        #matzen div.cont div.verbiage p strong {
          margin-left: 4px; }
        @media only screen and (max-width: 760px) {
          #matzen div.cont div.verbiage p:last-child {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background: rgba(255, 255, 255, 0.85);
            display: grid;
            grid-gap: 4px;
            grid-template-columns: 1fr 1px 1fr; } }
        #matzen div.cont div.verbiage p:last-child i {
          display: none; }
          @media only screen and (max-width: 760px) {
            #matzen div.cont div.verbiage p:last-child i {
              display: block;
              padding: 24px; } }
      #matzen div.cont div.verbiage a {
        color: white;
        font-weight: 700;
        text-decoration: none; }
        #matzen div.cont div.verbiage a:hover {
          opacity: 0.64; }
        @media only screen and (max-width: 760px) {
          #matzen div.cont div.verbiage a {
            color: #14294b; } }

/*# sourceMappingURL=styles.css.map */