@media screen and (min-width: 576px)
{
	 #nav br
	 {
			display: none;
	 }
}



body{
	background: url("../images/bg.jpg") no-repeat center fixed;
	background-size: cover;
	font-family: Helvetica, Arial, sans-serif;
	width: 99%
}

a{
	text-decoration: none;
	color: red;
}

a:hover{
	color: grey;
}

.selected{
	font-size: 95%;
}

h1, h2, h3{
	margin: 0;
}

textarea {
   resize: none;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#container{
	color: white;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	-webkit-animation: fadein 1s;
	-moz-animation: fadein 1s;
	-ms-animation: fadein 1s;
	-o-animation: fadein 1s;
	animation: fadein 1s;
}

#header{
	margin-left: 197px;
	width: 65%;
}

#header img{
	height: 198px;
	width: 794px;
}

#content{
	margin: 10px 10px 10px 10px;
	color: white;
}

#border-top{
	width: 1200px;
	border-top: 2px solid #EEE;
}

#nav ul{
	width: 1200px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 10px 10px 10px -50px;
	text-align: center;
}

#nav li{
	display: inline;
	margin: 0px 5px;
	padding: 20px;
	font-size: 1.7em;
}

#nav .selected{
	font-weight: bold;
	text-decoration: underline;
	color: white;
}

#border-bottom{
	width: 1200px;
	border-bottom: 1px solid #EEE;
}


#main{
	width: 1200px;
	color: white;
	margin-left: 0px;
	-webkit-animation: fadein 3s;
	 -moz-animation: fadein 3s;
		-ms-animation: fadein 3s;
		 -o-animation: fadein 3s;
				animation: fadein 3s;
}

#main .home p, h2{
	text-align: center;
}

#main .home h1{
	text-align: center;
	color: Red;
}


 #main .home img{
	margin-left: 205px;
	width: 790px;
	height: 350px;
}


#main .About{
	width: 700px;
	padding-left: 251px;
	padding-top: 25px;
	font-size: 100%;
}

#main .About iframe{
	width: 670px;
	height: 480px;
}

#main .intro{
	text-align: center;
}

#main .list{
	text-align: left;
	font-size: 100%;
	color: grey;
}

#main ul{
	list-style: circle;
}

#main li{
	display: block;
	text-align: left;
}

#main li::before{
	content: "•  ";
	color: red;
}

#main .end{
	font-size: 100%;
}

#widget{
	clear: both;
}

#main .About a{
	margin-left: 150px;
}

#main .faq{
	font-size: 18px;
	text-align: center;
	width: 800px;
	margin-left: 200px;
}

#divide{
	border-top: 2px solid #EEE;
	width: 800px;
	clear: both;
	margin-left: 0px;
}

#main .artists{
	margin: auto;
	width: 50%;
}

#main .artists .title{
	font-size: 32px;
}

#main .heading .title{
	font-size: 32px;
}

#main .artists img{
	margin-left: 30px;
	margin-right: 20px;
	width: 89%;
	border: 3px solid white;
	padding: 10px;
	margin-top: 10px;
}

#main img zane{
	height: 534px;
	width: 513px;
}

#main .heading{
	text-align: center;
	margin-left: 20px;
	font-size: 100%;
}

#artistsdivide{
	border-top: 2px solid #EEE;
	width: 600px;
	clear: both;
	margin-left: 290px;
	margin-top: 20px;
}

#main .Scott, .Tooch, .Errol, .Zane, .Art, .Mike{
	width: 900px;
	margin: auto;
	font-size: 90%;
}

#main .Scott, .Tooch, .Errol, .Zane, .Art, .Mike p{
	text-indent: 20px;
}

#main .Art{
	width: 900px;
	margin-left: 200px;
	font-size: 90%;
}

#main .Art p{
	text-indent: 20px;
}

#main .Art img{
	width: 400px;
	height: 210px;
	padding: 10px;
}



img .hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  border: 1px solid red;
}

#comments{
	resize: none;
}

#email{
	margin: auto;
	width: 37%;
}

#email fieldset{
	width: 270px;
}

#email fieldset{
	border-radius: 5px;
}

#email textarea{
	border: 1px groove #FFFFFF;
	border-radius: 5px;
}

#message{
	height: 250px;
	width: 400px;
}

#email input:focus, input:hover{
	background-color: #C0C0C0;
	color: #000000;
	border-radius: 5px;
}

#email textarea:focus, textarea:hover{
	background-color: #C0C0C0;
	color: #000000;
	border-radius: 5px;
}

#social-border{
	border-top: 2px solid #EEE;
	width: 1200px;
	clear: both;
	margin-left: 10px;
}

#social ul{
	clear: both;
	width: 1200px;
	margin: 20px 0px 10px -40px;
	text-align: center;
}

#social li{
	display: inline;
	margin: 0px 10px;
}

#social img{
	width: 45px;
	height: 45px;
}

#footer{
	clear: both;
	margin: 10px 0px 10px 0px;
	color: white;
	text-align: center;
	font-size: 75%;
}

#footer img{
	width: 48px;
	height: 78px;
}

video{
	margin-left: 260px;
	margin-top: -100px;
	width: 800px;
	height: 800px;
	animation-play-state: running;
}