@charset "UTF-8";
@-webkit-keyframes fadeDown {
  from {
    -webkit-transform: translate(0px, -200%);
    opacity: 0; }

  to {
    -webkit-transform: translate(0px, 0);
    opacity: 1; } }
@-moz-keyframes fadeDown {
  from {
    -moz-transform: translate(0px, -200%);
    opacity: 0; }

  to {
    -moz-transform: translate(0px, 0);
    opacity: 1; } }
@keyframes fadeDown {
  from {
    transform: translate(0px, -200%);
    opacity: 0; }

  to {
    transform: translate(0px, 0);
    opacity: 1; } }
@-webkit-keyframes fadeFromLeft {
  from {
    -webkit-transform: translate(-100%, 0px);
    opacity: 0; }

  to {
    -webkit-transform: translate(0, 0);
    opacity: 1; } }
@-moz-keyframes fadeFromLeft {
  from {
    -moz-transform: translate(-100%, 0px);
    opacity: 0; }

  to {
    -moz-transform: translate(0, 0);
    opacity: 1; } }
@keyframes fadeFromLeft {
  from {
    transform: translate(-100%, 0px);
    opacity: 0; }

  to {
    transform: translate(0, 0);
    opacity: 1; } }
@-webkit-keyframes fadeFromRight {
  from {
    -webkit-transform: translate(100%, 0px);
    opacity: 0; }

  to {
    -webkit-transform: translate(0, 0);
    opacity: 1; } }
@-moz-keyframes fadeFromRight {
  from {
    -moz-transform: translate(100%, 0px);
    opacity: 0; }

  to {
    -moz-transform: translate(0, 0);
    opacity: 1; } }
@keyframes fadeFromRight {
  from {
    transform: translate(100%, 0px);
    opacity: 0; }

  to {
    transform: translate(0, 0);
    opacity: 1; } }
@-webkit-keyframes fadeToLeft {
  from {
    -webkit-transform: translate(0, 0);
    opacity: 1; }

  to {
    -webkit-transform: translate(-100%, 0px);
    opacity: 0; } }
@-moz-keyframes fadeToLeft {
  from {
    -moz-transform: translate(0, 0);
    opacity: 1; }

  to {
    -moz-transform: translate(-100%, 0px);
    opacity: 0; } }
@keyframes fadeToLeft {
  from {
    transform: translate(0, 0);
    opacity: 1; }

  to {
    transform: translate(-100%, 0px);
    opacity: 0; } }
@-webkit-keyframes fadeToRight {
  from {
    -webkit-transform: translate(0, 0);
    opacity: 1; }

  to {
    -webkit-transform: translate(100%, 0px);
    opacity: 0; } }
@-moz-keyframes fadeToRight {
  from {
    -moz-transform: translate(0, 0);
    opacity: 1; }

  to {
    -moz-transform: translate(100%, 0px);
    opacity: 0; } }
@keyframes fadeToRight {
  from {
    transform: translate(0, 0);
    opacity: 1; }

  to {
    transform: translate(100%, 0px);
    opacity: 0; } }
@-webkit-keyframes slidetounlock {
  0% {
    background-position: -400px 0; }

  100% {
    background-position: 3000px 0; } }
@-moz-keyframes slidetounlock {
  0% {
    background-position: -400px 0; }

  100% {
    background-position: 3000px 0; } }
@keyframes slidetounlock {
  0% {
    background-position: -400px 0; }

  100% {
    background-position: 3000px 0; } }
@-webkit-keyframes slider {
  0% {
    background-position: 12.5% bottom; }

  15% {
    background-position: 12.5% bottom; }

  20% {
    background-position: 37.5% bottom; }

  35% {
    background-position: 37.5% bottom; }

  40% {
    background-position: 62.5% bottom; }

  55% {
    background-position: 62.5% bottom; }

  60% {
    background-position: 87.5% bottom; }

  75% {
    background-position: 87.5% bottom; }

  80% {
    background-position: 112.5% bottom; }

  95% {
    background-position: 112.5% bottom; } }
@-moz-keyframes slider {
  0% {
    background-position: 12.5% bottom; }

  15% {
    background-position: 12.5% bottom; }

  20% {
    background-position: 37.5% bottom; }

  35% {
    background-position: 37.5% bottom; }

  40% {
    background-position: 62.5% bottom; }

  55% {
    background-position: 62.5% bottom; }

  60% {
    background-position: 87.5% bottom; }

  75% {
    background-position: 87.5% bottom; }

  80% {
    background-position: 112.5% bottom; }

  95% {
    background-position: 112.5% bottom; } }
