@-webkit-keyframes goldfish-1 {
  /* line 4, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateX(45rem); }

  /* line 5, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateX(-10rem); } }
@-moz-keyframes goldfish-1 {
  /* line 4, ../sass/modules/_animations.scss */
  0% {
    -moz-transform: translateX(45rem); }

  /* line 5, ../sass/modules/_animations.scss */
  100% {
    -moz-transform: translateX(-10rem); } }
@keyframes goldfish-1 {
  /* line 4, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateX(45rem);
    -moz-transform: translateX(45rem);
    -ms-transform: translateX(45rem);
    -o-transform: translateX(45rem);
    transform: translateX(45rem); }

  /* line 5, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateX(-10rem);
    -moz-transform: translateX(-10rem);
    -ms-transform: translateX(-10rem);
    -o-transform: translateX(-10rem);
    transform: translateX(-10rem); } }
@-webkit-keyframes bluefish-1 {
  /* line 11, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateX(-27rem); }

  /* line 12, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateX(45rem); } }
@-moz-keyframes bluefish-1 {
  /* line 11, ../sass/modules/_animations.scss */
  0% {
    -moz-transform: translateX(-27rem); }

  /* line 12, ../sass/modules/_animations.scss */
  100% {
    -moz-transform: translateX(45rem); } }
@keyframes bluefish-1 {
  /* line 11, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateX(-27rem);
    -moz-transform: translateX(-27rem);
    -ms-transform: translateX(-27rem);
    -o-transform: translateX(-27rem);
    transform: translateX(-27rem); }

  /* line 12, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateX(45rem);
    -moz-transform: translateX(45rem);
    -ms-transform: translateX(45rem);
    -o-transform: translateX(45rem);
    transform: translateX(45rem); } }
@-webkit-keyframes goldfish-2 {
  /* line 18, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateX(0); }

  /* line 19, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateX(-42rem); } }
@-moz-keyframes goldfish-2 {
  /* line 18, ../sass/modules/_animations.scss */
  0% {
    -moz-transform: translateX(0); }

  /* line 19, ../sass/modules/_animations.scss */
  100% {
    -moz-transform: translateX(-42rem); } }
@keyframes goldfish-2 {
  /* line 18, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  /* line 19, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateX(-42rem);
    -moz-transform: translateX(-42rem);
    -ms-transform: translateX(-42rem);
    -o-transform: translateX(-42rem);
    transform: translateX(-42rem); } }
@-webkit-keyframes bluefish-2 {
  /* line 25, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateX(0); }

  /* line 26, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateX(-45rem); } }
@-moz-keyframes bluefish-2 {
  /* line 25, ../sass/modules/_animations.scss */
  0% {
    -moz-transform: translateX(0); }

  /* line 26, ../sass/modules/_animations.scss */
  100% {
    -moz-transform: translateX(-45rem); } }
@keyframes bluefish-2 {
  /* line 25, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  /* line 26, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateX(-45rem);
    -moz-transform: translateX(-45rem);
    -ms-transform: translateX(-45rem);
    -o-transform: translateX(-45rem);
    transform: translateX(-45rem); } }
@-webkit-keyframes bobble-1 {
  /* line 32, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateY(0px); }

  /* line 33, ../sass/modules/_animations.scss */
  25% {
    -webkit-transform: translateY(2px); }

  /* line 34, ../sass/modules/_animations.scss */
  50% {
    -webkit-transform: translateY(0px); }

  /* line 35, ../sass/modules/_animations.scss */
  75% {
    -webkit-transform: translateY(2px); }

  /* line 36, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateY(0px); } }
@-moz-keyframes bobble-1 {
  /* line 32, ../sass/modules/_animations.scss */
  0% {
    -moz-transform: translateY(0px); }

  /* line 33, ../sass/modules/_animations.scss */
  25% {
    -moz-transform: translateY(2px); }

  /* line 34, ../sass/modules/_animations.scss */
  50% {
    -moz-transform: translateY(0px); }

  /* line 35, ../sass/modules/_animations.scss */
  75% {
    -moz-transform: translateY(2px); }

  /* line 36, ../sass/modules/_animations.scss */
  100% {
    -moz-transform: translateY(0px); } }
