* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body{
	margin:0;
	padding:0;
	color:#000000;
	background:#000000;
	box-sizing: border-box;
	font-family: 'Roboto', serif;
}
.wrap{
	width:1300px;
	margin:0 auto;
	background:#aba9aa;
	font-size:10pt;
	color: white;
}
.header{
	background:#aba9aa;
	width:100%;
}

.banner h1{
	margin:0;
	font-size: 30pt;
}
.banner {
	width:100%;
}
.banner img {
	width:100%;
	height:auto;
}
.SmlCap {
  font-variant-caps: all-small-caps;
  -moz-font-feature-settings: "c2sc", "smcp";
  -webkit-font-feature-settings: "c2sc", "smcp";
  font-feature-settings: "c2sc", "smcp";
}

.menu-nav {
    font-size: 25px;
    font-family: antiquarian-scribe, sans-serif;
	font-weight: 400;
	font-style: normal;
    background-color:#000;
    color:#ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 10px;
}
.main-nav {
    list-style-type: none;
    display: none;
}
.nav-links{
    text-decoration: none;
    color: rgba(255, 255, 255, .8);
}

.logo {
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}
.main-nav li {
    text-align: center;
    margin: 15px auto;
}
.logo {
    display: inline-block;
    font-size: 30px;
    margin-top: 10px;
    margin-left: 20px;
}
.logo img{
    display: inline-block;
    max-width:200px;
    margin-top: 15px;
    margin-left: 10px;
    padding-top:5px;
}
.navbar-toggle {
    position: absolute;
    top: 25px;
    right: 35px;
    cursor: pointer; 
    color: rgba(255,255,255,0.8);
    font-size: 35px;
}
.active {
  display: block;
}
.nav-links li.active a,
.nav-links a:hover,
.nav-links a:active,
.nav-links a:focus {
	 color: rgba(163,12,51,1);
}

.merch-shirt {
	width:100%;
}
.m-subhead {
    font-family: antiquarian-scribe, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:35px;
	text-align:center;
	display:block;
}
.s-subhead {
    font-family: Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:35px;
	text-align:left;
	display:block;
	padding-bottom:20px;
}
.item-wrapper {
	width:80%;

	margin:0 auto;
}
.item-img-wrapper {
	margin: 0 auto;
	max-width:300px;
}

.main{
	margin-top:10px;
	width:100%;
	background:#000;
	padding:5px 0;
} /*comic page*/

.video-wrapper {
	position:relative;
	padding-top:56.25%;

}

.video-wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
}

.L_col {
	float:left;
	width:100%;
	padding:5% 0;
	margin:0 auto;
}
.C_col a{
    font-family: antiquarian-scribe, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:25px;
	text-decoration:none;
	color:#FFFFFF;
	text-align: center;
}
.C_col a:hover,
.C_col a:active,
.C_col a:focus {
	 color: rgba(255,255,255,1);
}

.s_col {
	float:left;
	width:33%;
	padding:10% 0;
}
.half-col {
	width:50%;
	float:left;
	padding:5% 0;
	margin:0 auto;
}

.button {
	background-color:#A30C33;
	font-size:18px;
   	color: white;
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    width: 300px;
    text-align: center;
    margin:15px auto;
}

.show-info {
	text-align:left;
	margin:15px 0;
	font-family:Helvetica, sans-serif;
}
i {
	margin-right:20px;
}
.show-info h2 {
	font-size:25px;
	padding:5px 0;
}
.show-info h4 {
	padding-top:10px;
	padding-bottom:30px;
}
.show-info h4 i{
	font-size:25px;
}
.show-info p {
	font-family:sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:150%;
	margin:15px 0;
}
.show-info a {
	color:#A30C33;
	font-weight:bold;
	text-decoration: none;
}
.show-flyer {
	width:100%;
	max-width:600px;
}

.b_placeholder {
	background-color:white;
	width:100%;
	height:200px;
}

.page-title {
	text-align: center;
}
.footer {
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	width: 100%;
	background-color:#000;
}
.footer p{
	margin:15px;
	padding:0;

}

.footer-links {
	list-style-type: none;
	font-size:24px;
	color:white;
	padding:15px 25px;
}
	.form-wrapper {
		width:100%;
		display:block;
		text-align:center;
		margin:0 auto;
	}
	.form-table {
		margin-left:auto; 
    	margin-right:auto;
    	margin-bottom:20px;
	}
	.band-names p {
	font-family:sans-serif;
	text-align: center;
	font-size:17px;
	font-weight:normal;
	line-height:150%;
	margin:5px 0;
}
.band-names {	
	padding-bottom: 15px;

}
.bio p {
	font-family:sans-serif;
	text-align: left;
	font-size:16px;
	font-weight:normal;
	line-height:150%;
	margin:15px auto;
	max-width: 600px;
}


@media only screen and (max-width: 999px) {
    .wrap {
        width: 100%;
    }
/*    .menu-nav {
	margin:0 auto;
	width:90%;
	}*/
	.menu-nav ul {
		padding-left:100px;
	}
	.menu-nav a {
	padding:0 auto;
	font-size: 20px;
	
	}

	.half-col {
		width:100%;
	}
	.show-info {
	text-align:center;
	margin:15px 0;
	font-family:Helvetica, sans-serif;
	}
	.show-flyer {
	width:100%;
	}
	.item-img-wrapper {
		margin: 0 auto;
		max-width:800px;
	}

	.s-subhead {
	font-size:35px;
	text-align:center;
	display:block;
	padding-bottom:20px;
	}


	.L_col{
		width:100%;
		padding:3%;
	}
	.s_col {
		width:100%;
	}
	.form-wrapper {
		width:100%;
		display:block;
		text-align:center;
		margin:0 auto;
	}
	.form-table {
		margin-left:auto; 
    	margin-right:auto;
    	margin-bottom:20px;
	}
	.m-subhead {
		text-align:center;
	}
	.page-nav ul {
	list-style: none;
	margin: 0 auto;
	padding-left:100px;
	}

}

@media screen and (min-width: 768px) {
   .navbar {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0;
        height: 70px;
        align-items: center;
    }
    .main-nav {
        display: flex;
        margin-right: 30px;
        flex-direction: row;
        justify-content: flex-end;
    }
    .main-nav li {
        margin: 0;
    }
    .nav-links {
        margin-left: 40px;
    }
    .logo {
        margin-top: 0;
    }
	.logo img{
	    display: inline-block;
	    max-width:250px;
	    margin-top: 5px;
	    margin-left: 15px;
	}
   .navbar-toggle {
       display: none;
    }
    .logo:hover,
    .nav-links:hover {
        color: rgba(255, 255, 255, 1);
    }

@media only screen and (min-width: 500px) {
	.navbar-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer; 
    color: rgba(255,255,255,0.8);
    font-size: 35px;
}
    .menu-nav {
	margin:0 auto;
	width:100%;
	}
	.menu-nav a {
	font-size:20px;
	}
	.page-nav {
		width:100%;
	}
	.page-nav ul {
	padding-left:40px;
	}
	.page-nav a {
		font-size:12px;
	}
		.logo img{
	    display: inline-block;
	    max-width:200px;
	    margin-top: 5px;
	    margin-left: 10px;
	}

}