header {
        text-align: center;
        margin: auto;
        max-width: 1280px;
	width: 100%;
        height: 200px;
	box-shadow: 0px 0px 5px black;
}
#nav {
	max-width: 1130px;
	background: #2e2e2e;
        box-shadow: 0px 0px 5px black;
}

#webdesign p {
	text-align: center;
}
h1 {
	text-align: left;
        font-family: Impact, Charcoal, sans-serif;
	font-size: 30px;
	margin-left: 10px;
}
	
#logo {
	margin: auto;
        display: block;
        background: url(../images/logo.png) no-repeat bottom;
        background-size: 100%;
        height: 120px;
        max-width: 800px;
        width: 100%;
        box-shadow: none;
}
#introduction {
	margin: auto;
	max-width: 1280px;
	width: 100%;
	height: auto;
}
#contents {
	display: table;
	margin: 30px auto 0px;
	max-width: 1280px;
        width: 100%;
	height: auto;
}
.divider {
	width: 85%;
	height: 5px;
}
.fulldivider {
        width: 90%;
        height: 5px;
}

#newshead {
	max-width: 59%;
	width: 100%;
	background: grey;
	float: left;
        box-shadow: 0px 0px 5px black;
}
#bandhead {
        max-width: 39%;
        width: 100%;
        background: grey;
	float: right;
        box-shadow: 0px 0px 5px black;
}
#fullhead {
        max-width: 1280px;
        width: 100%;
        background: grey;
        float: left;
        box-shadow: 0px 0px 5px black;
}
#bandheadmobile {
	display: none;
}
#news {
	display: table-row;
	float: left;
	max-width: 59%;
	width: 100%;
	min-height: 800px;
	overflow: auto;
        box-shadow: 0px 0px 5px black;
        padding: 30px 0px;
}
#news img {
	display: block;
	margin: 30px auto;
	width: 80%;
}

#news iframe {
        display: block;
	margin: 30px auto 0px;
	max-width: 560px;
	width: 100%;
	height: 315px;
}
#full iframe {
        display: block;
        margin: 30px auto;
	max-width: 600px;
	width: 100%;
	height: 450px;
}
#nav a { text-shadow: none;}
#nav a:hover { text-shadow: none;}

a {
	text-decoration: none;
	color: #8A0808;
	transition: color 0.5s, text-shadow 0.5s;
}
.plusminus {
        text-decoration: none;
        color: #2e2e2e;
        text-shadow: 0px 0px 2px #2e2e2e;
        transition: color 0.5s, text-shadow 0.5s;
}

a:hover {
	color: grey;
	text-shadow: 0px 0px 5px grey;
}
.current {
	color: black;
	text-shadow: 0px 0px 5px black;
}
table {
        font-family: "Arial Black", Gadget, sans-serif;
        font-size: 16px;
        text-align: left;
        margin: 10px 20px;
	border: 1px solid black;
        transition: all 1s;
}
td {
	width: 100px;
	border: 1px solid black;
        transition: all 1s;
}
td br {
	display:none;
}
p {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
        text-align: left;
        margin: 10px 20px;
}
h2 {
        display: inline-block;
        font-size: 24px;
        text-align: left;
        margin: 10px 0px 0px 10px;
        font-family: Impact, Charcoal, sans-serif;
}
h3 {
        display: inline-block;
        font-size: 24px;
	color: #2E2E2E;
        text-align: left;
        margin: 10px 0px 0px 30px;
        font-family: Impact, Charcoal, sans-serif;
}
#full {
        display: table-row;
        float: left;
        max-width: 1280px;
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 5px black;
	padding: 30px 0px;
}
#full div{
	width: 50%;
	height: auto;
	margin: auto;
}
#bands {
	display: table-row;
	float: right;
	max-width: 39%;
	width: 100%;
	float: right;
	box-shadow: 0px 0px 5px black;
	overflow: auto;
        padding: 30px 0px;
}
#bands div{
        width: 80%;
        height: auto;
        margin: auto;
}
#bandimg1 img{
	display: block;
        margin: 30px auto 0px;
        width: 80%;
        height: auto;
        filter: url(#drop-shadow);
        filter: drop-shadow(0px 0px 5px #2e2e2e);
}
#bandimg2 img{
        display: block;
        margin: 30px auto 0px;
        width: 100%;
        height: auto;
//        filter: url(#drop-shadow);
//        filter: drop-shadow(0px 0px 5px #2e2e2e);
}
#bandimg3 img{
        display: block;
        margin: 30px auto 0px;
        width: 100%;
        height: auto;
//        filter: url(#drop-shadow);
//        filter: drop-shadow(0px 0px 5px #2e2e2e);
}
#bandimg4 img{
        display: block;
        margin: 30px auto 0px;
        width: 80%;
        height: auto;
        filter: url(#drop-shadow);
        filter: drop-shadow(0px 0px 5px #2e2e2e);

}
#bandimg5 img{
        display: block;
        margin: 30px auto 30px;
        width: 100%;
        height: auto;
//        filter: url(#drop-shadow);
//        filter: drop-shadow(0px 0px 5px #2e2e2e);

}
#contactholder {
	max-width: 1280px;
	width: 100%;
	height: auto;
	margin: 30px auto 0px;
        box-shadow: 0px 0px 5px black;
}
#headholder {
	max-width: 1280px;
	width: 100%;
	height: 78px;
	background: grey;
	float: left;
        box-shadow: 0px 0px 5px black;
}
#contacthead {
        max-width: 50%;
        width: 100%;
	height: 100%;
	float: left;
}	
#some {
        max-width: 50%;
        width: 100%;
	height: 100%;
        float: right;
}
.logo100 {
	width: 100%;
	height: auto;
}
.logo70 {
	display: block;
	width: 70%;
	margin: auto;
	height: auto;
}
.picture {
	width: 50%;
	height: auto;
}


