body {
  height: 100%;
  background: url('../images/clouds.png') rgb(83, 168, 223);
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left bottom;
  font: 400 1em/1.38 Oxygen;
  color: rgb(0, 0, 0);
}

.abouttext {
  float: left;
  clear: both;
  min-height: 82px;
  	font-size: 1.3em;
	font-family: 'Varela Round', sans-serif;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(0, 0, 0);
}

.button-about {
  display: block;
  float: left;
  width: 6.5%;
  height: 21px;
  margin: 82px 0 0 8.375%;
  background-image: none, url('../images/buttonAbout.png');
  background-repeat: repeat, no-repeat;
  background-size: auto auto, auto auto;
  background-position: left top, center center;
  background-attachment: scroll, scroll;
}

.button-about:hover {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  background-image: url('../images/buttonAbout_on.png'), none;
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
}

.button-about:active {
  background-image: url('../images/buttonAbout_on.png'), none;
}

.button-media {
  display: block;
  float: left;
  width: 5.9166666666%;
  height: 21px;
  margin: 82px 0 0 1.31771%;
  background: none, url('../images/buttonMedia.png') rgba(222, 222, 222, 0);
  background-repeat: repeat, no-repeat;
  background-size: auto auto, auto auto;
  background-position: left top, center center;
  background-attachment: scroll, scroll;
}

.button-media:hover {
  background-image: url('../images/buttonMedia_on.png'), none;
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
}

.button-media:active {
  background-image: url('../images/buttonMedia_on.png'), none;
}

.button-story {
  display: block;
  float: left;
  width: 6.5%;
  height: 24px;
  margin: 82px 0 0 1.21875%;
  background: none, url('../images/buttonStory.png') rgba(222, 222, 222, 0);
  background-repeat: repeat, no-repeat;
  background-size: auto auto, auto auto;
  background-position: left top, center center;
  background-attachment: scroll, scroll;
}

.button-story:hover {
  background-image: url('../images/buttonStory_on.png'), none;
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
}

.button-story:active {
  background-image: url('../images/buttonStory_on.png'), none;
}

.button-support {
  display: block;
  float: left;
  width: 9.0833333333%;
  height: 24px;
  margin: 82px 0 0 1.22396%;
  background: none, url('../images/buttonSupport.png') rgba(222, 222, 222, 0);
  background-repeat: repeat, no-repeat;
  background-size: auto auto, auto auto;
  background-position: left top, center center;
  background-attachment: scroll, scroll;
}

.button-support:hover {
  background-image: url('../images/buttonSupport_on.png'), none;
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
}

.button-support:active {
  background-image: url('../images/buttonSupport_on.png'), none;
}

.container {
  float: left;
  width: 100%;
  height: 196px;
}

.fivefanslogo {
  display: block;
  float: left;
  width: 15.6666666666%;
  height: 172px;
  margin-left: 5.11198%;
}

.fivefanslogo .image {
  width: 188px;
}

.header {
  float: left;
  width: 100%;
  margin-top: 24px;
}

.heading {
  float: left;
  clear: both;
  width: 32%;
  min-height: 66px;
  margin: 16px 0 0 5%;
  text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  font: 2.4em/1.38 Sniglet;
  color: rgb(0, 0, 0);
}

.image {
  display: block;
  float: left;
  height: auto;
  overflow: hidden;
}

.logo {
  display: block;
  float: left;
  width: 30.4166666666%;
  height: 118px;
  margin-top: 35px;
}

.logo .image {
  width: 359px;
  margin-left: -0.06055%;
}

.wrapper {
  float: left;
  clear: both;
  width: 900px;
  height: 675px;
  margin-left: 12.74349%;
  overflow: hidden;
}

.abouttext-1 {
  width: 50.8666666666%;
  margin: 14px 0 0 22.83073%;
}

.abouttext-2 {
  width: 50.8658854166%;
  margin: 15px 0 0 22.83073%;
}

.abouttext-3 {
  width: 50.8658854166%;
  margin: 21px 0 0 22.83073%;
}

.abouttext-4 {
  position: relative;
  z-index: 14;
  width: 50.8658854166%;
  margin: -922px 0 0 22.79948%;
}

.image-10 {
  position: relative;
  z-index: 13;
  width: 375px;
  margin-left: 15.19792%;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .5);
}

.image-11 {
  clear: both;
  width: 337px;
  margin: 26px 0 0 34.16667%;
}

.image-12 {
  position: relative;
  clear: both;
  z-index: 17;
  width: 971px;
  margin: 92px 0 0 7.93099%;
}

.image-13 {
  width: 1010px;
  margin: 40px 0 0 7.93099%;
}

.image-14 {
  clear: both;
  width: 854px;
  margin: 44px 0 0 16.79948%;
}

.image-15 {
  clear: both;
  width: 951px;
  margin: 32px 0 0 13.33073%;
}

.image-16 {
  clear: both;
  width: 987px;
  margin: 6px 0 0 10%;
}

