a { text-decoration: none; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { padding: 0px; margin: 0px; display: relative; text-transform: uppercase; font-size: 1em; font-family: 'Oswald', sans-serif; font-weight: 400; font-style: normal; font-stretch: normal; color: #000; background: #fff url(../img/background-desktop.jpg) no-repeat fixed center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; 
}

body, html { height: 100%; width: 100%; }

header { position: relative; height: 80%; }
h1 { padding: 0px; margin: 0px; text-indent: -5555px; height: 0px width: 0px; }
#logo-container { position: absolute; bottom: 0px; left: 0px; width: 100%; }
#logo { fill: #CB161E; max-width: 500px; width: 100%; margin: 0px auto; display: block;}

a, a:visited { color: #CB161E; }
.clear { clear: both;}
#mobile { display: none; }

.left { float: left; }
.right { float: right; }

#tourdates { width: 100%; max-width: 960px; margin: 30px auto; text-align: center; font-size: 150%; background-color: rgba(255, 255, 255, 0.5); padding: 10px 0px; }
#tourdates h2,#tourdates h3 { color: #CB161E; font-weight: 400; }
#tourdates ul { margin: 0px; padding: 0px; }
#tourdates ul li { list-style: none; margin: 0px;}
#tourdates ul li span { color: #CB161E; padding-left: 10px; }
#tourdates ul li a { font-size: 50%; color: #CB161E; display: inline-block; border: solid 2px #CB161E; padding: 3px 10px; margin: 7px 0px 0px 10px; line-height: 100%; vertical-align: top; }
#tourdates ul li a:hover { color: #fff; border: solid 2px #000; background-color: #000;}

#enter { text-align: center; margin-bottom: 50px; }
#enter a:link, #enter a:visited { font-size: 200%; color: #CB161E; display: inline-block; border: solid 3px #CB161E; padding: 5px 30px; }
#enter a:hover { color: #fff; border: solid 3px #000; background-color: #000; }
#enter a span { display: inline;}

footer { font-size: 10px; font-weight: 300; color: #000; padding-bottom: 50px;}
footer .left { margin-left: 30px; padding: 5px 0px;  }
footer .right { margin-right: 30px; padding: 5px 0px; }
footer a, footer a:visited { color: #CB161E; text-decoration: none; }
footer a:hover { color: #000; text-decoration: none; }

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

@media only screen and (max-width: 767px) {
body { background: #fff url(../img/background-tablet.jpg) no-repeat scroll top center; }
#tourdates { width: 90%; margin: 0px auto; font-size: 140%; }
}

@media only screen and (max-width: 400px) {
body { background-image: none; } 
header { display: none; }
#mobile { display: block; width: 100%; }

#tourdates { width: 90%; margin: 0px auto; font-size: 120%; background-color: rgba(255, 255, 255, 0.5); padding: 0px; }
#tourdates ul li { margin: 30px 0px;}
#tourdates ul li span { display: block; padding-left: 0px; }
#tourdates ul li a { display: block; font-size: 75%; color: #CB161E; display: inline-block; border: solid 2px #CB161E; padding: 3px 10px; margin: 7px 0px 0px 10px; line-height: 100%; vertical-align: top; }
#tourdates ul li a:hover { color: #fff; border: solid 2px #000; background-color: #000;}
#tourdates h3 a { display: block; }
#tourdates h3 span {display: none;}

#enter a span { display: block;}
  
}