@keyframes slider {
  0% {
    background-position: 12.5% bottom; }

  15% {
    background-position: 12.5% bottom; }

  20% {
    background-position: 37.5% bottom; }

  35% {
    background-position: 37.5% bottom; }

  40% {
    background-position: 62.5% bottom; }

  55% {
    background-position: 62.5% bottom; }

  60% {
    background-position: 87.5% bottom; }

  75% {
    background-position: 87.5% bottom; }

  80% {
    background-position: 112.5% bottom; }

  95% {
    background-position: 112.5% bottom; } }


body {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-weight: 300;
  height: 100%; }

h1 {
  font-family: "Voltaire",sans-serif;
  font-size: 2em;
  line-height: 1.25em;
  font-weight: 400;
  margin-top: 0.6em;}

  h3 {margin-top: 1em;}

p {
  font-size: 1.2em;
  line-height: 1.2em; }

  p.imprint{
			font-size:1em;
			line-height:1em;}

a {color: #fff;
	text-decoration: none;
	text-transform:none;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;}

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

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

a:focus {
	color: #fff;
	text-decoration: none;
	text-transform:none;}

a:hover{
	color: #fff;
	text-decoration: none;
	text-transform:none;
	background-color: #cdae59;}

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

a.btn {
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  border: 1px solid #white;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  padding: 0.5em 1em;
  border-radius: 4px;
  font-size: 1.5em;
  letter-spacing: 0.05em; }
  a.btn:hover {
    background: #fb0233;
    color: #cdae59;
    font-weight: 500; }

#custom-tweet-button {
  display: inline-block;
  position: relative;
  left: -50px;
  top: 3px; }

.facebook-button-wrapper {
  display: inline-block !important;
  position: relative !important;
  left: 50px; }

.action {
  background: #fb0233;
  text-align: center;}

.top {
position:fixed;
right:15px;
bottom:15px;
width:50px;
height:25px;
padding-top:25px;
line-height:25px;
background:#fb0233;
color:#888;
display:block;
text-transform:uppercase;
text-decoration:none;
text-align:center;
font-size:14px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
opacity:1;
-webkit-transition:opacity 700ms linear;
-moz-transition:opacity 700ms linear;
transition:opacity 700ms linear;
z-index: 10000;
}
	.top:before {
	position:absolute;
	top:11px;
	left:14px;
	content:"";
	border-bottom:11px solid #888;
	border-left:11px solid transparent;
	border-right:11px solid transparent;
	}
	.top:hover {
	color:#fb0233;
	}
		.top:hover:before {
		border-bottom-color:#fb0233;
		}
	.top.hidden {
	opacity:0;
	}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

h1.brand {
  overflow: hidden;
  background-image: url("http://whsks.de/img/H1.png");
  background-repeat: no-repeat;
  width: 300px;
  height: 58px;}

  h1.brand:before {
    content: "";
    display: block;
    width: 0;
    height: 100%; }

@media screen and (max-width: 960px) {
  html {
    font-size: 62.5%;
    height: 100%; }

  body {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem; }

  section {
    padding: 2em 0; }

  h1 {
    margin: 1em 10%; }

  #custom-tweet-button, .facebook-button-wrapper {
    display: block !important;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px; }

  #custom-tweet-button {
    margin-bottom: 30px; }

  #Imprint{
  }

  .facebook-button-wrapper {
    margin-top: 30px; } }
@media screen and (min-width: 960px) {
  html, body {
    height: 100%;
    width: 100%; }

  .wrapper {
    height: 100%;
    min-height: 800px;
    margin: 0 auto;
    position: relative;
    width: 960px;
    display: block; }

  nav.sticky{
  position: fixed;
  text-align: center;
  background: none repeat scroll 0% 0% #CEAF5B;
  color: #EAE2F2;
  width: 100%;
  height: 30px;
  margin: 0px auto;
  font-size: 24px;
  padding-top: 0px;}

  nav .wrapper {
    height: auto;
    min-height: 100px; }

  section {
    height: 100%;
    max-height: 900px;
    overflow: hidden; }

  #testimonial, footer {
    height: 40%;
    min-height: 500px;
    overflow: hidden; }
    #testimonial .wrapper, footer .wrapper {
      min-height: 675px; }

  .action {
    height: 100px; }
    .action a {
      line-height: 150px; } }