.f {
        background-image: url('../images/f1.png');
        background-size: 48px 48px;
        height: 48px;
        width: 48px;
        border-radius:50%;
        transition: all ease 0.5s;
}
.t {
        background-image: url('../images/t1.png');
        background-size: 48px 48px;
        height: 48px;
        width: 48px;
        border-radius:50%;
        transition: all ease 0.5s;
}
.g {
        background-image: url('../images/g1.png');
        background-size: 48px 48px;
        height: 48px;
        width: 48px;
        border-radius:50%;
        transition: all ease 0.5s;
}
.f:hover {
        background-image: url('../images/f2.png');
        background-size: 48px 48px;
	background-color: #3B5998;
        height: 48px;
        width: 48px;
	border-radius:50%;
        box-shadow: 0px 0px 8px #3B5998;
        transform:rotate(360deg);
}
.t:hover {
        background-image: url('../images/t2.png');
        background-size: 48px 48px;
        background-color: #4099ff;
        height: 48px;
        width: 48px;
        border-radius:50%;
	box-shadow: 0px 0px 8px #4099ff;
        transform:rotate(360deg);
}
.g:hover {
        background-image: url('../images/g2.png');
        background-size: 48px 48px;
        background-color: #db5a3c;
        height: 48px;
        width: 48px;
        border-radius:50%;
        box-shadow: 0px 0px 8px #db5a3c;
        transform:rotate(360deg);
}
#some ul {
	margin-right: 20px;
	float: right;
	list-style: none;
}
#some li {
	display: inline-block;
	margin-left: 10px;
}
#contact {
	margin: auto;
	max-width: 1280px;
	background: #d5d5d5;
	width: 100%;
	height: auto;
        box-shadow: 0px 0px 5px black;
	float: left;
	overflow: hidden;
}
form {
	width: 330px;
	margin: auto;
}
fieldset {
	width: 295px;
	margin: auto;
	border: 0px;
}
#name {
	border-radius: 4px;
	height: 30px;
	width: 142px;
	margin-top: 4px;
	margin-right: 4px;
	float: left;
}
#mail {
        border-radius: 4px;
        height: 30px;
        width: 142px;
        margin-top: 4px;
	float: left;
}
#subject {
        border-radius: 4px;
        height: 30px;
        width: 295px;
        margin-top: 4px;	
}
textarea {
        border-radius: 4px;
        height: 100px;
        width: 295px;
        margin-top: 4px;
}
#submit {
	display: block;
	float: right;
        border-radius: 4px;
        margin: 2px 0px 0px;
}
.thanks {
	z-index: 202;
        display: block;
        position: absolute;
        left: 0px;
        right: 0px;
        margin: auto;
        top: 30%;
        max-width: 800px;
	width: 100%;
        height: 600px;
        text-align: center;
        box-shadow: 0px 0px 15px black;
        transition: 1s;
}
#webdesign {
	text-align: center;
        margin: auto;
        max-width: 1280px;
        width: 100%;
        height: auto;
}
@media only screen and ( max-width: 640px ) /* 1000 */
{
	td br {
	        display: initial;
	}
	#news {
	        display: table-cell;
	        max-width: 100%;
	        width: 100%;
	        height: auto;
	        overflow: auto;
	}
	#newshead {
		display: table-cell;
	        max-width: 100%;
	        width: 100%;
	}
	#bandhead {
		display: none;
	}
	#bandheadmobile {
		margin-top: 10px;
		display: table-cell;
	        max-width: 100%;
	        width: 100%;
	        background: grey;
	        box-shadow: 0px 0px 5px black;
		float: left;
	}
	#bands {
	        display: table-cell;
	        max-width: 100%;
	        width: 100%;
	        height: auto;
	}
	#headholder {
		width: 100%;
		height: auto;
	}
	#contacthead {
		max-width: 100%;
	        width: 100%;
	        height: 78px;
	        float: left;
	}
	#full iframe {
	        display: block;
	        margin: 30px auto;
	        max-width: 600px;
	        width: 80%;
	        height: 250px;
	}
        #news iframe {
                display: block;
                margin: 30px auto;
                max-width: 600px;
                width: 80%;
                height: 235px;
        }
	#some {
		max-width: 100%;
	        width: 100%;
	        height: 78px;
		float: left;
	}
	#some ul {
		padding: 0;
	        float: left;
	        list-style: none;
		margin-left: 20px;
		margin-right: 0px;
	}
	table {
		margin: 5px;
	}
	#some li {
	        display: inline-block;
	        margin-right: 10px;
		margin-left: 0px;
	}
	fieldset {
	        max-width: 295px;
		width: auto;
	        margin: auto;
	        border: 0px;
	}
	#name {
	        border-radius: 4px;
	        max-width: 144px;
		width: 38%;
	        margin-top: 4px;
	}
        #mail {
                border-radius: 4px;
                max-width: 144px;
                width: 38%;
                margin-top: 4px;
        }
	#subject {
	        border-radius: 4px;
	        max-width: 295px;
		width: 79%;
	        margin-top: 4px;
	}
	textarea {
	        border-radius: 4px;
	        max-width: 295px;
		width: 79%;
	        margin-top: 4px;
	}
	#submit {
	        float: none;
		margin: 2px auto 0px;
	}
	.g-recaptcha {
	transform:scale(0.81);
	transform-origin:0 0;
	}
}