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

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

.abouttext p {
  margin-bottom: 1em;
}

.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.05993%;
}

.image-3 {
  position: relative;
  clear: both;
  z-index: 3;
  width: 1536px;
  margin-top: 82px;
}

.image-4 {
  position: relative;
  clear: both;
  z-index: 2;
  width: 421px;
  margin: -250px 0 0 50%;
}

.abouttext span,
.abouttext strong,
.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) {
  .abouttext {
    width: 89.5555555555%;
  }

  .container .header {
    width: 99.8890122086%;
  }

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

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

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

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

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

  .header .fivefanslogo {
    width: 20.4671857619%;
    height: 161px;
    margin-top: -121px;
    margin-left: 8.48165%;
  }

  .image {
    height: auto;
  }

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

  .image-3 {
    position: relative;
    z-index: 3;
    width: 100%;
    margin-top: 119px;
  }

  .image-4 {
    position: relative;
    z-index: 2;
    margin-top: -219px;
  }
}

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

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

  .fivefanslogo .image {
    width: 100%;
    height: auto;
    margin-top: 1px;
    margin-left: -3.58033%;
  }

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

  .header .button-media {
    position: relative;
    z-index: 8;
    width: 10%;
    margin-top: -40px;
    margin-left: 44.37133%;
  }

  .header .button-story {
    position: relative;
    z-index: 7;
    width: 10%;
    margin-top: -74px;
    margin-left: 38.20846%;
  }

  .header .button-support {
    position: relative;
    z-index: 9;
    width: 15%;
    margin-top: -8px;
    margin-left: 51.3573%;
  }

  .header .fivefanslogo {
    width: 13.4996331621%;
    height: 82px;
    margin-top: -84px;
    margin-left: 8.03375%;
  }

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

  .image {
    height: auto;
  }

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

  .image-3 {
    position: relative;
    z-index: 3;
  }

  .image-4 {
    position: relative;
    z-index: 2;
    width: 50%;
    margin-top: -201px;
    margin-left: 48.28348%;
  }
}