html { 
background-color:black;
font-family: 'Montserrat', sans-serif;
color:white; font-size:22px; 
overflow-x:hidden;
}


.auto-resizable-iframe {
  max-width: 60%;
  margin: 0px auto;
  
  
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 75%;
  height: 0px;
  
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 80%;
}

.main {position:relative; width:100%; margin-top:80px; right:0; top:0; text-align:center; z-index:8;}

.inside {position:relative; width:500px; left:50%; margin-left:-250px; margin-top:120px; right:0; top:0; font-size:18px; text-align:center; margin-bottom:150px; z-index:8;}

.mobilebody {background:none;}

.header {font-family: 'Montserrat', sans-serif; font-size:34px;}
.orange {position:fixed; bottom:0; left:0; display:block; width:100%; height:65px;padding:15px 15px 10px 15px; background:url(http://ryleywalker.com/dev/assets/images/footer2.png) no-repeat left center; background-size:cover; z-index:998;}
.lowleft {position:fixed; top:25px; left:0; display:inline-block; padding:15px 15px 10px 15px;  z-index:999;}
.uppright {position:fixed; display:inline-block; top:30px; right:30px; padding:15px; line-height:8px; font-family: 'Montserrat', sans-serif; z-index:999;}
.play img {width:13px; display:inline-block; margin-left:10px;}
.main a {color:#ffffff; text-decoration:none; background:#c21f20; padding:10px 5px 7px 5px; line-height:5px; display:inline-block;}
.main a:hover {background:#000; color:#c21f20; transition:all 400ms;}
.main .band img {width:100%; max-width:400px; margin-bottom:20px;}
.lowleft img {height:20px;}
.lowleft a {display:inline-block; margin-right:7px;text-decoration:none; color:#ffffff; transition:all 400ms; }
.lowleft a:hover {opacity:0.6;}
.uppright a {text-decoration:none; color:#ffffff; transition:all 400ms; margin-left:15px; }
.uppright a:hover, .labellogo a:hover {opacity:0.6; transition:all 400ms;}
.buylinks {display:inline-block; width:100%; text-align:center; font-size:13px; position:relative; left:-5px; } 
.smalltype {font-size:13px;}
.buylinks a {font-size:18px; background:none; border:#ffffff solid 2px; transition:all 400ms; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height:8px; padding:10px; margin-left:10px; margin-top:10px; font-weight:bold;}
.buylinks a:hover {background:#d2deca; color:#000;}
.quote-middle {margin:15px 0; font-size:17px; border-top:1px solid #ffffff; border-bottom:1px solid #d2deca; padding:15px 0;}
.labellogo {position:fixed; bottom:0px; right:8px; z-index:999;}
.labellogo img {height:20px;}
.sc-carry {background:#b0ca6f; position:fixed; top:0; left:0; width:100%; padding:15px 15px 12px 15px; z-index:1000;}

.tour {font-size:15px; line-height:10px; padding:85px 0; width:440px; text-align:left; left:50%; position:relative; margin-left:-220px; z-index:8;}
.tour-block {width:440px; display:inline-block; margin-bottom:20px; line-height:16px; border-bottom:1px solid #ffffff; padding-bottom:15px;}
.tour-left {display:inline-block; float:left;  width:160px; line-height:18px;}
.tour-right {display:inline-block; float:right; width:260px; margin-top:7px;}
.tour-tix {float:right;}
.tour-tix a {border:#ffffff solid 2px; transition:all 400ms; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height:8px; padding:6px; color:#ffffff; text-decoration:none; transition:all 400ms;}
.tour-tix a:hover {background:#ffffff; color:#000;}
.tour-date {font-size:10px; font-weight:bold;}
.tour-city {font-weight:bold;}
.mobileonly {display:none;}

.emailwrap {display:inline-block; position:relative; bottom:5px;}

#mc_embed_signup input.email {
  padding: 6px; width:110px;
}
#mc_embed_signup input {
  border: none;
  -webkit-appearance: none;
  background:#fff;;
}
input, textarea, keygen, select, button {
  font: normal normal normal 13px/normal 'Josefin Sans';
font-weight:bold;
text-transform:none;
  text-shadow: none;
  display: inline-block;
}

@media (max-width:1050px), (max-height:650px) {
.uppright a {font-size:17px; }
.uppright {top:60px; right:20px;}
.buylinks {}
.lowleft {display:none;}
}

@media (max-width:1015px) {
.uppright {width:100%; text-align:center; right:0; background:#000; top:50px; margin:0; padding:10px; line-height:25px; position:fixed; z-index:999; }
.main {margin-top:120px;}
.inside {position:relative; margin-top:120px;}
.lowleft {display:none;}
}

@media (max-height:650px) {
.uppright {width:100%; text-align:center; right:0; background:#000; top:50px; margin:0; padding:10px; line-height:25px; position:fixed; z-index:999; }
.main {margin-top:120px;}
.mobilebody {background-color:black}
.lowleft {display:none;}
}

@media (max-width:650px), (max-height:650px) {
.lowleft {display:none;}
.orange {display:none;}
.lowleft img {height:20px;}
.uppright {background:none; top:0; position:absolute; }
.uppright a {font-size:18px;}
.main {margin-top:85px;}
.sc-carry, .labellogo {display:none;}
.mobileonly {display:inline-block;}
.inside {margin-top:80px; margin-bottom:150px; width:100%; right:0; top:0; margin-right:0; left:0; margin-left:0;}
}



@media (max-width:510px) {
.tour {margin-left:-145px; font-size:12px; width:290px;} 
.main .band img {width290px; margin-bottom:20px;}

.tour-block {width:290px;}
.tour-left {width:90px; line-height:11px;}
.tour-right {width:190px;}
.tour-venue {font-size:10px; display:inline-block; margin-top:10px;}
.emailwrap {margin-top:20px;}
.lowleft {display:none;}
}

@media (max-width:400px) {
.main {}

}