body{
  font-family: 'Sancreek', cursive;
  color:#ffffff;
  background-color:#000000;
}
.mobile{display:none;}

h1, h2, h3{
font-family: "Sancreek",cursive !important;
text-transform: uppercase;
}
h2{
  
}
h3{
  
}
.scale-to-grid{
  width:100%;
  height:auto;
}


button {
    font-size: 26px !important;
    text-shadow: 1px 1px 3px #000000;
    text-transform: uppercase;
}
button.btn-primary {
background: #510868; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxMDg2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjAxMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #510868 0%, #0f0113 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#510868), color-stop(100%,#0f0113)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #510868 0%,#0f0113 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #510868 0%,#0f0113 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #510868 0%,#0f0113 100%); /* IE10+ */
background: linear-gradient(to bottom,  #510868 0%,#0f0113 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#510868', endColorstr='#0f0113',GradientType=0 ); /* IE6-8 */

border-color: #0f0113;
  margin-top: 15px;
}
button.btn-primary:hover{
  border-color: #4f0765;
}


.fb-link {
    display: block;
    font-size: 25px;
    margin-bottom: 25px;
}
.fb-link i {
    font-size: 35px;
    line-height: 30px;
    margin-right: 4px;
    position: relative;
    top: 3px;
}
a{
  color:#6C008C;
}
a:hover{
  color: #ffffff;
  text-decoration: none;
}


#header {
    display: block;
    margin-top: 20px;
}
.share {
    font-size: 25px;
    position: relative;
    text-transform: uppercase;
    top: -2px;
}
.share span {
    position: relative;
    top: 2px;
}


.rip {
 background-image: url("../images/road.jpg");
    margin: 50px 0;
}

.rip-start {
  background-image: url("../images/rip-t.png");
  background-repeat: repeat-x;
  padding-top: 65px;
}
.rip-end {
   background-image: url("../images/rip-b.png");
   background-position: center bottom;
   background-repeat: repeat-x;
   padding-bottom: 65px;
}
.angle-5{
    margin: 38px 0 60px;
  /* Safari */
  -webkit-transform: rotate(-5deg);
  
  /* Firefox */
  -moz-transform: rotate(-5deg);
  
  /* IE */
  -ms-transform: rotate(-5deg);
  
  /* Opera */
  -o-transform: rotate(-5deg);
  
}


footer {
    padding-bottom: 50px;
}

@media screen and (max-width: 360px) {
.mobile{display: block;}
.desktop{display:none;}

}