h1,h2,h3,h4,h5,h6 {
    font-family: $serif;
    font-weight: 600;

    a, a:hover, a:focus, a:link, a:visited {
	      text-decoration: none;
	      color: inherit;
    }
    a:active {
	      text-decoration: underline;
	      color: $bg-main;
    }
}

body.ps {

    > header {
	      position: fixed;
	      z-index: 999;
	      top: 0;
	      left: 0;
	      right: 0;
	      background: $bg-header;
	      padding: 0 2rem;
	      color: $fg-header;

	      h1 {
	          margin: 0 auto;

	          &:before {
		            background: url(../assets/img/logo-ps.svg) center left / 5rem no-repeat;
		            display: block;
		            width: 5rem;
		            height: 5rem;
	          }
	      }

	      h2 {
	          font-weight: 100;
	          margin-top: -2.6rem;
	          font-size: 3.7rem;
	          transform: rotate(180deg);
	      }

	      p {
	          font-family: $serif;
	          font-size: 2rem;
	          font-style: italic;
	          margin: -3.8rem 0 0 0;
	          padding: 0 0 0.4rem 0.3rem;

	          span {
		            color: black;
	          }
	      }
    }

    &.home > header {
	      background-color: $bg-dark;
	      top: unset;
	      right: 5vw;
	      bottom: -2vh;
	      left: 5vw;
	      padding: 1rem;
	      font-size: 1.2rem;
	      color: $fg-white-85;
	      overflow: auto;
	      transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg);

	      h1 {
	          font-size: 7vh;
	          text-align: center;
	          transform: rotate(1.5deg) translateX(5vh) translateY(-1vh);

	          img {
		            display: none;
		            vertical-align: -1.6rem;
	          }
	      }

	      section {
	          display: none;
	          max-width: 42rem;
	          margin: 0 auto;
	          padding-bottom: 7rem;
	      }

	      footer {
	          background-color: rgba(109, 78, 128, 1);
	          display: none;
	          font-size: 1rem;
	          z-index: 999;
	          position: fixed;
	          bottom: 0;
	          left: 0;
	          right: 0;
	          display: none;

	          > h4 {
		            display: inline-block;
	          }

	          > nav {
		            display: none;
	          }

	          > p {
	              display: none;
		            max-width: 42rem;
		            margin: 0 auto;
		            padding-bottom: 7rem;
	          }
	      }

	      &:hover {
	          top: 5vh;
            
	          h1 {
		            font-size: 2.6rem;
		            transform: rotate(2.7deg) translate(0, 0) skewX(0);
	          }

	          img {
		            display: inline-block;
	          }

	          section, footer {
		            display: block;
		            width: 80vw;
		            margin: 0 auto;
		            padding-bottom: 3rem;
	          }
	      }
    }
}