body {
  background-color: rgb(239, 239, 239);
  font-family: Helvetica;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(0, 0, 0);
}

.biography-1 {
  display: block;
  position: absolute;
  top: 0;
  left: 16.9528583617%;
  z-index: 15;
  width: 136px;
  height: 165px;
  background-image: none, none, url('../images/GrayWebBioREALNorm(2).jpg');
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto auto, auto auto, contain;
  background-position: left top, left top, left top;
  background-attachment: scroll, scroll, scroll;
  background-color: rgb(222, 222, 222);
}

.biography-1:hover {
  background-image: none, url('../images/GrayWebBioREALdistort(2).jpg'), url('../images/GrayWebBioREALNorm(2).jpg');
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto auto, contain, contain;
}

.biography-1:active {
  background-image: url('../images/GrayWebBioREALripple(2).jpg'), none, url('../images/GrayWebBioREALNorm(2).jpg');
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto auto, contain;
}

.compositions-1 {
  display: block;
  position: absolute;
  top: 0;
  left: -0.0035551764%;
  z-index: 16;
  width: 136px;
  height: 165px;
  background-image: none, none, url('../images/GrayWebHandsREALNorm(2).jpg');
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto auto, auto auto, contain;
  background-position: left top, left top, left top;
  background-attachment: scroll, scroll, scroll;
  background-color: rgb(222, 222, 222);
}

.compositions-1:hover {
  background-image: none, url('../images/GrayWebHandsREALdistort(2).jpg'), url('../images/GrayWebHandsREALNorm(2).jpg');
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto auto, contain, contain;
}

.compositions-1:active {
  background-image: url('../images/GrayWebHandsREALripple(2).jpg'), none, url('../images/GrayWebHandsREALNorm(2).jpg');
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto auto, contain;
}

.contact-1 {
  display: block;
  position: absolute;
  top: 0;
  right: 0.1102104664%;
  z-index: 11;
  width: 136px;
  height: 165px;
  background-image: none, none, url('../images/GrayWebOrbREALNorm.jpg');
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto auto, auto auto, contain;
  background-position: left top, left top, left top;
  background-attachment: scroll, scroll, scroll;
  background-color: rgb(222, 222, 222);
}

.contact-1:hover {
  background-image: none, url('../images/GrayWebOrbREALdistort.jpg'), url('../images/GrayWebOrbREALNorm.jpg');
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto auto, contain, contain;
}

.contact-1:active {
  background-image: url('../images/GrayWebOrbREALRipple.jpg'), none, url('../images/GrayWebOrbREALNorm.jpg');
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto auto, contain;
}

