html {
    position: relative;
    min-height: 100%;
}
body {
  font-family: 'Sen', sans-serif;
  display: flex;
  flex-direction: column;
  background: #FBFBFB;
}
h1 {
  font-size: 4rem;
  font-weight: 500;
}
h2 {
  font-size: 1.5rem;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  padding-top: 20px;
}
p {
  margin-bottom: 0rem;
}
.container {
  margin-bottom: 100px;
}
.lines {
  width: 250px;
  height: 6px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  margin: 0 auto;
}
.information {
  text-align: right;
  line-height: 2em;
  font-size: 0.9rem;
}
.logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer {
  position: absolute;
  display: flex;
  justify-content: space-between;
  height: auto;
  width: 100%;
  bottom: 0;
  padding: 1rem;
  margin-top: auto;
  color: #fff;
  background-color: #000;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;
}
footer img {max-width: 100px;max-height: 40px;}

/* Title fadein
-------------------------*/
.title {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Responsive Changes
-------------------------*/
@media (min-width: 768px) {

  .title {padding-top: 175px;}
  h1 {
    font-size: 5.3rem;
  }
  h2 {
    font-size: 2rem;
  }
  .lines {
    width: 315px;
  }
  .information {
    font-size: 1.1rem;
  }
  footer {
    padding: 1rem 2rem;
  }
  footer img {
    max-width: 150px;
    max-height: 60px;
  }

}