nav h1 {
  overflow: hidden;
  background-image: url("http://whsks.de/img/H1.png");
  background-repeat: no-repeat;
  width: 300px;
  height: 58px; }
  nav h1:before {
    content: "";
    display: block;
    width: 0;
    height: 100%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    nav h1 {
      background-image: url("http://whsks.de/img/H1_2x.png");
      background-size: 300px 58px; } }
nav ul {
  margin-top: 15px; }
  nav ul li {
    display: inline-block;
    vertical-align: top;
    margin-left: 1em; }
    nav ul li a {
      overflow: hidden;
      width: 60px;
      height: 60px;
      display: block;
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 100%;
      -webkit-transition: background 0.2s ease-in-out;
      -moz-transition: background 0.2s ease-in-out;
      transition: background 0.2s ease-in-out;
      margin-top: -13px; }
      nav ul li a:before {
        content: "";
        display: block;
        width: 0;
        height: 100%; }
      nav ul li a:hover {
        background-color: #cdae59; }
    nav ul li:nth-child(1) a {
      background-image: url("http://whsks.de/img/BandCampkleen.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        nav ul li:nth-child(1) a {
          background-image: url("http://whsks.de/img/BandCampkleen_2x.png");
          background-size: 30px 30px; } }
    nav ul li:nth-child(2) a {
      background-image: url("http://whsks.de/img/soundcloud.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        nav ul li:nth-child(2) a {
          background-image: url("http://whsks.de/img/soundcloud_2x.png");
          background-size: 30px 30px; } }
    nav ul li:nth-child(3) a {
      background-image: url("http://whsks.de/img/icon-facebook.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        nav ul li:nth-child(3) a {
          background-image: url("http://whsks.de/img/icon-facebook_2x.png");
          background-size: 30px 30px; } }

	nav ul.orientierung li:nth-child(1) a {
      background-image: url("http://whsks.de/img/Bio.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        nav ul.orientierung li:nth-child(1) a {
          background-image: url("http://whsks.de/img/Bio_2x.png");
          background-size: 30px 30px; } }
    nav ul.orientierung li:nth-child(2) a {
      background-image: url("http://whsks.de/img/Gigs.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        nav ul.orientierung li:nth-child(2) a {
          background-image: url("http://whsks.de/img/Gigs_2x.png");
          background-size: 30px 30px; } }
    nav ul.orientierung li:nth-child(3) a {
      background-image: url("http://whsks.de/img/Rest.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        nav ul.orientierung li:nth-child(3) a {
          background-image: url("http://whsks.de/img/Rest_2x.png");
          background-size: 30px 30px; } }

nav {
  position: absolute;
  top: 0;
  z-index: 1000;
  width: 100%; }

header {
  position: relative; }
  header .wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -moz-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-pack: space-between;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
	bottom: 70px;
	}
  header .wrapper {
    background: url(http://whsks.de/img/Wrapper_WHSKS.png) center 130px no-repeat;
    text-align: center; }
  header .swipe {
    margin: 0 auto;
	margin-top: 2em;
    border: 2px solid #cdae59;
    border-radius: 200px;
    padding: 1em 1.25em;
    text-decoration: none;
	background: #fb0233;}

    header .swipe img, header .swipe span {
      display: inline-block;
      vertical-align: middle; }
    header .swipe span {
      color: #cdae59;
      text-decoration: none;
      font-size: 2.25em;
      letter-spacing: 0.03em;
      margin: 0 0.25em 0 0.5em;
	  }

	header .swipe span:hover {
         text-shadow:
			0 0 2px #cdae59,
			0 0 4px #cdae59,
			0 0 6px #cdae59,
			0 0 10px #d1b25d,
			0 0 14px #d1b25d,
			0 0 20px #d1b25d,
			0 0 26px #d1b25d,
			0 0 34px #d1b25d,
			0 0 44px #d4b560,
			0 0 56px #d4b560,
			0 0 70px #d4b560,
			0 0 86px #d7b762;
		transition: 1s;
		background: #fb0233;
	  }
  header .arrow-down {
    width: 61px;
    height: 61px;
    margin: 0 auto;
    display: block;
    text-indent: -9999em;
    position: relative;
    top: -140px; }

#vid {
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 20000;
  border-width: 0px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }
  #vid.play {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    top: 0; }

@media screen and (max-width: 960px) {
  #header {
    background: rgba(0, 0, 0, 0.7) url(http://whsks.de/img/Bandfoto.jpg) no-repeat;
    height: 100%;
    min-height: 550px;
    max-height: 700px;
    padding-bottom: 40px; }
    #header .wrapper {
      min-height: 550px;
      background-position: center 230px;
      background-size: 250px; }

  nav .wrapper {
    padding: 0em 0 0; }
  nav h1 {
    margin: 0 auto; }
  nav ul {
    margin-top: 2em; }
    nav ul li {
      margin: 0 1em; }

	  nav ul li a:hover {
        background-color: #fb0233; }

  nav.sticky{
  position: fixed;
  text-align: center;
  background: none repeat scroll 0% 0% #CEAF5B;
  color: #EAE2F2;
  width: 100%;
  margin: 0px auto;
  padding-top: 0px;}

  header .swipe span {
    font-size: 1.8em; } }
@media screen and (min-width: 960px) {
  #header {
    position: relative; }

  #header {
    background: rgba(0, 0, 0, 0.7) url(http://whsks.de/img/Bandfoto.jpg) no-repeat;
    background-size: cover;
    height: 90%;
    min-height: 750px;
    max-height: 900px;
    color: #fff; }

  nav {
    padding-top: 3em; }
    nav:after {
      content: "";
      display: table;
      clear: both; }
    nav h1 {
      float: left; }
    nav ul {
      float: right; }
	nav ul.orientierung {
	  float: left;}}
.icon {
  color: #cdae59;
  /*width: 70px;*/
  height: 70px;
  font: 100 3em/70px "helvetica neue", sans-serif;
  border: 1px solid #cdae59;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 1.5em; }

#featureOne {
	background: rgba(0, 0, 0, 0.7) url(http://whsks.de/img/FeatureOne.png) repeat;
    background-size: cover;
    min-height: 750px;
    color: #fff; }
#ifeatureOne {
	background: rgba(0, 0, 0, 0.7) url(http://whsks.de/img/Imprint_One.png) repeat;
    background-size: cover;
    min-height: 750px;
    color: #fff; }
#ifeatureTwo {
	background: rgba(0, 0, 0, 0.7) url(http://whsks.de/img/Imprint_Two.png) repeat;
    background-size: cover;
    min-height: 750px;
    color: #fff; }

#featureOne .screen {
  background: url(http://whsks.de/img/WHSKS_1st_Wander_Logo.png) center no-repeat fixed; }

#featureOne h1{
  text-align: left;}

#featureTwo {
  background: #000000;
  color: #fff; }
  #featureTwo h1 {
    font-weight: 300; }
  #featureTwo .screen {
    background: url(http://whsks.de/img/WHSKS_2nd_Wander_Logo.png) center no-repeat fixed; }

#featureThree {
  /* -webkit-transition: background-image 1s ease-in-out;
  -moz-transition: background-image 1s ease-in-out;
  transition: background-image 1s ease-in-out; */
	background: rgba(0, 0, 0, 0.7) url(http://whsks.de/img/SectionThree_Back.png) repeat;
    background-size: cover;
    min-height: 750px;
    color: #fff; }
  #featureThree .screen {
    background: url(http://whsks.de/img/WHSKS_3rd_Wander_Logo.png) center no-repeat fixed;
    }

@media screen and (max-width: 960px) {
  #featureOne{
  background: #000000;
  color: #fff; }
  #featureThree{
  background: #000;
  color: #fff;}

  .icon {
    margin: 1em auto 0; }

  .screen {
    position: relative;
    width: 323px;
    height: 400px;
    background-attachment: scroll !important;
    margin: 0 auto;
    max-width: 100%;
    display: block; }

  .info p {
    margin: 1.5em auto 0;
    text-align: left;
    width: 100%;
	} }

	#featureOne .title{
	margin-top: 0em;}
@media screen and (min-width: 960px) {
  .screen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed; }

  .feature {
    position: relative; }
    .feature .wrapper {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -ms-flex-pack: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
    .feature .title, .feature .info {
      max-width: 317px;
      width: 33%;
      display: block; }
	.feature.title {
    margin-top: -9em;}

.ifeature {
    position: relative; }
    .ifeature .wrapper {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;}
    .ifeature .title, .ifeature .info {
      max-width: 450px;
      width: 45%;
      display: block; }
	.ifeature .text-area
	{margin-top: 1em;}


	#featureOne .title{
	margin-top: -30em;
	}

  .text-area
   {margin: 2em;}

  .info{
  margin-top: 0em;}

/* Fade In Nonsense */
  .feature.fadeIn .title {
    -webkit-animation: fadeFromLeft 0.75s;
    -moz-animation: fadeFromLeft 0.75s;
    animation: fadeFromLeft 0.75s; }
  .feature.fadeIn .info {
    -webkit-animation: fadeFromRight 0.75s;
    -moz-animation: fadeFromRight 0.75s;
    animation: fadeFromRight 0.75s; }

  .feature.fadeOut .title {
    -webkit-animation: fadeToLeft 0.75s;
    -moz-animation: fadeToLeft 0.75s;
    animation: fadeToLeft 0.75s; }
  .feature.fadeOut .info {
    -webkit-animation: fadeToRight 0.75s;
    -moz-animation: fadeToRight 0.75s;
    animation: fadeToRight 0.75s; }

  #featureTwo {
    background-image: url(http://whsks.de/img/Whiskas_Slider.png);
    background-repeat: repeat-x;
    background-position: 12.5% bottom;
    background-size: 500%;
    -webkit-animation: slider 30s infinite;
    -moz-animation: slider 30s infinite;
    animation: slider 30s infinite;
	min-height:800px;}

		 #featureTwo #infoOne .info  {
			margin-top: -15em;} }

@media screen and (max-width: 960px) {

  #featureOne .title {
  margin-top: -10em;}
  #featureTwo .info {
  margin-top: 0em;}
  #featureThree .title {
  margin: -10em 0 3em 0;}
  #featureThree .info{
  border-top-color:#fff;
  border-top-style: dashed;
  border-top-width: 3px;}
  #featureThree #upcomingShows {
  margin:0 auto;}

	  #featureTwo .info p {
	  text-align: left;
	  }

  }
  .text-area
   {margin: 3em;
   text-align: left;}