.image-17 {
  clear: both;
  width: 928px;
  margin: 38px 0 0 11.51172%;
}

.image-18 {
  clear: both;
  width: 993px;
  margin: 61px 0 0 9.13021%;
}

.image-19 {
  clear: both;
  width: 751px;
  margin: 65px 0 0 19.91276%;
}

.image-20 {
  clear: both;
  width: 992px;
  margin: 29px 0 0 10%;
}

.image-21 {
  clear: both;
  width: 999px;
  margin: 37px 0 0 10%;
}

.image-22 {
  position: relative;
  clear: both;
  z-index: 15;
  width: 1536px;
  margin-top: 73px;
}

.image-23 {
  position: relative;
  clear: both;
  z-index: 6;
  width: 421px;
  margin: -255px 0 0 50%;
}

.image-3 {
  clear: both;
  width: 33.0833333333%;
  margin: 18px 0 0 31.66667%;
}

.image-4 {
  clear: both;
  width: 417px;
  margin: 38px 0 0 30.83073%;
}

.image-5 {
  position: relative;
  clear: both;
  z-index: 8;
  width: 500px;
  margin-left: 6.25%;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .5);
}

.image-6 {
  position: relative;
  z-index: 9;
  width: 500px;
  margin: 70px 0 0 5.06771%;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .5);
}

.image-7 {
  clear: both;
  width: 500px;
  margin-left: 9.13021%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

.image-8 {
  clear: both;
  width: 274px;
  margin: 23px 0 0 37%;
}

.image-9 {
  position: relative;
  clear: both;
  z-index: 12;
  width: 343px;
  margin-left: 13.81641%;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .5);
}

.heading a,
.heading span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

@media(max-width: 900px) {
  .container .header {
    width: 99.8890122086%;
  }

  .fivefanslogo .image,
  .header .logo {
    height: auto;
  }

  .header .button-about {
    position: relative;
    z-index: 29;
    width: 7.7862940368%;
    margin-top: 25px;
    margin-left: 2.39155%;
  }

  .header .button-media {
    position: relative;
    z-index: 31;
    width: 7.8975268088%;
    margin-top: -21px;
    margin-left: 44.15323%;
  }

  .header .button-story {
    position: relative;
    clear: both;
    z-index: 30;
    width: 9.788483932%;
    margin-top: -63px;
    margin-left: 37.36965%;
  }

  .header .button-support {
    position: relative;
    z-index: 32;
    width: 11.7906738272%;
    margin-top: 22px;
    margin-left: 49.3621399999%;
  }

  .header .fivefanslogo {
    width: 19.4660734149%;
    height: 158px;
    margin-top: -112px;
    margin-left: 8.5251%;
  }

  .image {
    height: auto;
  }

  .logo .image {
    width: 100%;
    height: auto;
    margin-left: -0.05699%;
  }

  .wrapper {
    margin-left: 0;
  }

  .abouttext-1 {
    margin-left: 22.82986%;
  }

  .abouttext-2 {
    position: relative;
    z-index: 7;
    margin-left: 22.82986%;
  }

  .abouttext-3 {
    position: relative;
    z-index: 11;
    margin-left: 22.82986%;
  }

  .abouttext-4 {
    position: relative;
    z-index: 14;
    margin-top: -932px;
    margin-left: 22.79861%;
  }

  .image-10 {
    position: relative;
    clear: both;
    z-index: 13;
    margin-top: 23px;
    margin-left: 28.79861%;
  }

  .image-11 {
    margin-top: 21px;
  }

  .image-12 {
    position: relative;
    z-index: 17;
    margin-top: 102px;
    margin-left: -4.53299%;
  }

  .image-13 {
    clear: both;
    margin-top: 32px;
    margin-left: -4.53299%;
  }

  .image-14 {
    margin-top: 38px;
    margin-left: 2.57639%;
  }

  .image-15 {
    margin-top: 35px;
    margin-left: -2.30903%;
  }

  .image-16 {
    margin-top: 0;
    margin-left: -5.10764%;
  }

  .image-17 {
    margin-top: 39px;
    margin-left: -2.30903%;
  }

  .image-18 {
    margin-top: 67px;
    margin-left: -5.10764%;
  }

  .image-19 {
    margin-left: 6.55556%;
  }

  .image-20 {
    margin-left: -7.44271%;
  }

  .image-21 {
    margin-left: -6.43924%;
  }

  .image-22 {
    position: relative;
    z-index: 15;
  }

  .image-23 {
    position: relative;
    z-index: 6;
  }

  .image-4 {
    margin-left: 30.82986%;
  }

  .image-5 {
    position: relative;
    z-index: 8;
    margin-top: -12px;
    margin-left: 19.91146%;
  }

  .image-6 {
    position: relative;
    clear: both;
    z-index: 9;
    margin-top: 27px;
    margin-left: 19.91146%;
  }

  .image-7 {
    margin-top: 29px;
    margin-left: 19.91146%;
  }

  .image-8 {
    margin-top: 49px;
  }

  .image-9 {
    position: relative;
    z-index: 12;
    margin-top: -18px;
    margin-left: 31.66667%;
  }
}

