/* Text colour change */

.content.home .header-left-col ul li {
  -webkit-animation: color-change 4s forwards;
  animation: color-change 4s forwards;
}

.content.home .header-left-col ul li:nth-child(2) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.content.home .header-left-col ul li:nth-child(3) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.content.home .header-left-col ul li:nth-child(4) {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

.content.home .header-left-col ul li:nth-child(5) {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

.content.home .header-left-col ul li:nth-child(6) {
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
}

.content.home .header-left-col ul li:nth-child(7) {
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}

.content.home .header-left-col ul li:nth-child(8) {
  -webkit-animation-delay: 10.5s;
          animation-delay: 10.5s;
}

.content.home .header-left-col ul li:nth-child(9) {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}

@-webkit-keyframes color-change {
  0% {
    color: #006633;
  }

  100% {
    color: #fff;
  }
}

@keyframes color-change {
  0% {
    color: #006633;
  }

  100% {
    color: #fff;
  }
}

@media only screen and (max-device-width: 767px) {
  /* Text colour change */

@-webkit-keyframes color-change {
    0% {
      color: #fff;
    }

    100% {
      color: #000;
    }
}

@keyframes color-change {
    0% {
      color: #fff;
    }

    100% {
      color: #000;
    }
}
}

/* Fade in page */

.sub-header,
.main-content,
footer {
  animation: fadein 1s ease-in-out;
  -moz-animation: fadein 1s ease-in-out;
  -webkit-animation: fadein 1s ease-in-out;
  -ms-animation: fadein 1s ease-in-out;
  -o-animation: fadein 1s ease-in-out;
}

.sub-header.load,
.main-content.load,
footer.load {
  opacity: 1;
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* .sub-header,
.main-content,
footer {
  opacity: 0;
  transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
  &.load {
    opacity: 1;
  }
}*/