/* General Styles */

h1, h2 {
  border-bottom: 3px solid;
}

/* Site */

#wrapper {
  height: auto !important;
  margin: 0 auto;
  max-width: 1000px;
  min-height: 100%;
  width: 95%;
}

.slidewrap {
  border-radius: 4px;
  padding: 6px;
}

#content {
  margin: 0 auto;
  width: auto;
}

.main {
  padding: 40px 0;
}

#hm-lf {
  float: left;
  margin: 0;
  width: 70%;
  padding-right:15px;
  box-sizing:border-box;
}

#hm-rt {
  float: left;
  width: 30%;
  padding-left:15px;
  box-sizing:border-box;
}

#hm-lf-default{
  margin-bottom:40px;
}

/* Boxes */

.boxb.audio_player_widget {
  padding: 0;
}

.boxc {
  margin: 0 0 40px;
}

/* Band Logo */

#band_logo {
  padding: 20px 0;
}

.band-logo-wrapper {
  padding: 10px;
}

#band_logo a:hover{
  opacity:1;
}

.band-logo img {
  max-height: 300px;
  width: auto;
}

/* Nav */

#nav {
  border-radius: 4px;
  padding:10px;
}

#nav a {
  display: inline-block;
  margin:5px 10px;
  transition: all 0.1s linear 0s;
}

.menu_nav_toggle {
  display: none;
}

#menu_nav_mobile {
  display:none;
}

/* Footer */

.push {
  height:80px;
}

#footer {
  margin: 0 auto 20px;
  padding: 5px 0;
  width: 100%;
  border-radius:4px;
}

#footer img {
  max-height:25px;
}

.footer_icon{
  float:left;
}

#footer-inner {
  position:relative;
}

#footer-inner a {
  border:0;
  display:inline;
  padding:8px;
}

#mcn {
  float:right;
}

/* Responsive Design */

/* Tablet */

@media screen and (max-width:780px){

body {
  background-attachment:scroll;
}

#wrapper{
  width:100%;
  z-index:1;
  position:relative;
  min-width:0;
}

.main{
  margin:0 auto;
  width:95%;
  padding:20px 0;
}

#header {
  margin-bottom: 20px;
}

#band_logo{
  width:100%;
  display:block;
}

#band_logo img {
  width: 100%;
  height:auto;
}


/*Nav*/

#nav {
  display:none;
}

#menu_nav {
  display:none;
}

.menu_nav_toggle {
  display: block;
  padding: 5px 0;
  text-align: center;
}

#menu_nav_mobile a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  padding: 8px;
  text-align: center;
}

#menu_nav_mobile {
  width: 100%;
}

#hm-lf, #hm-rt{
  float:none;
  width:auto;
  padding:0
}

/* Mobile */

@media screen and (max-width:640px){

/*Site Layout*/

#wrapper{
  width:100%;
  z-index:1;
  position:relative;
  transition: margin 0.1s linear;
  -moz-transition: margin 0.1s linear;  /* FF4+ */
  -o-transition: margin 0.1s linear;  /* Opera 10.5+ */
  -webkit-transition: margin 0.1s linear;  /* Saf3.2+, Chrome */
  -ms-transition: margin 0.1s linear;  /* IE10 */
  margin:0;
}

#band_logo {
  display: block;
}

/*Nav*/

#footer {
  margin: 0;
  border-radius:0;
}

#footer-inner{
  width:100%;
  padding:15px 0 0;
}

#footer-inner a{
  float:none;
}

.powered{
  margin:15px 0;
}

#mcn{
  margin:-50px 0;
  width:100%;
  bottom:0;
}

.photo-col, .desktop-item {
  width: 49.5%;
}

#footer img {
  max-height: 20px;
}

}