* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

h1 {
  color: #ffffff;
}

#myCanvas {
	width: 100%;
	height: 100%;
	position: fixed;
}

#submit-email {
  margin-top: 1em;
  margin-bottom: 1em
}

.modal-link {
text-decoration: underline
}

.modal-header {
border-bottom: 0px;}

@font-face{font-family:AmarilloUSAF;src:url('http://rawfare.com/everbody/fonts/amarurgt.eot');src:url('http://rawfare.com/everybody/fonts/amarurgt.eot?#iefix') format('eot'),url('http://rawfare.com/everybody/fonts/amarurgt.woff') format('woff'),url('http://rawfare.com/everybody/fonts/amarurgt.ttf') format('truetype')}

body {
  font-family: 'AmarilloUSAF',Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  background:
  linear-gradient(
  rgb(0,154,253) 0%,
  rgb(0,154,253) 9.9%,
  rgb(28,138,255) 10%,
  rgb(28,138,255) 19.9%,
  rgb(58,119,254) 20%,
  rgb(58,119,254) 29.9%,
  rgb(84,104,255) 30%,
  rgb(84,104,255) 39.9%,
  rgb(137,112,255) 40%,
  rgb(137,112,255) 49.9%,
  rgb(195,112,254) 50%,
  rgb(195,112,254) 59.9%,
  rgb(235,84,255) 60%,
  rgb(235,84,255) 69.9%,
  rgb(255,56,236) 70%,
  rgb(255,56,236) 79.9%,
  rgb(255,28,197) 80%,
  rgb(255,28,197) 89.9%,
  rgb(255,0,156)  90%,
  rgb(255,0,156)  100% );
  background-size: 100% 100%;
}

.rotate {
    animation: rotate 15s linear 0s infinite normal;
    -moz-animation: 15s linear 0s normal none infinite rotate;
    -webkit-animation: rotate 12s linear 0s infinite normal;
    -0-animation: rotate 5s linear 0s infinite normal;

}

.antirotate {
    animation: rotate 14.2s linear 0s infinite normal;
    -moz-animation: 14.2s linear 0s normal none infinite rotate;
    -webkit-animation: rotate 14.2s linear 0s infinite normal;
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

@font-face{font-family:AmarilloUSAF;src:url('http://rawfare.com/everbody/fonts/amarurgt.eot');src:url('http://rawfare.com/everybody/fonts/amarurgt.eot?#iefix') format('eot'),url('http://rawfare.com/everybody/fonts/amarurgt.woff') format('woff'),url('http://rawfare.com/everybody/fonts/amarurgt.ttf') format('truetype')}

body {
  font-family: 'AmarilloUSAF',Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
  width: 100%;
  height: 100%;
  overflow: auto;
  background:
  -webkit-linear-gradient(
  rgb(0,154,253) 0%,
  rgb(0,154,253) 9.9%,
  rgb(28,138,255) 10%,
  rgb(28,138,255) 19.9%,
  rgb(58,119,254) 20%,
  rgb(58,119,254) 29.9%,
  rgb(84,104,255) 30%,
  rgb(84,104,255) 39.9%,
  rgb(137,112,255) 40%,
  rgb(137,112,255) 49.9%,
  rgb(195,112,254) 50%,
  rgb(195,112,254) 59.9%,
  rgb(235,84,255) 60%,
  rgb(235,84,255) 69.9%,
  rgb(255,56,236) 70%,
  rgb(255,56,236) 79.9%,
  rgb(255,28,197) 80%,
  rgb(255,28,197) 89.9%,
  rgb(255,0,156)  90%,
  rgb(255,0,156)  100% );
  background:
  linear-gradient(
  rgb(0,154,253) 0%,
  rgb(0,154,253) 9.9%,
  rgb(28,138,255) 10%,
  rgb(28,138,255) 19.9%,
  rgb(58,119,254) 20%,
  rgb(58,119,254) 29.9%,
  rgb(84,104,255) 30%,
  rgb(84,104,255) 39.9%,
  rgb(137,112,255) 40%,
  rgb(137,112,255) 49.9%,
  rgb(195,112,254) 50%,
  rgb(195,112,254) 59.9%,
  rgb(235,84,255) 60%,
  rgb(235,84,255) 69.9%,
  rgb(255,56,236) 70%,
  rgb(255,56,236) 79.9%,
  rgb(255,28,197) 80%,
  rgb(255,28,197) 89.9%,
  rgb(255,0,156)  90%,
  rgb(255,0,156)  100% );
  background:
  -moz-linear-gradient(
  rgb(0,154,253) 0%,
  rgb(0,154,253) 9.9%,
  rgb(28,138,255) 10%,
  rgb(28,138,255) 19.9%,
  rgb(58,119,254) 20%,
  rgb(58,119,254) 29.9%,
  rgb(84,104,255) 30%,
  rgb(84,104,255) 39.9%,
  rgb(137,112,255) 40%,
  rgb(137,112,255) 49.9%,
  rgb(195,112,254) 50%,
  rgb(195,112,254) 59.9%,
  rgb(235,84,255) 60%,
  rgb(235,84,255) 69.9%,
  rgb(255,56,236) 70%,
  rgb(255,56,236) 79.9%,
  rgb(255,28,197) 80%,
  rgb(255,28,197) 89.9%,
  rgb(255,0,156)  90%,
  rgb(255,0,156)  100% );
  background-size: 100% 100%;
}

.rotate {
    animation: rotate 14s linear 0s infinite normal;
    -moz-animation: 14s linear 0s normal none infinite rotate;
    -webkit-animation: rotate 0s linear 0s infinite normal;
    -0-animation: rotate 20s linear 0s infinite normal;

}

.antirotate {
    animation: rotate 14s linear 0s infinite normal;
    -moz-animation: 14s linear 0s normal none infinite rotate;
    -webkit-animation: rotate 13s linear 0s infinite normal;
    -0-animation: rotate 20s linear 0s infinite normal;
}

.static {
    -moz-transition: none!important;
    -webkit-transition: none!important;
    transition: none;
}

.crazy {
    -webkit-filter: hue-rotate(90deg);
}


.bg-primary {background-color: rgb(0,154,253);}

.btn-lg    {min-width: 14rem;}
.modal-header {border-bottom: none!important;}

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

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

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

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

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

@keyframes antirotate {
    0% {transform: rotate(0deg); }
    100% {transform: rotate(360deg); }
}



#layer1 {
  position:absolute;
  background: url('http://rawfare.com/miles-ahead/img/miles-ahead-text-500px.png') no-repeat;
  background-size: 100%;
  z-index: 10;
}