@media(max-width: 700px) {
  body {
    font-size: 1em;
  }

  .abouttext {
    clear: none;
  }

  .container {
    margin-top: 7206px;
  }

  .container .header {
    width: 97.3574408901%;
    margin-top: -7206px;
  }

  .fivefanslogo .image {
    width: 100%;
    height: auto;
    margin-left: -0.1792700001%;
  }

  .header .button-about {
    position: relative;
    z-index: 29;
    width: 10%;
    margin-top: 15px;
    margin-left: 0.63509%;
  }

  .header .button-media {
    position: relative;
    z-index: 31;
    width: 10%;
    margin-top: -49px;
    margin-left: 47.52155%;
  }

  .header .button-story {
    position: relative;
    z-index: 30;
    width: 10%;
    margin-top: -78px;
    margin-left: 40.53558%;
  }

  .header .button-support {
    position: relative;
    z-index: 32;
    width: 15%;
    margin-top: -18px;
    margin-left: 54.57172%;
  }

  .header .fivefanslogo {
    width: 13.7931034482%;
    height: 81px;
    margin-top: -99px;
    margin-left: 11.95433%;
  }

  .header .logo {
    margin-top: 54px;
  }

  .heading {
    margin-top: -7190px;
  }

  .image {
    height: auto;
  }

  .logo .image {
    height: auto;
    margin-left: -0.04885%;
  }

  .wrapper {
    clear: none;
    width: 100%;
    height: 525px;
    margin-top: -6974px;
  }

  .abouttext-1 {
    width: 70.8571428571%;
    margin-top: -7056px;
    margin-left: 16%;
  }

  .abouttext-2 {
    position: relative;
    z-index: 7;
    width: 74.8571428571%;
    margin-top: -6364px;
    margin-left: 15.14286%;
  }

  .abouttext-3 {
    position: relative;
    z-index: 11;
    width: 74.8571428571%;
    margin-top: -5121px;
    margin-left: 15.14286%;
  }

  .abouttext-4 {
    position: relative;
    z-index: 14;
    width: 74.8571428571%;
    margin-top: -3917px;
    margin-left: 14.14286%;
  }

  .image-10 {
    position: relative;
    clear: none;
    z-index: 13;
    margin-top: -4515px;
    margin-left: 26.36384%;
  }

  .image-11 {
    clear: none;
    width: 33%;
    margin-top: -3974px;
    margin-left: 34.16518%;
  }

  .image-12 {
    position: relative;
    clear: none;
    z-index: 17;
    width: 100%;
    margin-top: -3835px;
    margin-left: 0;
  }

  .image-13 {
    clear: none;
    width: 100%;
    margin-top: -3202px;
    margin-left: 0;
  }

  .image-14 {
    clear: none;
    width: 100%;
    margin-top: -2967px;
    margin-left: 0;
  }

  .image-15 {
    clear: none;
    width: 100%;
    margin-top: -2854px;
    margin-left: 0;
  }

  .image-16 {
    clear: none;
    width: 100%;
    margin-top: -2611px;
    margin-left: 0;
  }

  .image-17 {
    clear: none;
    width: 100%;
    margin-top: -2022px;
    margin-left: 0;
  }

  .image-18 {
    clear: none;
    width: 100%;
    margin-top: -1705px;
    margin-left: 0;
  }

  .image-19 {
    clear: none;
    width: 85%;
    margin-top: -1531px;
    margin-left: 10%;
  }

  .image-20 {
    clear: none;
    width: 100%;
    margin-top: -1447px;
    margin-left: 0;
  }

  .image-21 {
    clear: none;
    width: 100%;
    margin-top: -843px;
    margin-left: 0;
  }

  .image-22 {
    position: relative;
    z-index: 15;
    width: 150%;
    margin-top: -370px;
  }

  .image-23 {
    position: relative;
    clear: none;
    z-index: 6;
    width: 40%;
    margin-top: -370px;
    margin-left: 50.79911%;
  }

  .image-3 {
    clear: none;
    width: 40%;
    margin-top: -7107px;
    margin-left: 30.39509%;
  }

  .image-4 {
    clear: none;
    width: 40%;
    margin-top: -6411px;
    margin-left: 30.82813%;
  }

  .image-5 {
    position: relative;
    clear: none;
    z-index: 8;
    width: 71.4285714285%;
    margin-top: -6282px;
    margin-left: 15.19643%;
  }

  .image-6 {
    position: relative;
    clear: none;
    z-index: 9;
    margin-top: -5925px;
    margin-left: 15.14286%;
  }

  .image-7 {
    clear: none;
    margin-top: -5533px;
    margin-left: 15.14286%;
  }

  .image-8 {
    clear: none;
    width: 33%;
    margin-top: -5177px;
  }

  .image-9 {
    position: relative;
    clear: none;
    z-index: 12;
    margin-top: -5039px;
    margin-left: 28.79688%;
  }
}