@font-face {
  font-family: Baroqe;
  src: url("../fonts/BaroqueScript.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: Allura;
  src: url("../fonts/Allura.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: Lato-Italic;
  src: url("../fonts/Lato/Lato-Italic.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: Lato-Light;
  src: url("../fonts/Lato/Lato-Light.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: Lato-LightItalic;
  src: url("../fonts/Lato/Lato-LightItalic.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: Lato-Heavy;
  src: url("../fonts/Lato/Lato-Heavy.ttf");
  font-weight: normal;
  font-style: normal; }
body, html {
  background-color: white; }

#intro-block {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 10px;
  color: #3b3b3b;
  background-color: rgba(255, 255, 255, 0.5);
  background: linear-gradient(293deg, rgba(255, 255, 255, 0.5), rgba(152, 0, 255, 0.2), rgba(255, 255, 255, 0.5), rgba(228, 47, 165, 0.2), rgba(255, 255, 255, 0.5), rgba(21, 234, 179, 0.2), rgba(255, 255, 255, 0.5), rgba(232, 58, 58, 0.2));
  background-size: 1600% 1600%;
  -webkit-animation: memg-block-anim 36s ease infinite;
  -moz-animation: memg-block-anim 36s ease infinite;
  -o-animation: memg-block-anim 36s ease infinite;
  animation: memg-block-anim 36s ease infinite;
  border-bottom-color: #ccc;
  border-bottom-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); }
  @media screen and (min-width: 320px) {
    #intro-block {
      width: 270px;
      height: 200px;
      margin: -110px 0 0 -145px; }
      #intro-block div.logo-place {
        height: 50%; }
      #intro-block ul.links {
        height: calc(50% - 1px); }
        #intro-block ul.links li {
          width: 100%;
          height: 50%; }
          #intro-block ul.links li:first-child {
            margin-bottom: 2px; } }
  @media screen and (min-width: 480px) {
    #intro-block {
      width: 278px;
      height: 175px;
      margin: -97.5px 0 0 -149px; }
      #intro-block div.logo-place {
        height: 65%; }
      #intro-block ul.links {
        height: 35%; }
        #intro-block ul.links li {
          float: left;
          width: calc( 50% - 1px);
          height: 100%; } }
  @media screen and (min-width: 768px) {
    #intro-block {
      width: 302px;
      height: 200px;
      margin: -110px 0 0 -161px; }
      #intro-block div.logo-place {
        height: 65%; }
      #intro-block ul.links {
        height: 35%; }
        #intro-block ul.links li {
          float: left;
          width: calc( 50% - 1px);
          height: 100%; } }
  @media screen and (min-width: 1024px) {
    #intro-block {
      width: 342px;
      height: 225px;
      margin: -122.5px 0 0 -181px; }
      #intro-block div.logo-place {
        height: 65%; }
      #intro-block ul.links {
        height: 35%; }
        #intro-block ul.links li {
          float: left;
          width: calc( 50% - 1px);
          height: 100%; } }
  @media screen and (min-width: 1224px) {
    #intro-block {
      width: 398px;
      height: 250px;
      margin: -135px 0 0 -209px; }
      #intro-block div.logo-place {
        height: 65%; }
      #intro-block ul.links {
        height: 35%; }
        #intro-block ul.links li {
          float: left;
          width: calc( 50% - 1px);
          height: 100%; } }
  @media screen and (min-width: 1424px) {
    #intro-block {
      width: 470px;
      height: 275px;
      margin: -147.5px 0 0 -245px; }
      #intro-block div.logo-place {
        height: 65%; }
      #intro-block ul.links {
        height: 35%; }
        #intro-block ul.links li {
          float: left;
          width: calc( 50% - 1px);
          height: 100%; } }
  @media screen and (min-width: 1624px) {
    #intro-block {
      width: 558px;
      height: 300px;
      margin: -160px 0 0 -289px; }
      #intro-block div.logo-place {
        height: 65%; }
      #intro-block ul.links {
        height: 35%; }
        #intro-block ul.links li {
          float: left;
          width: calc( 50% - 1px);
          height: 100%; } }
  @media screen and (min-width: 1824px) {
    #intro-block {
      width: 662px;
      height: 325px;
      margin: -172.5px 0 0 -341px; }
      #intro-block div.logo-place {
        height: 65%; }
      #intro-block ul.links {
        height: 35%; }
        #intro-block ul.links li {
          float: left;
          width: calc( 50% - 1px);
          height: 100%; } }
@-webkit-keyframes memg-block-anim {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
@-moz-keyframes memg-block-anim {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
@-o-keyframes memg-block-anim {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
@keyframes memg-block-anim {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
  #intro-block div.logo-place {
    width: 100%;
    text-align: center;
    background: url(../images/foo/bg-03.png) repeat;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    #intro-block div.logo-place span {
      font-size: calc(4vw + 20px);
      color: #692a21;
      font-family: Allura; }
  #intro-block ul.links {
    width: 100%;
    display: block;
    padding-top: 2px; }
    #intro-block ul.links li {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background-color: rgba(255, 255, 255, 0.8);
      margin: 0;
      padding: 0;
      text-align: center;
      font-family: Lato-Light; }
      #intro-block ul.links li:first-child {
        margin-right: 2px; }
      #intro-block ul.links li:hover {
        background-color: rgba(170, 255, 156, 0.5); }
      #intro-block ul.links li a {
        cursor: pointer;
        display: block;
        border: 0;
        text-transform: uppercase;
        text-decoration: none;
        transition: all 0.2s;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        border: 0;
        font-size: calc(0.6vw + 16px);
        color: #692a21;
        position: relative; }
        #intro-block ul.links li a p {
          position: absolute;
          top: calc( 50% - calc( calc(0.6vw + 16px) / 2 ) );
          left: 0;
          right: 0;
          text-align: center; }

/*# sourceMappingURL=style-intro.css.map */