.description-1 {
  float: left;
  clear: both;
  width: 94%;
  margin-top: 10px;
  margin-left: 24px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.header-robert-fruehwald-1 {
  float: left;
  width: 710px;
  height: 69px;
  margin-left: 2px;
  background-color: rgb(239, 239, 239);
}

.hymn3-1 {
  float: left;
  width: 135.5699823943%;
  min-height: 162px;
  margin-left: 10px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.hymntunesiii-1 {
  float: left;
  clear: both;
  width: 2.1126760563%;
  min-height: 1px;
  margin-top: 142px;
  margin-left: 3.80282%;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.menubar-1 {
  position: relative;
  float: left;
  clear: both;
  width: 97.5625%;
  height: 165px;
  margin-top: 10px;
  margin-left: 1.22049%;
}

.nfa1-1 {
  display: block;
  float: left;
  clear: both;
  width: 98.8888888888%;
  height: auto;
  margin-top: 5px;
  margin-left: 0.55556%;
  overflow: hidden;
}

.nfa2-1 {
  display: block;
  position: relative;
  float: left;
  clear: both;
  z-index: 3;
  width: 42.6666666666%;
  height: auto;
  margin-top: 15px;
  margin-left: 0.55556%;
  overflow: hidden;
}

.nfa3-1 {
  display: block;
  position: relative;
  float: left;
  z-index: 2;
  width: 43.4444444444%;
  height: auto;
  margin-top: 15px;
  margin-left: 12.77778%;
  overflow: hidden;
}

.nfs4-1 {
  display: block;
  float: left;
  clear: both;
  width: 98.3333333333%;
  height: auto;
  margin-top: 15px;
  margin-left: 1.10938%;
  overflow: hidden;
}

.publications-1 {
  display: block;
  position: absolute;
  top: 0;
  left: 33.7848407281%;
  z-index: 14;
  width: 136px;
  height: 165px;
  background-image: none, none, url('../images/GrayWebPublicationsNorm(4).jpg');
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto auto, auto auto, contain;
  background-position: left top, left top, left top;
  background-attachment: scroll, scroll, scroll;
  background-color: rgb(222, 222, 222);
}

.publications-1:hover {
  background-image: none, url('../images/GrayWebPublicationsdistort(4).jpg'), url('../images/GrayWebPublicationsNorm(4).jpg');
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto auto, contain, contain;
}

.publications-1:active {
  background-image: url('../images/GrayWebPublicationsripple(3).jpg'), none, url('../images/GrayWebPublicationsNorm(4).jpg');
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto auto, contain;
}

.rule-1 {
  float: left;
  clear: both;
  width: 100%;
  height: 11px;
  background-color: rgb(126, 124, 124);
}

.rule-2 {
  float: left;
  clear: both;
  width: 100%;
  height: 11px;
  margin-top: 5px;
  background-color: rgb(126, 124, 124);
}

.rule-3 {
  float: left;
  clear: both;
  width: 100%;
  height: 11px;
  margin-top: 18px;
  background-color: rgb(126, 124, 124);
}

.rule-4 {
  float: left;
  clear: both;
  width: 100%;
  height: 11px;
  min-height: 11px;
  max-height: 11px;
  margin-top: 5px;
  background-color: rgb(126, 124, 124);
}

.rule-5 {
  float: left;
  clear: both;
  width: 100%;
  height: 11px;
  min-height: 11px;
  max-height: 11px;
  margin-top: 11px;
  background-color: rgb(126, 124, 124);
}

.students-1 {
  display: block;
  position: absolute;
  top: 0;
  right: 17.0666240045%;
  z-index: 12;
  width: 136px;
  height: 165px;
  background-image: none, none, url('../images/GrayWebStudentsRickyREALNorm.jpg');
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto auto, auto auto, contain;
  background-position: left top, left top, left top;
  background-attachment: scroll, scroll, scroll;
  background-color: rgb(222, 222, 222);
}

.students-1:hover {
  background-image: none, url('../images/GrayWebStudentsRickyREALdistort.jpg'), url('../images/GrayWebStudentsRickyREALNorm.jpg');
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto auto, contain, contain;
}

.students-1:active {
  background-image: url('../images/GrayWebStudentsRickyREALripple.jpg'), none, url('../images/GrayWebStudentsRickyREALNorm.jpg');
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto auto, contain;
}

.videos-1 {
  display: block;
  position: absolute;
  top: 0;
  right: 33.8986063708%;
  z-index: 13;
  width: 136px;
  height: 165px;
  background-image: none, none, url('../images/GrayWebFletcherREALNorm(3).jpg');
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto auto, auto auto, contain;
  background-position: left top, left top, left top;
  background-attachment: scroll, scroll, scroll;
  background-color: rgb(239, 239, 239);
}

.videos-1:hover {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  background-image: none, url('../images/GrayWebFletcherREALDistort.jpg'), url('../images/GrayWebFletcherREALNorm(3).jpg');
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto auto, contain, contain;
  background-color: rgba(165, 164, 164, 0);
}

.videos-1:active {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  background-image: url('../images/GrayWebFletcherREALRipple(3).jpg'), none, url('../images/GrayWebFletcherREALNorm(3).jpg');
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto auto, contain;
  background-color: rgb(239, 239, 239);
}

.videos-1:focus {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  background-color: rgb(111, 115, 116);
}

.videos-2 {
  float: left;
  clear: both;
  width: 750px;
  min-width: 750px;
  max-width: 750px;
  height: 55px;
  min-height: 55px;
  max-height: 55px;
  margin-left: 24px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.wrapper-1 {
  float: left;
  clear: both;
  width: 268px;
  height: 40px;
  margin-top: 10px;
  margin-left: 24px;
  overflow: hidden;
}

.description em {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-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: Montserrat;
  font-style: inherit;
  font-size: 2.125em;
  font-weight: 700;
  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;
}

.hymn3 em {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-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: Montserrat;
  font-style: normal;
  font-size: 3.75em;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: #000000;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.hymn3 span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-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: Raleway;
  font-style: normal;
  font-size: 3.125em;
  font-weight: 100;
  text-transform: uppercase;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.videos a {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-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: Raleway;
  font-style: inherit;
  font-size: 1.25em;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(144, 13, 13);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.videos em {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-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: Montserrat;
  font-style: inherit;
  font-size: 2em;
  font-weight: 700;
  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;
}

.description span,
.videos span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-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: Raleway;
  font-style: inherit;
  font-size: 1.25em;
  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: 850px) {
  .biography-1,
  .compositions-1,
  .contact-1,
  .publications-1,
  .students-1,
  .videos-1 {
    width: 103px;
    height: 125px;
  }

  .menubar-1 {
    width: 97.5294117647%;
    height: 133px;
    margin-left: 1.17096%;
  }

  .nfa1-1 {
    height: auto;
    margin-left: 0.55515%;
  }

  .nfa2-1 {
    position: relative;
    z-index: 3;
    height: auto;
    margin-left: 0.55515%;
  }

  .nfa3-1 {
    position: relative;
    z-index: 2;
    height: auto;
    margin-left: 12.03493%;
  }

  .nfs4-1 {
    height: auto;
    margin-left: 1.10846%;
  }

  .rule-2 {
    margin-top: 6px;
  }
}

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

  .biography-1,
  .compositions-1,
  .contact-1,
  .publications-1,
  .students-1,
  .videos-1 {
    width: 68px;
    height: 82px;
  }

  .menubar-1 {
    width: 97.6%;
    height: 93px;
    margin-left: 1.12%;
  }

  .nfa1-1 {
    height: auto;
    margin-left: 0.555%;
  }

  .nfa2-1 {
    position: relative;
    z-index: 3;
    height: auto;
    margin-left: 0.555%;
  }

  .nfa3-1 {
    position: relative;
    z-index: 2;
    height: auto;
    margin-left: 12.035%;
  }

  .nfs4-1 {
    height: auto;
    margin-left: 1.1075%;
  }

  .rule-2 {
    margin-top: 4px;
  }
}

@media(max-width: 418px) {
  .header-robert-fruehwald-1 {
    height: 48px;
  }

  .menubar-1 {
    margin-left: 1.11394%;
  }

  .nfa1-1 {
    height: auto;
    margin-left: 0.55323%;
  }

  .nfa2-1 {
    position: relative;
    z-index: 3;
    height: auto;
    margin-left: 0.55323%;
  }

  .nfa3-1 {
    position: relative;
    z-index: 2;
    height: auto;
    margin-left: 12.03275%;
  }

  .nfs4-1 {
    height: auto;
    margin-left: 1.10646%;
  }

  .rule-1 {
    margin-top: 2px;
  }

  .hymn3 em {
    font-size: 2.5em;
  }

  .hymn3 span {
    font-size: 1.875em;
  }
}