/* Variable definition */
/* Timmeh's STolen SCSS */
body {
  background: #003473 url(https://upload.wikimedia.org/wikipedia/commons/8/89/Home_of_the_Internal_Revenue_Service.JPG) no-repeat center 0%/cover;
  -webkit-transition: background-position .3s ease-in-out;
  transition: background-position .3s ease-in-out;
}
body.fp-viewing-0 {
  background-position: center 0%;
}
body.fp-viewing-1 {
  background-position: center 50%;
}
body.fp-viewing-2 {
  background-position: center 100%;
}


.one,
.three {
  background: -webkit-linear-gradient(120deg, transparent 25%, #003473 25%, #F15152 25%, transparent 75%, transparent 100%);
  background: linear-gradient(-30deg, transparent 25%, #003473 25%, #F15152 25%, transparent 75%, transparent 100%);
}

.two {
  background: -webkit-linear-gradient(60deg, transparent 25%, #F15152 75%, #003473 25%, transparent 25%, transparent 100%);
  background: linear-gradient(30deg, transparent 25%, #F15152 75%, #003473 25%, transparent 25%, transparent 100%);
  text-align: right;
  
  
}


.hov:hover {
  color: #003473;
}


a:hover {
  color: #003473; 
  font-weight: bolder;
}

a:link {
    text-decoration: none;
  color: #FFFFFF;
}

a:visited {
    text-decoration: none;
  color: #FFFFFF;
}

a:active {
    text-decoration: none;
  color: #FFFFFF;
}

h1,
h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 58px;
  max-width: 830px;
  padding: 0 15px;
  color: #ffffff;
  margin: 0 auto;
  height: 64px;
  overflow: hidden;
  text-shadow: 2px 2px rgba(0,0,0,.3);
  line-height: 3.5;
  -webkit-transition: line-height 0.85s cubic-bezier(0.77, 0, 0.175, 1);
  transition: line-height 0.85s cubic-bezier(0.77, 0, 0.175, 1);
}

h1 {
  font-weight: 200;
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

h2 {
  margin-top: -6px;
  font-weight: 500;
  -webkit-transition-delay: .8s;
          transition-delay: .8s;
}

.section.active h1,
.section.active h2 {
  line-height: 1;
}

.innerstuff {
  background: rgba(255,255,255,.80)
  
}


i {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    top: ;
    left: 29px;
    background: url(http://i.imgur.com/lOBxb.png);
    -webkit-animation: barrelRoll 2s infinite linear;
    -webkit-animation-play-state: paused;
}

i:last-of-type {
    top: -12px;
    left: 56px;
    -webkit-animation-name: invertBarrelRoll;
}

div:hover > i {
    -webkit-animation-play-state: running;
}

@-webkit-keyframes barrelRoll {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes invertBarrelRoll {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-360deg); }
}

/* Mobile Styles */
@media only screen and (max-width: 480px) {
  h1 h2 {
    font-size: 24px;
  }
}