nav.navbar {margin-bottom:0;}

body {background:#333333;color:#f7f7f7;font-family: 'Stylish', sans-serif;text-align:center;}
a {color:#FF9900;}
a:visited {color:#FF9900;}
a:hover {color:#000000;text-decoration:none;}

h1,h2 {font-weight:bold;}

p {font-size:1.8em;color:#cdcdcd;}

.content {padding-bottom:40px;}
.container p {padding-bottom:20px;}

.jumbotron {background:#1D1D1D;height:auto;color:white;text-align:center;padding-top:0px;padding-bottom:0px;border-top:1px solid #666666;border-bottom:1px solid #666666;}
.jumbotron p {color: white;font-size:2em;}
.jumbotron img {width:360px;}

#winSize {position:absolute;top:0;left:0;z-index:5000;font-size:1em;display:none;color:#FF9900;}

span.venue {font-size:1.8em;color:#FF9900;}
span.special {font-size:1.5em;color:LimeGreen;}
span.dates {font-size:1.2em;color:LimeGreen;}
span.deets {font-size:0.8em;color:#FFFFFF;}

.audiogrid {padding-bottom:30px;}
.audiogrid .col-md-3 {text-align:center;padding-bottom:30px;}
.audiogrid a {color:#FF9900;font-size:1.8em;}
.audiogrid a:hover {color:#FFFFFF;}
.audiogrid p {color:#E4E4E4;font-size:1.5em;}

.giggrid {padding-bottom:30px;}
.giggrid .col-md-3 {text-align:center;padding-bottom:10px;padding-top:10px;color:#E4E4E4;font-size:1.5em;border-top:1px solid white;}

.setgrid {padding-bottom:30px;}
.setgrid .col-md-12 {text-align:center;padding-bottom:30px;color:#E4E4E4;font-size:1.5em;}
.setgrid p {color:#FF9900;font-size:1.5em;}

.btn-primary {color:#000000;background-color:#FF9900;border-color:white;margin-bottom:5px; /* margin to stack properly on mobile */}
.btn-primary:hover {color:#FF9900;background-color:white;border-color:white;}

.navbar-brand {color:#FF9900;font-size:1.8em;}
.navbar-inverse {background:#333333;border:0;}
.navbar-inverse .navbar-nav li a {color:#f7f7f7;font-size:1.8em;}
.navbar-inverse .navbar-nav li a:hover {background:#FF9900;color:#000000}
.navbar img {width:100px;}

.dropdown-menu {background:#333333;border-radius:0;border:0;}
.dropdown-menu li a {padding:10px;}
.navbar-inverse .navbar-nav .dropdown-menu li a:hover {background:#FF9900;color:#000000;}

.glyphicon-large {font-size:2em;color:#FFFFFF;}

.infogrid {padding-bottom:30px;}
.infogrid .col-md-2 {text-align:center;padding-bottom:30px;}
.infogrid a {color:#FF9900;font-size:1.8em;}
.infogrid a:hover {color:#FFFFFF;}
.infogrid p {color:#E4E4E4;font-size:1.5em;}

.aboutgrid .info {position:absolute;width:90%;top:10px;left:15px;background:rgba(0, 0, 0, 0.5);}
.aboutgrid .info h4 {font-size:1.5em;color:#FFFFFF;}

.contact {text-align:center;}
.contact h5 {color:#FF9900;font-size:1.25em;}
.contact-right input[type="text"] {width: 100%;padding: 10px 10px;font-size: 1em;outline: none;border: 1px solid #cccccc;color:#000000;}
.contact-right textarea {width: 100%;padding: 10px 10px;font-size: 1em;height: 10em;resize: none;outline: none;border: 1px solid #cccccc;color: #000000;}
.contact-right input[type="submit"] {font-size:1.5em;text-transform:uppercase;background:#FF9900;border: none;outline:none;margin-top:0.5em;color:#000000;font-weight:bold;padding:10px;}
.contact-right input[type="submit"]:hover {background: #FF9900;}



span.artist {color:#FF9900;}






/* D E F A U L T S */
/* DEFAULT - APPLIES TO MOBILE, SCREEN UNDER 480px NB: BOOTSTRAP GRID IS SINGLE COLUMN TO > 768px */
.footer {position:fixed;bottom:0px;left:0px;width:100%;bottom:0;left:0;padding:0.5em 0;font-size:1.5em;text-align:center;background:#FF9900;color:#000000;}
.footer a {color:#333333;}
.footer a:hover {color:#666666;}




/* R E S P O N S I V E  */
@media (min-width: 480px) {
.jumbotron img {width:480px;}
}

/* BOOTSTRAP FOR SM IS 4 COLUMNS HERE */
@media (min-width: 768px) {
.jumbotron img {width:768px;}
}

@media (min-width: 992px) {
.jumbotron img {width:990px;}
}

@media (min-width: 1200px) {
.jumbotron img {width:1200px;}
}

@media (min-width: 1600px) {
.jumbotron img {width:1600px;}
}