@charset "UTF-8";
/* CSS Document */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video { display: block;
}


body{
	margin: 0;
	padding: 0;
	background-color: #f05b29;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color: #fff;
}

.invisibleText{
	color: #f05b29;
}

img{
    max-width: 100%;
	border: none;
}
  
#content{
	 width: 100%;
	 margin: auto;
}


#collab{
	 width: 96%;
	 padding-top: 70px;
	 margin: auto;
}

#artsRow{
	 width: 96%;
	 padding-top: 2%;
	 margin: auto;
}

#arts{
	 width: 75%;
	 float: left;
}

#logos{
	 width: 18%;
	 float: left;
	 padding-left: 1%;
	padding-right: 4%;
}

#s4logo{
	padding-bottom: 5%;
}

#socials{
	width: 100%;
}

.socialIcon{
	width: 20%;
	float: left;
	display: inline;
	padding-right: 4px;
	margin: 0;
}

#artistList{
	clear: both;
	 width: 96%;
	 padding-top: 5%;
	 margin: auto;
}

.grey{
	color: #000000;
}


.newRow{
	clear: both;
	 width: 96%;
	 padding-top: 2%;
	 margin: auto;
}


.newRow2{
	clear: both;
	 width: 100%;
	 padding-top: 2%;
	 margin: auto;
	 text-align: center;
}


.videoRow{
	clear: both;
	 width: 96%;
	 padding-top: 2%;
	padding-bottom: 2%;
	 margin: auto;
}

.videoLeft{
	float: left;
	width: 30%;
	
}

.videoMid{
	float: left;
	width: 10%;
}

.videoRight{
	float: left;
	width: 59%;
	font-size:12px;
	padding-bottom:50%;
	
}

.smallHeader{
	width: 100%;
	margin: auto;
	text-align:center;
	font-size:12px;
	
}
.bigHeader{
	width: 100%;
	margin: auto;
	text-style:bold;
	font-size:20px;
	
}

.video-container {
	position:relative;
    padding-top:20px;
	height:0;
	
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	
}


/* unvisited link */
a:link {
    color: white;
	text-decoration:none;
}

/* visited link */
a:visited {
    color: #000000;
	text-decoration:none;
}

/* mouse over link */
a:hover {
    color: #CCCCCC;
	text-decoration:none;
}

/* selected link */
a:active {
    color: #000000;
	text-decoration:none;
}



/* unvisited link */
a.grey:link {
    color: #000000;
	text-decoration:none;
	
}

/* visited link */
a.grey:visited {
    color: #000000;
	text-decoration:none;
}

/* mouse over link */
a.grey:hover {
    color: #CCCCCC;
	text-decoration:none;
}

/* selected link */
a.grey:active {
    color: #000000;
	text-decoration:none;
}


.together {
  white-space: nowrap;
}


/*  FOR LARGER SCREENS, LIMIT THE CONTENT WIDTH TO 1220px */
@media only screen and (min-width: 1220px) {
	#content{
	width: 1220px;
	margin: auto;
	
    }
}



/*  artsRow changes at widths less than 560 */
@media only screen and (max-width: 560px) {
	#arts{
	 width: 100%;
     }
	 
	  #logos{
	 width: 200px;
	 margin: auto;
	 text-align: center;
	 padding-left: 20%;
	 padding-top: 2%;
	
    }
	
	#collab{
	 padding-top: 20px;
	
    }
	
	
	.videoLeft{
	
	width: 100%;
}

.videoMid{
	
	width: 100%;
}

.videoRight{
	
	width: 100%;
	
	
}

}