body {
  background: #fff;
  height: 100%;
  font-family: 'Raleway', sans-serif;
}

.container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.middle-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.placeholder {
  /*background: red;*/
  width: 100%;
  margin: 0 auto;
  color: #eee;
  font-weight: 200;
  text-align: center;
}

h1 {
  text-align: center;
  font-weight: 200;
  font-size: 1.5em;
  color: #333;
}

@media (min-width: 600px) {
  h1 {
    font-size: 2.5em;
  }
}


p {
  font-weight: 100;
  font-size: 0.8em;
  line-height: 1.5;
  color: #333;
}



.brand {
  position: relative;
  display: inline-block;
}

.brand__leftwing,
.brand__rightwing {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0px;
  /*background: orange;*/
}

@media (min-width: 600px) {
  .brand__leftwing,
  .brand__rightwing {
    width: 60px;
    height: 60px;
  }
}


.brand__leftwing {
  left: -35px;
  background: transparent url(images/leftwing.svg) no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -webkit-animation: flapleft 2.5s ease-in-out infinite alternate;
}

.brand__rightwing {
  right: -35px;
  background: transparent url(images/rightwing.svg) no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-transform-origin: 0% 100%;
  -webkit-animation: flapright 2.5s ease-in-out infinite alternate;
}


@media (min-width: 600px) {
  .brand__leftwing { left: -50px; }
  .brand__rightwing { right: -50px; }
}

.pure-button-secondary {
  display: inline-block;
  clear: both;
  background: #0099ff;
  color: #ffffff;
}


@-webkit-keyframes flapleft {
  from { -webkit-transform: rotate(0deg); }
  50% { -webkit-transform: rotate(25deg); }
  to { -webkit-transform: rotate(0deg); }
}

@-webkit-keyframes flapright {
  from { -webkit-transform: rotate(0deg); }
  50% { -webkit-transform: rotate(-25deg); }
  to { -webkit-transform: rotate(0deg); }
}