@keyframes bobble-1 {
  /* line 32, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }

  /* line 33, ../sass/modules/_animations.scss */
  25% {
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px); }

  /* line 34, ../sass/modules/_animations.scss */
  50% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }

  /* line 35, ../sass/modules/_animations.scss */
  75% {
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px); }

  /* line 36, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-webkit-keyframes bobble-2 {
  /* line 40, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateY(2px); }

  /* line 41, ../sass/modules/_animations.scss */
  25% {
    -webkit-transform: translateY(0px); }

  /* line 42, ../sass/modules/_animations.scss */
  50% {
    -webkit-transform: translateY(2px); }

  /* line 43, ../sass/modules/_animations.scss */
  75% {
    -webkit-transform: translateY(0px); }

  /* line 44, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateY(2px); } }
@-moz-keyframes bobble-2 {
  /* line 40, ../sass/modules/_animations.scss */
  0% {
    -moz-transform: translateY(2px); }

  /* line 41, ../sass/modules/_animations.scss */
  25% {
    -moz-transform: translateY(0px); }

  /* line 42, ../sass/modules/_animations.scss */
  50% {
    -moz-transform: translateY(2px); }

  /* line 43, ../sass/modules/_animations.scss */
  75% {
    -moz-transform: translateY(0px); }

  /* line 44, ../sass/modules/_animations.scss */
  100% {
    -moz-transform: translateY(2px); } }
@keyframes bobble-2 {
  /* line 40, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px); }

  /* line 41, ../sass/modules/_animations.scss */
  25% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }

  /* line 42, ../sass/modules/_animations.scss */
  50% {
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px); }

  /* line 43, ../sass/modules/_animations.scss */
  75% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }

  /* line 44, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px); } }
@-webkit-keyframes bobble-3 {
  /* line 48, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateY(0px); }

  /* line 49, ../sass/modules/_animations.scss */
  25% {
    -webkit-transform: translateY(1px); }

  /* line 50, ../sass/modules/_animations.scss */
  50% {
    -webkit-transform: translateY(0px); }

  /* line 51, ../sass/modules/_animations.scss */
  75% {
    -webkit-transform: translateY(1px); }

  /* line 52, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateY(0px); } }
@-moz-keyframes bobble-3 {
  /* line 48, ../sass/modules/_animations.scss */
  0% {
    -moz-transform: translateY(0px); }

  /* line 49, ../sass/modules/_animations.scss */
  25% {
    -moz-transform: translateY(1px); }

  /* line 50, ../sass/modules/_animations.scss */
  50% {
    -moz-transform: translateY(0px); }

  /* line 51, ../sass/modules/_animations.scss */
  75% {
    -moz-transform: translateY(1px); }

  /* line 52, ../sass/modules/_animations.scss */
  100% {
    -moz-transform: translateY(0px); } }
@keyframes bobble-3 {
  /* line 48, ../sass/modules/_animations.scss */
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }

  /* line 49, ../sass/modules/_animations.scss */
  25% {
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -o-transform: translateY(1px);
    transform: translateY(1px); }

  /* line 50, ../sass/modules/_animations.scss */
  50% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }

  /* line 51, ../sass/modules/_animations.scss */
  75% {
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -o-transform: translateY(1px);
    transform: translateY(1px); }

  /* line 52, ../sass/modules/_animations.scss */
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
/* line 1, ../sass/modules/_general.scss */
html {
  font-size: 100%; }
  @media (max-width: 300px) {
    /* line 1, ../sass/modules/_general.scss */
    html {
      font-size: 75%; } }
  @media (max-width: 300px) {
    /* line 1, ../sass/modules/_general.scss */
    html {
      font-size: 75%; } }

/* line 14, ../sass/modules/_general.scss */
body {
  margin: 0;
  padding: 0; }

/* line 19, ../sass/modules/_general.scss */
.wrapper {
  max-width: 2000px;
  margin: 0 auto;
  overflow: hidden; }

/* line 25, ../sass/modules/_general.scss */
.col-1 {
  width: 24.6%;
  height: 400px;
  float: left;
  background: lightblue; }

/* line 33, ../sass/modules/_general.scss */
iframe {
  border: none;
  margin: 0;
  padding: 0; }

/* line 39, ../sass/modules/_general.scss */
.col-2 {
  width: 49.7%;
  height: 400px;
  margin: 0 0 0 0.5%;
  float: left;
  background: blue; }

/* line 48, ../sass/modules/_general.scss */
.col-3 {
  width: 24.6%;
  height: 400px;
  margin: 0 0 0 0.5%;
  float: left;
  background: lightblue; }

/* === FISH TANK === */
/* line 59, ../sass/modules/_general.scss */
.fish-tank-wrapper {
  max-width: 45rem;
  margin: 0 auto;
  overflow: hidden; }

/* line 65, ../sass/modules/_general.scss */
.fish-tank {
  width: 100%;
  /* 450px */
  height: 27rem;
  /* 270px */
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /*border: 1px solid grey;*/ }