@media screen and (min-width: 960px) {
  #testimonial {
    font-style: italic;
    position: relative; }
    #testimonial .wrapper {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -ms-flex-pack: flex-end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end; }
    #testimonial blockquote {
      text-align: right;
      font-size: 3em; } }

  table {
  width: 100%;
  max-width: 317px;
  text-align: left;
  font-size: 13pt;
  border-spacing: 50px 0;
  }

  td {
    padding-right: 10px;
  }
	/* .date{
	width: 80px;} */

footer {
  padding-bottom: 2em;
  background: #EDEDED;
  background-position: center;
  background-repeat: no-repeat;
  color: #cdae59; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    footer {
		 background-size: 810px 172px; } }
  footer h1 {
    font: 0/0 a; }
  footer h2 {
    text-align: left;
    font-size: 2.25em;
	margin-left: 1em;
    font-weight: 600;
    display: block; }
  footer .docs{
  text-align: left;
  margin: 1em 0 0 3em;}
  footer .btn {
    margin: 6em 0 3em;
    line-height: 1.5em;
    border: 1px solid black;
    color: black;
    display: inline-block; }
    footer .btn:hover {
      background: #fb0233;
      border: 1px solid white; }
  footer p a {
    color: #2a2b2d;
    text-decoration: none;
    font-weight: 400;
    margin-right: 1em;}
		 footer p a:hover{
		 color: #000;}

		 footer p a:link{
		 color: #000;}

		 footer p a:visited{
		 color: #000;}
  footer p .stars {
    font-size: 0.625em; }
  footer p .dc {
    margin-left: 1.5em;
    text-transform: uppercase;
    color: #2a2b2d;
    font-weight: 400;
    font-size: 0.625em;
    letter-spacing: 0.2em; }
  footer small {
    margin-top: 2em;
    display: block; }
    footer small a {
      text-decoration: none;
      color: inherit;
      position: relative; }
      footer small a:after {
        width: 0%;
        background-color: #a5916b;
        height: 2px;
        position: absolute;
        bottom: -3px;
        left: 0px;
        content: "";
        -webkit-transition: all 400ms;
        -moz-transition: all 400ms;
        transition: all 400ms; }
      footer small a:hover:after {
        width: 100%; }

@media screen and (max-width: 960px) {
  footer {
    background-position: center 70px; }
    footer .btn {
      margin: 4em 0 1em; }
    footer .info {
      padding-top: 6em;
	  }
		footer .docs p{
		text-align: left;
		margin-left: 0em;}
    footer p a {
      margin-right: 0; }
    footer p .dc {
      margin-left: 0; }
    footer .stars {
      display: block; } }
@media screen and (min-width: 960px) {
  footer {
    position: relative;
    text-align: center;
    background-position: center 170px; }
    footer .wrapper {
      display: block; }
    footer h2 {
      margin-top: 0.25em;
      margin-left: 0.75em; }
    footer .info {
      margin-top: 2em; } }
.arrow {
  width: 61px;
  height: 61px;
  background-size: 794px 123px !important;
  display: none !important; }
  .arrow.show {
    display: block !important; }

.arrow1 {
  background-position: -733px -62px; }

.arrow2 {
  background-position: -733px -1px; }

.arrow3 {
  background-position: -672px -62px; }

.arrow4 {
  background-position: -672px -1px; }

.arrow5 {
  background-position: -611px -62px; }

.arrow6 {
  background-position: -611px -1px; }

.arrow7 {
  background-position: -550px -62px; }

.arrow8 {
  background-position: -550px -1px; }

.arrow9 {
  background-position: -489px -62px; }

.arrow10 {
  background-position: -489px -1px; }

.arrow11 {
  background-position: -428px -62px; }

.arrow12 {
  background-position: -428px -1px; }

.arrow13 {
  background-position: -367px -62px; }

.arrow14 {
  background-position: -367px -1px; }

.arrow15 {
  background-position: -367px -1px; }

.arrow16 {
  background-position: -367px -1px; }

.arrow17 {
  background-position: -367px -1px; }

.arrow18 {
  background-position: -367px -1px; }

.arrow19 {
  background-position: -367px -1px; }

.arrow20 {
  background-position: -367px -1px; }

.arrow21 {
  background-position: -367px -1px; }

.arrow22 {
  background-position: -367px -1px; }

.arrow23 {
  background-position: -367px -1px; }

.arrow24 {
  background-position: -367px -1px; }

.arrow25 {
  background-position: -367px -1px; }

.arrow26 {
  background-position: -367px -1px; }

.arrow27 {
  background-position: -367px -1px; }

.arrow28 {
  background-position: -367px -1px; }

.arrow29 {
  background-position: -367px -1px; }

.arrow30 {
  background-position: -367px -1px; }

.arrow31 {
  background-position: -367px -1px; }

.arrow32 {
  background-position: -306px -62px; }

.arrow33 {
  background-position: -306px -1px; }

.arrow34 {
  background-position: -245px -62px; }

.arrow35 {
  background-position: -245px -1px; }

.arrow36 {
  background-position: -184px -62px; }

.arrow37 {
  background-position: -184px -1px; }

.arrow38 {
  background-position: -123px -62px; }

.arrow39 {
  background-position: -123px -1px; }

.arrow40 {
  background-position: -62px -62px; }

.arrow41 {
  background-position: -62px -1px; }

.arrow42 {
  background-position: -1px -62px; }

.arrow43 {
  background-position: -1px -1px; }

.arrow44 {
  background-position: -733px -62px; }

.arrow45 {
  background-position: -733px -62px; }

.arrow46 {
  background-position: -733px -62px; }

.arrow47 {
  background-position: -733px -62px; }

.arrow48 {
  background-position: -733px -62px; }

.arrow49 {
  background-position: -733px -62px; }

.arrow50 {
  background-position: -733px -62px; }

.arrow51 {
  background-position: -733px -62px; }

.arrow52 {
  background-position: -733px -62px; }

.arrow53 {
  background-position: -733px -62px; }

.arrow54 {
  background-position: -733px -62px; }

.arrow55 {
  background-position: -733px -62px; }

.arrow56 {
  background-position: -733px -62px; }

.arrow57 {
  background-position: -733px -62px; }

.arrow58 {
  background-position: -733px -62px; }

.arrow59 {
  background-position: -733px -62px; }
