/* Custom Header Font */
@font-face {
  font-family: HeadlinerNo45; /* set name */
  src: url(/assets/webfonts/HeadlinerNo.45.ttf); /* url of the font */
}
section#header h1 {
  font-family: HeadlinerNo45; /* use font */
  font-size: 64pt;
  line-height: 0.6em;
}

/* Custom Down Arrow for Header */
.special .goto-next {
  -moz-transition: background-color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  background-color: rgba(144, 144, 144, 0.075);
  background-image: url("images/arrow.svg");
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100%;
  border: 0;
  bottom: 3em;
  display: block;
  height: 4em;
  left: 50%;
  line-height: 4em;
  margin-left: -2em;
  overflow: hidden;
  position: absolute;
  text-indent: 4em;
  white-space: nowrap;
  width: 4em;

  margin-top: 2em;

}

  .special .goto-next:hover {
    background-color: rgba(144, 144, 144, 0.15);
  }

/* Custom Image size for album cover */
.image.fitsmaller {
  display: block;
  margin: auto;
  width: 80%;
}

  .image.fitsmaller img {
    width: 100%;
  }




/* Large */

	@media screen and (max-width: 1680px) {

			section#header h1 {
				font-size: 64pt;
			}

	}

/* Medium */
	@media screen and (max-width: 980px) {

			section#header h1 {
				font-size: 32pt;
			}

			#header header {
        margin-top: 17em;
			}

			#header .container {
				padding: 1.5em;
			}

  }

/* Small */

	@media screen and (max-width: 736px) {

			#header header {
        margin-top: 17em;
			}

			#header .container {
				padding: 1.5em;
			}

      .goto-next {
        display: none!important;
      }

  }