/* === GOLD FISH ANIMATION 1 === */
/* line 76, ../sass/modules/_general.scss */
.goldfish-holder-1 {
  width: 10em;
  height: 4rem;
  position: absolute;
  top: 40%;
  z-index: 2;
  -webkit-animation: goldfish-1 10s linear 1;
  -moz-animation: goldfish-1 10s linear 1;
  animation: goldfish-1 10s linear 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

/* line 86, ../sass/modules/_general.scss */
.goldfish-1 {
  width: 10rem;
  height: 4rem;
  background: url(../images/goldfish.svg) no-repeat center center transparent;
  background-size: 100%;
  -webkit-animation: bobble-1 1s linear infinite;
  -moz-animation: bobble-1 1s linear infinite;
  animation: bobble-1 1s linear infinite; }

/* === BLUE FISH ANIMATION 1 === */
/* line 96, ../sass/modules/_general.scss */
.bluefish-holder-1 {
  width: 27rem;
  height: 14rem;
  position: absolute;
  top: 22%;
  z-index: 1;
  background-size: 100%;
  -webkit-animation: bluefish-1 10s linear 1;
  -moz-animation: bluefish-1 10s linear 1;
  animation: bluefish-1 10s linear 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

/* line 107, ../sass/modules/_general.scss */
.bluefish-1 {
  width: 100%;
  height: 100%;
  position: relative; }

/* line 113, ../sass/modules/_general.scss */
.group-1 {
  width: 26.5rem;
  height: 14rem;
  background: url(../images/fish-group-1.svg) no-repeat center center transparent;
  position: absolute;
  background-size: 100%;
  -webkit-animation: bobble-1 1s linear infinite;
  -moz-animation: bobble-1 1s linear infinite;
  animation: bobble-1 1s linear infinite; }

/* line 122, ../sass/modules/_general.scss */
.group-2 {
  width: 22rem;
  height: 14rem;
  background: url(../images/fish-group-2.svg) no-repeat center center transparent;
  position: absolute;
  left: -0.5rem;
  top: -2.5rem;
  background-size: 100%;
  -webkit-animation: bobble-2 1s linear infinite;
  -moz-animation: bobble-2 1s linear infinite;
  animation: bobble-2 1s linear infinite; }

/* line 133, ../sass/modules/_general.scss */
.group-3 {
  width: 19rem;
  height: 14rem;
  background: url(../images/fish-group-3.svg) no-repeat center center transparent;
  position: absolute;
  left: 6rem;
  background-size: 100%;
  -webkit-animation: bobble-3 1s linear infinite;
  -moz-animation: bobble-3 1s linear infinite;
  animation: bobble-3 1s linear infinite; }

/* === GOLD FISH ANIMATION 2 === */
/* line 145, ../sass/modules/_general.scss */
.goldfish-holder-2 {
  width: 10rem;
  height: 4rem;
  position: absolute;
  top: 40%;
  left: 50rem;
  z-index: 2;
  -webkit-animation: goldfish-2 4s ease-out 1;
  -moz-animation: goldfish-2 4s ease-out 1;
  animation: goldfish-2 4s ease-out 1;
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  animation-delay: 10s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

/* line 157, ../sass/modules/_general.scss */
.goldfish-2 {
  width: 10rem;
  height: 4rem;
  background: url(../images/goldfish.svg) no-repeat center center transparent;
  background-size: 100%;
  -webkit-animation: bobble-1 1s linear infinite;
  -moz-animation: bobble-1 1s linear infinite;
  animation: bobble-1 1s linear infinite; }

/* === BLUE FISH ANIMATION 1 === */
/* line 167, ../sass/modules/_general.scss */
.bluefish-holder-2 {
  width: 10rem;
  height: 4rem;
  position: absolute;
  top: 22%;
  left: 45rem;
  z-index: 1;
  -webkit-animation: bluefish-2 10s ease-out 1;
  -moz-animation: bluefish-2 10s ease-out 1;
  animation: bluefish-2 10s ease-out 1;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

/* line 179, ../sass/modules/_general.scss */
.bluefish-2 {
  width: 100%;
  height: 100%;
  position: relative; }

/* line 184, ../sass/modules/_general.scss */
.group-4 {
  width: 26.5rem;
  height: 14rem;
  background: url(../images/fish-group-4.svg) no-repeat center center transparent;
  position: absolute;
  top: 3.5rem;
  background-size: 100%;
  -webkit-animation: bobble-1 1s linear infinite;
  -moz-animation: bobble-1 1s linear infinite;
  animation: bobble-1 1s linear infinite; }

/* line 194, ../sass/modules/_general.scss */
.group-5 {
  width: 22rem;
  height: 14rem;
  background: url(../images/fish-group-5.svg) no-repeat center center transparent;
  position: absolute;
  left: 3.5rem;
  top: 0.5rem;
  background-size: 100%;
  -webkit-animation: bobble-2 1s linear infinite;
  -moz-animation: bobble-2 1s linear infinite;
  animation: bobble-2 1s linear infinite; }

/* line 205, ../sass/modules/_general.scss */
.group-6 {
  width: 19rem;
  height: 14rem;
  background: url(../images/fish-group-6.svg) no-repeat center center transparent;
  position: absolute;
  top: 1rem;
  left: 0;
  background-size: 100%;
  -webkit-animation: bobble-3 1s linear infinite;
  -moz-animation: bobble-3 1s linear infinite;
  animation: bobble-3 1s linear infinite; }