body {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0; }

  img.banner {
    max-width: 80%;
    margin-left: 5%;
    margin-right: 15%; }

    .container {
      padding: 5em 1em;
      margin: 0;
      height: 100%;
      margin: auto;
      display: block;
      text-align: center; }

      h1 {
        # line-height: 2em;
      margin: 0.5em;
        font-size: 3em;
        font-weight: 900; }

        h2 {
          # line-height: 1.8em;
      margin: 0.5em;
          font-size: 2em;
          font-weight: 600; }

          p {
            # line-height: 1.6em;
      margin: 0.5em;
            font-weight: 300;
            font-size: 2em; }

            h1, h2, p {
              font-family: "Quicksand"; }

              body {
                background-repeat: repeat;
                background-blend-mode: overlay;
                background-attachment: fixed;
                background-size: contain; }

                .blue {
                  background-color: #f6fafe;
                  transition: background-color 5s ease-in-out; }

                  .yellow {
                    background-color: #fef7e2;
                    transition: background-color 5s ease-in-out; }

                    @font-face {
                      font-family: 'Quicksand';
                      src: url("/static/fonts/Quicksand-Light.ttf") format("truetype");
                      font-weight: 100; }

                      @font-face {
                        font-family: 'Quicksand';
                        src: url("/static/fonts/Quicksand-Regular.ttf") format("truetype");
                        font-weight: 300; }

                        @font-face {
                          font-family: 'Quicksand';
                          src: url("/static/fonts/Quicksand-Medium.ttf") format("truetype");
                          font-weight: 600; }

                          @font-face {
                            font-family: 'Quicksand';
                            src: url("/static/fonts/Quicksand-Bold.ttf") format("truetype");
                            font-weight: 900; }