#layer2 {
  position:absolute;
  background: url('http://rawfare.com/miles-ahead/img/miles-ahead-wheel-pure-500px.png') no-repeat;
  background-size: 100%;
  z-index: 20;
}

#layer3 {
  position:absolute;
  background: url('http://rawfare.com/miles-ahead/img/miles-ahead-wheel-text-difference-black-500px.png') no-repeat ;
  background-size: 100%;
  z-index: 50;

}

#layer4 {
  position:absolute;
  background: url('http://rawfare.com/miles-ahead/img/miles-ahead-wheel-acid-500px.png') no-repeat;
  background-size: 100%;
  opacity: 0.87;
  z-index: 20;

}


#layer5 {
  position:absolute;
  background: url('http://rawfare.com/miles-ahead/img/miles-ahead-text-outline-500px.png');
  background-size: 100%;
  z-index: 70;
  }

#layer6 {
  position:absolute;
  background: url('http://rawfare.com/miles-ahead/img/miles-ahead-smiley-500px.png');
  background-size: 100%;
  z-index: 80;
}



@media only screen
and (min-width: 600px)
{


#covercontainter{
display:block;width:500px;height:500px;
margin-left: auto;
margin-right: auto;
}


.coverimg {
  width: 500px;
  height: 500px;
  display:block;
}

}


/* small screens */
@media only screen
and (max-width: 600px) {
    .coverimg {
      width: 280px!important;
      height: 280px!important;
      display:block;
    }
    #covercontainter{
    display:block;
    width:280px!important;
    height:280px!important;
    margin-left: auto;
    margin-right: auto;
    }
    #text {max-width: 280px!important;}
}

    -0-animation: rotate 20s linear 0s infinite normal;
}

.static {
    -moz-transition: none!important;
    -webkit-transition: none!important;
    transition: none;
}

.crazy {
    -webkit-filter: hue-rotate(90deg);
}


.bg-primary {background-color: rgb(0,154,253);}

.btn-lg    {min-width: 14rem;}

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

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

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

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

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

@keyframes antirotate {
    0% {transform: rotate(0deg); }
    100% {transform: rotate(360deg); }
}



#layer1 {
  position:absolute;
  background: url('http://rawfare.com/miles-ahead/img/miles-ahead-text-500px.png') no-repeat;
  background-size: 100%;
  z-index: 10;
}


#layer2 {
  position:absolute;
  background: url('http://rawfare.com/miles-ahead/img/miles-ahead-wheel-pure-500px.png') no-repeat;
  background-size: 100%;
  z-index: 20;
}

#layer3 {
  position:absolute;
  background: url('http://rawfare.com/miles-ahead/img/miles-ahead-wheel-text-difference-black-500px.png') no-repeat ;
  background-size: 100%;
  z-index: 50;

}

#layer4 {
  position:absolute;
  background: url('http://rawfare.com/miles-ahead/img/miles-ahead-wheel-acid-500px.png') no-repeat;
  background-size: 100%;
  opacity: 0.85;
  z-index: 20;

}


#layer5 {
  position:absolute;
  background: url('http://rawfare.com/miles-ahead/img/miles-ahead-text-outline-500px.png');
  background-size: 100%;
  z-index: 70;
  }

#layer6 {
  position:absolute;
  background: url('http://rawfare.com/miles-ahead/img/miles-ahead-smiley-500px.png');
  background-size: 100%;
  z-index: 80;
}



@media only screen
and (min-width: 600px)
{


#covercontainter{
display:block;width:500px;height:500px;
margin-left: auto;
margin-right: auto;
}


.coverimg {
  width: 500px;
  height: 500px;
  display:block;
}

}


/* small screens */
@media only screen
and (max-width: 600px) {
    .coverimg {
      width: 280px!important;
      height: 280px!important;
      display:block;
    }
    #covercontainter{
    display:block;
    width:280px!important;
    height:280px!important;
    margin-left: auto;
    margin-right: auto;
    }
    #text {max-width: 280px!important;}
}