/*



*/

body 
	{
	width:100%;
	padding:0;
	border:0;
	margin:0;
 	background-color: #fff;
  	font-family: sans-serif;
	font-weight:400;
	color: #231f20;
	}

	#page 
		{
		width:100%;
		padding:0;
		border:0;
		margin:0;
		background-color:#fff;
		line-height:150%;
  		font-size:1em;
  		text-align:left;
  		}

  		// <weight>: Use a value from 100 to 900
		// <uniquifier>: Use a unique and descriptive class name

		.inter-<uniquifier>
			{
			font-family: "Inter", sans-serif;
			font-optical-sizing: auto;
			font-weight: normal;
			font-style: normal;
			}

		p
		{
		clear:left;
		padding:0;
		border:0;
    	margin:5px 0 10px 0;
    	line-height:150%;
		}

		a,
		a:link
			{
			color: #231f20;
			text-decoration:underline;
			}

		a:hover,
		a:active
			{
			color:#c21c3c;
			text-decoration:none
			}

  		h2
			{
			padding:10px 0 20px 0;
			border:0;
			margin:0;
	 		line-height:150%;
			font-size:1.2em;
			font-weight:300;
			text-align:left;
			font-weight:bold;
			}

		h2 a,
		h2 a:link,
		h2 a:visited
			{
			color:#231f20;
			border:0;
			text-decoration:none;
			}

		h2 a:hover,
		h2 a:active
			{
			color: #080808;
			text-decoration: underline;	
			}

		h3
			{
			padding:20px 0 20px 0;
			margin:0;
			font-size:1.1em;
			text-transform:none;
			text-align:left;
			line-height:120%;
			}

		h4
			{
			padding:15px 5% 20px 5%;
			border-radius:4px;
			margin:20px 0 20px 0;
			font-size:1em;
			text-transform:none;
			text-align:left;
			line-height:150%;
			font-weight:400;
			background:#efefef;
			}

		section,
		section.indexcontainer
			{
			width: 100%;
			padding:0;
			border:0;
	  		margin:0 auto 0 auto;
	  		text-align: left;
	  		font-size:1em;
	  		line-height:180%;
	  		overflow:hidden;
			}

			section#top
				{
				width:100%;
				max-width:100%;
				padding:0 0 240px 0;
				border:0;
				margin-top:0;
				margin-right:auto;
				margin-bottom: 15px;
				margin-left:auto;
				background-image: url("heroimage.jpg");
				background-repeat: no-repeat;
				background-size:cover;
				background-position:center;
				color:#fff;
				text-align:center;
				height:600px;
				}

			section#indivpartytop
				{
				width:100%;
				max-width:100%;
				padding:0 0 20px 0;
				border:0;
				margin-top:0;
				margin-right:auto;
				margin-bottom: 15px;
				margin-left:auto;
				color:#fff;
				text-align:center;
				height:50px;
				}


			section#topworkshops,
			section#topworkshopsfaq,
			section#topparties,
			section#toppartiesfaq,
			section#topabout,
			section#tophelp,
			section#topcodeofconduct,
			section#topmusic,
			section#topsocial
				{
				width:100%;
				max-width:100%;
				padding:0 0 240px 0;
				border:0;
				margin-top:0;
				margin-right:auto;
				margin-bottom: 20px;
				margin-left:auto;
				background-image: url("workshopshero.jpg");
				background-repeat: no-repeat;
				background-size:cover;
				background-position:center;
				color:#fff;
				text-align:center;
				height:500px;
				}

			section#topworkshopsfaq
				{
				background-image: url("workshopsfaqhero.jpg");
				}

			section#topparties,
			section#toppartiesfaq
				{
				background-image: url("partieshero.jpg");
				}

			section#topabout 
				{
				background-image: url("abouthero.jpg");
				}

			section#tophelp,
			section#topcodeofconduct
				{
				background-image: url("helphero.jpg");
				height:200px;
				padding:0 0 50px;
				}

			section#topmusic
				{
				background-image: url("musicheromobile.jpg");
				}

			section#topsocial
				{
				background-image: url("socialheromobile.jpg");
				}
				
				section#top a,
				section#top a:link,
				section#top a:visited,
				section#topworkshops a,
				section#topworkshops a:link,
				section#topworkshops a:visited,
				section#topworkshopsfaq a,
				section#topworkshopsfaq a:link,
				section#topworkshopsfaq a:visited,
				section#topparties a,
				section#topparties a:link,
				section#topparties a:visited,
				section#toppartiesfaq a,
				section#toppartiesfaq a:link,
				section#toppartiesfaq a:visited,
				section#topparties a,
				section#topparties a:link,
				section#topparties a:visited,
				section#topabout a,
				section#topabout a:link,
				section#topabout a:visited,
				section#tophelp a,
				section#tophelp a:link,
				section#tophelp a:visited,
				section#topcodeofconduct a,
				section#topcodeofconduct a:link,
				section#topcodeofconduct a:visited
				section#topmusic a,
				section#topmusic a:link,
				section#topmusic a:visited,
				section#topsocial a,
				section#topsocial a:link,
				section#topsocial a:visited
					{
					color:#fff;
					border:0;
					text-decoration:none;
					}

				section#top a:hover,
				section#top a:active,
				section#topworkshops a:hover,
				section#topworkshops a:active,
				section#topworkshopsfaq a:hover,
				section#topworkshopsfaq a:active,
				section#topparties a:hover,
				section#topparties a:active,
				section#topparties a:hover,
				section#topparties a:active,
				section#toppartiesfaq a:hover,
				section#toppartiesfaq a:active,
				section#topabout a:hover,
				section#topabout a:active,
				section#tophelp a:hover,
				section#tophelp a:active,
				section#topcodeofconduct a:hover,
				section#topcodeofconduct a:active
				section#topmusic a:hover,
				section#topmusic a:active,
				section#topsocial a:hover,
				section#topsocial a:active
					{
					color: #c51d1e;
					text-decoration:none;
					}

				#header
					{
					position:fixed;
					width: 90%;
					padding:0 5% 20px 5%;
				  	border:0;
			  		margin:0 auto 0 auto;
					text-align:left;
					background-color:transparent;
					text-transform:none;
					background-image: linear-gradient(rgba(60, 60, 60, 0.9), rgba(60, 60, 60, 0.5), rgba(60, 60, 60, 0.05), rgba(60, 60, 60, 0.01));
					}
					

					#header a,
					#header a:link,
					#header a:visited
						{
						color:#fff;
						}

					#header a:active,
					#header a:hover
						{
						color:#fff;
						}

						h1
				    	{
				    	display:inline;
				    	width:30%;
				    	padding:0;
						border:0;
						margin:0;
						line-height:260%;
						font-size:1.3em;
						font-weight:normal;
						color:#fff;
						letter-spacing:0.09em;
						}

							h1 a,
							h1 a:link,
							h1 a:visited
							{
				  			color: #fff;
				  			border:0;
				  			text-decoration:none;
				  			}

				  			h1 a:hover,
				  			h1 a:active
				  				{
				  				border:0;
				  				text-decoration:none;
								border-bottom:0;
								color:#c51d1e;
				  				}

				ul,
				ol
					{
					padding:0;
					width:95%;
					border:0;
					margin:0 0 0 5%;
					}

					ul li
						{
						list-style-type:disc;
						padding:0 0 25px 0;
						border:0;
						margin:0 0 0 5%;
						clear:left;
						line-height:130%;
						}

				.overlay
					{
					height: 0%;
					width: 100%;
					position: fixed;
					z-index: 1;
					top: 0;
					left: 0;
					background-color:#000;
					overflow-y: hidden;
					transition: 0.5s;
					}

					.overlay-content
						{
						position: relative;
						top: 5%;
						width: 90%;
						padding:0 5% 0 5%;
						margin-top: 0;
						text-align: left;
						font-size:1em;
						letter-spacing: 0.09em;
						}

						.overlay-content ul
							{
							width:100%;
							padding:0;
							border:0;
							margin:0 0 20px 0;
							}

							.overlay-content ul li
								{
								list-style-type:none;
								padding:0 0 15px 0;
								border:0;
								margin:0;
								text-transform:uppercase;
								letter-spacing: 0.1em;
								}

								.overlay-content ul li.ulheader
									{
									margin: 20px 0 0 0;
									}

								.overlay-content ul li ul
									{
									list-style-type:none;
									padding:0;
									margin:15px 0 0 0;
									}

									.overlay-content a,
									.overlay a:link,
									.overlay a:visited
										{
										text-transform: none;
										}

									.overlay a:hover,
									.overlay a:focus,
									.overlay a:active
										{
									  	color: #f1f1f1;
										}

							.overlay .closebtn
								{
							  	position: absolute;
							  	top: 10px;
							  	right: 45px;
							  	font-size: 35px;
								}

							span
								{
								cursor:pointer;
								position: absolute;
								top: 10px;
								right: 45px;
								font-size:35px;
								}

					.overlay .socialmenu
						{
						display:flex;
						width:40%;
						padding:0;
						border:0;
						margin: 5px 0 0 0;
						}

						.overlay .icon 
							{
							width:60%;
							padding:0;
							border:0;
							margin:0 30% 0 0;  
							}


					@media screen and (max-height: 450px) {
					  .overlay {overflow-y: auto;}
					  .overlay a {font-size: 20px}
					  .overlay .closebtn {
					  font-size: 40px;
					  top: 15px;
					  right: 35px;
					  }
					}

				.toptitle
					{
					width:80%;
					padding:500px 10% 0 10%;
					border:0;
					margin:0 0 10px 0;
					font-weight:bold;
					line-height:115%;
					letter-spacing: 0.08em;
					text-align:left;
					}

					section#tophelp .toptitle,
					section#topcodeofconduct .toptitle
						{
						width:80%;
						padding:120px 10% 0 10%;
						border:0;
						margin:0 0 10px 0;
						line-height:115%;
						letter-spacing: 0.08em;
						}

					section#top h2,
					section#topworkshops h2,
					section#topworkshopsfaq h2,
					section#topparties h2,
					section#toppartiesfaq h2,
					section#topabout h2,
					section#topmusic h2,
					section#topsocial h2
						{
						padding:0;
						border:0;
						margin:0;
						font-size:2.5em;
						line-height:115%;
						letter-spacing: 0.08em;
						}

					section#tophelp h2,
					section#topcodeofconduct h2
						{
						padding:0;
						border:0;
						margin:0;
						font-size:1.5em;
						line-height:115%;
						letter-spacing: 0.08em;
						}

					.redlinkbutton
						{
						border:0;
						margin:20px 0 0 0;
						}

					.redlinkbutton a,
					.redlinkbutton a:link,
					.redlinkbutton a:visited
						{
						display: inline-block;
						padding: 10px 5% 10px 5%;
						border-radius:4px;
						text-align: center;
						text-decoration: none;
						font-weight:400;
						font-size:1em;
						letter-spacing: 0.07em;
						background-color: #c51d1e;
						color: #fff;
						}

					.redlinkbutton a:hover,
					.redlinkbutton a:active
						{
						background:#fff;
						color:#c51d1e;
						text-decoration:none;
						}

  				.content
					{
					width:90%;
					padding:0 5% 0 5%;
					border:0;
					margin:0;
					}

				.contentbig
					{
					width:90%;
					padding:20px 5% 0 5%;
					border:0;
					margin:0;
					text-align: center;
					font-size: 1.2em;
					}

					.contentbig h3
						{
						text-align: center;
						}

				.contentbigwhite
					{
					width:90%;
					padding:20px 5% 0 5%;
					border:0;
					margin:0;
					text-align: center;
					letter-spacing: 0.08em;
					font-size: 1em;
					background:#fff;
					color:#000;
					}

					.contentbigwhite a,
					.contentbigwhite a:link,
					.contentbigwhite a:visited
						{color:#000;}
					.contentbigwhite a:active,
					.contentbigwhite a:hover
						{color:#000;}

				.whitecontent,
				.whitecontentwide
					{
					width:90%;
					padding:0 0 40px 0;
					border:0;
					border-radius:4px;
					margin:0 5% 20px 5%;
					background-color:#fff;
					}

				.redcontent
					{
					width:90%;
					padding:0 0 40px 0;
					border:0;
					border-radius:4px;
					margin:20px 5% 20px 5%;
					background-color:#c51d1e;
					color:#fff;
					text-align:center;
					letter-spacing:0.09em;
					}

				.redcontent2
					{
					width:70%;
					padding:10px 10% 30px 10%;
					border:0;
					border-top-left-radius: 4px;
                    border-bottom-left-radius:0;
                    border-top-right-radius: 4px;
                    border-bottom-right-radius: 0;
					margin:20px 5% 0 5%;
					background-color:#c51d1e;
					color:#fff;
					text-align:left;
					letter-spacing:0.08em;
					font-size:1em;
					}

					.redcontent2 p
						{width:100%;
						padding:0;
						border:0;
						margin:0;
						}

				.redcontent2white
					{
					width:80%;
					padding:10px 5% 30px 5%;
					border:0;
					border-top-left-radius: 0;
                    border-bottom-left-radius:4px;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 4px;
					margin:0 5% 20px 5%;
					background:#fff;
					color:#c51d1e;
					letter-spacing:0.06em;
					font-size:1em;
					}

					.redcontent a,
					.redcontent a:link,
					.redcontent a:visited,
					.redcontent2 a,
					.redcontent2 a:link,
					.redcontent2 a:visited
						{
						color:#fff;
						text-decoration:underline;
						}

					.redcontent a:active,
					.redcontent a:hover,
					.redcontent2 a:hover,
					.redcontent2 a:active
						{
						color:#000;
						text-decoration:underline;
						}

						.redcontent2white a,
						.redcontent2white a:link,
						.redcontent2white a:visited
							{
							color:#c51d1e;
							}
						.redcontent2white a:hover,
						.redcontent2white a:active
							{
							color:#c51d1e;
							}

					.redcontent h2
						{
						text-align:center;
						line-height:120%;
						font-weight: bold;
						letter-spacing: 0.05em;
						}

					.redcontent p
						{
						}

					.musicboxflex
						{
						margin:15px 0  0;
						align-items: stretch;
						}

						.musicbox
							{
							display:flex;
							align-items: stretch;
							width:100%;
							padding:0;
							border:0;
							margin:0;
							background:#fff;
							}

	                        .musicimagecontainer
	                        	{
	                        	width:30%;
	                        	padding:0;
	                        	border:0;
	                        	margin:0;
	                        	}

	                        	.musicimage
									{
									max-width:100%;
									width:100%;
									padding:0;
									border:0;
	                        		border-radius:4px;
									margin:0;
									}

	                        .musicboxcontent
	                        	{
	                        	width:75%;
	                        	padding:0 0 0 5%;
	                        	border:0;
	                        	border-top-left-radius:0;
	                        	border-bottom-left-radius:0;
	                        	border-top-right-radius:4px;
	                        	border-bottom-right-radius:4px;
	                        	margin:0;
	                        	color:#c51d1e;
	                        	color:#000;
	                        	font-size:0.8em;
								line-height:140%;
								letter-spacing: 0.02em;
	                        	}

	                        	.musicboxcontent p 
	                        		{
	                        		padding:0;
	                        		margin:0;
	                        		}

                        .musicboxred
							{
							display:flex;
							align-items: stretch;
							width:100%;
							padding:0;
							border:0;
							margin:20px 0 0 0;
							line-height:100%;
							}

	                        .musicimagecontainerred
	                        	{
	                        	width:20%;
	                        	padding:0;
	                        	border:0;
	                        	margin:0;
	                        	}
	                        	.musicimagered
									{
									max-width:100%;
									width:100%;
									padding:0;
									border:0;
									border-top-left-radius: 4px;
	                        		border-bottom-left-radius:4px;
	                        		border-top-right-radius: 0;
	                        		border-bottom-right-radius: 0;

									margin:0;
									}

	                        .musicboxcontentred
	                        	{
	                        	width:80%;
	                        	border:0;
	                        	border-top-left-radius: 0;
	                        	border-bottom-left-radius:0;
	                        	border-top-right-radius: 4px;
	                        	border-bottom-right-radius: 4px;
	                        	margin:0;
	                        	line-height:100%;text-align: left;
	                        	}

	                        	.musicboxcontentred p 
	                        		{
	                        		padding:0;
	                        		margin:0;
	                        		}
                        
			  				.musicboxcontentred a,
                        	.musicboxcontentred a:link,
                        	.musicboxcontentred a:visited
                        		{
                        		width:95%;
                        		height:100%;
                        		display:inline-block;
								padding: 0 0 0 5%;
								border:0;
								border-top-left-radius:0;
                        		border-bottom-left-radius:0;
                        		border-top-right-radius:4px;
                        		border-bottom-right-radius:4px;
								margin:0 0 0 0;
								background-color:#c51d1e;
								
								text-decoration: none;
								font-size:1em;
								font-weight:normal;
								
								color: #fff;
								letter-spacing: 0.07em;
								line-height:300%;
								
								}

								.musicboxcontentred a:hover,
								.musicboxcontentred a:active
									{
									width:95%;
                        			height:100%;
                        			padding: 0 0 0 5%;
			  						background-color: #fff;
			  						color: #c51d1e;
			  						border-top:1px solid #c51d1e;
			  						border-right:1px solid #c51d1e;
			  						border-bottom:1px solid #c51d1e;
			  						text-decoration:none;
			  						border-top-left-radius:0;
                        			border-bottom-left-radius:0;
                        			border-top-right-radius:4px;
                        			border-bottom-right-radius:4px;
			  						}

						ul.musicnav
							{
							width:100%;
							padding:0 0 0 0;
							border:0;
							margin:20px 0 0 0;
							text-align: left;
							}

							li.musicnavli
								{
								list-style-type:none;
								width:100%;
								padding:0;
								border:0;
								margin:0 0 20px 0;
								line-height:130%;
								}

								li.musicnavli a,
								li.musicnavli a:link,
								li.musicnavli a:visited
									{
									display:inline-block;
									padding: 15px 0 15px 5%;
									border: 1px solid #c51d1e;
									border-radius:4px;
									margin:0;
									text-decoration: none;
									font-size:1em;
									font-weight:normal;
									background-color:#c51d1e;
									color: #fff;
									letter-spacing: 0.07em;
									line-height:120%;
									width:95%;
									}

								li.musicnavli a:hover,
								li.musicnavli a:active
									{
			  						background-color: #fff;
			  						color: #c51d1e;
			  						border:1px solid #c51d1e;
			  						text-decoration:none;
			  						}

			  			ul.musiclist
			  				{
			  				width:100%;
			  				padding:0;
			  				border:0;
			  				margin:0;
			  				line-height:160%;
			  				}

			  				ul.musiclist li
			  					{
			  					list-style-type: none;
			  					width:90%;
			  					padding:0 0 0 10%;
			  					border:0;
			  					margin:0 0 15px 0;
			  					}

			  				ul.musiclist li.musicheader
			  					{
			  					list-style-type: disc;
			  					width:95%;
			  					padding:0;
			  					border:0;
			  					margin:0 0 10px 5%;
			  					}

			  			ul.partiesul
			  				{
			  				width:100%;
			  				padding:0;
			  				border:0;
			  				margin:0;
			  				line-height:160%;	
			  				}

			  				ul.partiesul li
			  					{
			  					list-style-type: none;
			  					width:100%;
			  					padding:0;
			  					border:0;
			  					margin:0 0 15px 0;
			  					}

			  					ul.partiesul li.partiesulheader
			  					{
			  					font-weight:bold;
			  					}

					.linkbutton
						{
						padding:0;
						border:0;
						margin:0 0 10px 0;
						}

					.linkbutton a,
					.linkbutton a:link,
					.linkbutton a:visited
							{
							display:inline-block;
							padding: 10px 2% 10px 2%;
							border: 1px solid #c51d1e;
							margin:0;
							text-align: center;
							text-decoration: none;
							font-size:0.8em;
							font-weight:bold;
							background-color:#c51d1e;
							color: #fff;
							letter-spacing: 0.07em;
							line-height:120%;
							}

					.linkbutton a:hover,
					.linkbutton a:active
							{
	  						background-color: #c51d1e;
	  						color: #fff;
	  						border:1px solid #fff;
	  						text-decoration:none;
	  						}

	  					.redcontent .linkbutton a,
						.redcontent .linkbutton a:link,
						.redcontent .linkbutton a:visited
							{
							display: inline-block;
							padding: 8px 5% 8px 5%;
							border: 1px solid #fff;
							border-radius:4px;
							margin:20px 0 20px 0;
							text-align: center;
							text-decoration: none;
							font-size:1em;
							background-color:#fff;
							color: #c51d1e;
							letter-spacing: 0.07em;
							}

						.redcontent .linkbutton a:hover,
						.redcontent .linkbutton a:active
							{
	  						background-color: #c51d1e;
	  						color: #fff;
	  						border:1px solid #fff;
	  						text-decoration:none;
	  						}

						.blacklinkbutton
						{
						}

	  					.blacklinkbutton a,
						.blacklinkbutton a:link,
						.blacklinkbutton a:visited
							{
							background-color: transparent;
							color: #fff;
							padding: 8px 5% 8px 5%;
							border: 0;
							border-radius:4px;
							margin:20px 0 0 0;
							text-align: center;
							text-decoration: none;
							font-size:0.9em;
							display: inline-block;
							background-color:#000;
							letter-spacing:0.05em;
							}

						.blacklinkbutton a:active,
						.blacklinkbutton a:hover 
							{
	  						background-color: #c51d1e;
	  						color: #fff;
	  						}

					.image 
						{
						max-width:100%;
						width:100%;
						padding:0 ;
						border:0;
						border-top-left-radius:4px;
						border-top-right-radius:4px;
						margin:0 0 20px 0 ;
						}

					.indivpartyimage
						{
						max-width: 100%;
						padding:0;
						border:0;
						margin:0;
						}

						.musicintro
			  				{
							padding:15px 5% 15px 5%;
							border-radius:4px;
							margin:0 0 20px 0;
							font-size:1em;
							text-transform:none;
							text-align:left;
							line-height:150%;
							font-weight:normal;
							background:#efefef;
							}

		#footer
			{
			overflow:hidden;
			width:100%;
			padding: 40px 0 30px 0;
			border:0;
			border-top: 1px dotted #cdcdcd;
			margin: 40px auto 0 auto;
			text-align:left;
			text-transform:none;
			background: #fff;
			color: #666;
			line-height: 150%;
			font-size: 0.8em;
			}

			#footertop
				{
				width:90%;
				padding:0 5% 10px 5%;
				border:0;
				margin:0 0 10px 0;
				font-size:1em;
				}

			#footer .content
				{
				width:100%;
				padding: 0 0 20px 0;
				border-top:1px solid #666;
				border-bottom:0;
				border-top:none;
				margin:0 auto 0 auto;
				}

				.socialmenu
					{
					display:flex;
					width:40%;
					padding:0;
					border:0;
					margin: 0 0 20px 0;
					}

					.socialmenu a,
					.socialmenu a:link,
					.socialmenu a:visited
						{
						border:0;
						}

					.socialmenu a:hover,
					.socialmenu a:active
						{
						border:0;
						}

					.icon 
						{
						width:60%;
						padding:0;
						border:0;
						margin:0 0 0 0;  
						}

				#footer h2
					{
					width:100%;
					padding:0 0 10px 0;
					border:0;
					margin:0;
					text-transform: uppercase;
					font-size:1em;
					font-weight:normal;
					color:#000;
					letter-spacing: 0.03em;
					}

				#footer h3
					{
					width:100%;
					padding:0;
					border:0;
					margin:0 0 10px 0;
					font-size: 0.8em;
					text-transform: uppercase;
					letter-spacing: 0.07em;
					color: #000;
					font-weight:normal;
					}

					#footer h3 a,
					#footer h3 a:link,
					#footer h3 a:visited
						{
						border:0;
						text-decoration:none;
						}

					#footer h3 a:hover,
					#footer h3 a:active
						{
						color:#c21c3c;
						text-decoration:underline;
						border:0;}

				#footer a,
				#footer a:link,
				#footer a:visited
					{
					padding:0;
					text-decoration:none;
					border:0;
					color:#666;
					}

				#footer a:hover,
				#footer a:active
					{
					color:#c21c3c;
					text-decoration:underline;
					border:0;
					}


					#footer .socialmenu a,
					#footer .socialmenu a:link,
					#footer .socialmenu a:visited
						{
						border:0;
						}

					#footer .socialmenu a:hover,
					#footer .socialmenu a:active
						{
						border:0;
						}

				#mc_embed_shell
					{
					}

					#mc_embed_shell h3
						{
						width:90%;
						padding:0 5% 0 5%;
						border:0;
						margin:0;
						font-size: 0.8em;
						text-transform: uppercase;
						letter-spacing: 0.07em;
						color: #000;
						font-weight:normal;
						}

						#mc_embed_signup.mc-field-group {padding:0;}

				.footerbio
					{
					width:90%;
					padding:0 5% 0 5%;
					margin:0 auto 0 auto;
					letter-spacing: 0.02em;
					color:#666;
					}

				#footer p 
					{padding:0 0 40px 0;
					line-height:150%;}

					.footerbio p 
						{
						padding:0 5% 0 5%;
						margin:0 auto 0 auto;
						}

				#footer ul
					{
					list-style-type: none;
					width:90%;
					padding:0 5% 0 5%;
					border:0;
					margin:0 auto 40px auto;
					}

					#footer ul li
						{
						list-style-type: none;
						padding:0;
						border:0;
						margin:0 0 15px 0;	
						}

					#footer li.ulheader
						{
					padding:0 0 5px 0;
					border:0;
					margin:0 0 10px 0;
					font-size: 0.8em;
					text-transform: uppercase;
					letter-spacing: 0.07em;
					color: #000;
					font-weight:normal;
						}
	

				.copyright
					{
					width:90%;
					padding:20px 5% 20px 5%;
					border:0;
					margin:0 auto 0 auto;
					font-size:0.8em;
					letter-spacing: 0.08em;
					color:#666;
					}



/*ipad size >390 <700*/
@media screen and (min-width: 500px) {

			section#top
				{
				background-image: url("heroimage2.jpg");
				height:500px;
				}

			section#topparties,
			section#toppartiesfaq
				{
				background-image: url("partieshero2.jpg");
				height:300px;
				}

			section#topworkshops
				{
				background-image: url("workshopshero2.jpg");
				height:300px;
				}

			section#topworkshopsfaq
				{
				height:300px;
				}

			section#topabout
				{
				background-image: url("abouthero2.jpg");
				height:300px;
				}

			section#topmusic
				{
				background-image: url("musicherowide.jpg");
				}

			section#topsocial
				{
				background-image: url("socialherowide.jpg");
				}

				.toptitle
					{
					padding:400px 10% 0 10%;
					}

					section#top h2,
					section#topworkshops h2,
					section#topworkshopsfaq h2,
					section#topparties h2,
					section#toppartiesfaq h2,
					section#topabout h2,
					section#topmusic h2,
					section#topsocial h2
						{
						padding:0;
						}

}


/*desktop size >770px <900px */

@media screen and (min-width: 770px) {
				
			section#top
				{
				padding:0;
				text-align:center;
				height:650px;
				margin-top:0px;
				}

			section#topparties,
			section#toppartiesfaq,
			section#topworkshops,
			section#topworkshopsfaq,
			section#topabout,
			section#topmusic,
			section#topsocial
				{
				height:400px;
				text-align:center;
				margin-top:0px;
				}

			section#tophelp,
			section#topcodeofconduct
				{
				text-align:center;
				margin-top:0px;
				}

			section.indexcontainer
				{
				display:flex;
				width: 95%;
				padding:0 0 0 5%;
				margin-top:0px;
				}

			#header
				{
				display:flex;
				width:90%;
				padding:20px 5% 0 5%;
				border:0;
				margin:0 auto 0 auto;
				background-image: linear-gradient(rgba(60, 60, 60, 0.9), rgba(60, 60, 60, 0.5), rgba(60, 60, 60, 0.05), rgba(60, 60, 60, 0.01));
				}
				
				#header h1
					{
					font-size:1em;
					padding:0 20% 20px 0;
					border:0;
					margin:0;
					display:block;
					line-height:100%;
					width:30%;
					height:50px;
					}

				.overlay
					{
					padding:0;
					border:0;
					margin:0;
					z-index:default;
					position:relative;
					top:auto;
					left:auto;
					width:50%;
					background-color:transparent;
					}

					.overlay-content
						{
						top:auto;
						width:100%;
						padding:0;
						border:0;
						margin:0;
						display:flex;
						}

						.overlay-content ul
							{
							display:flex;
							width:75%;
							line-height:100%;
							}

							.overlay-content ul li
								{
								padding:0 5% 0 0;
								line-height:150%;
								font-size:0.8em;
								}

								.overlay-content ul li.ulheader
									{
									display:none;
									}

								.overlay-content ul li ul
									{
									display:block;
									display:none;
									}

									.overlay-content a,
									.overlay a:link,
									.overlay a:visited
										{
										text-transform: none;
										border:0;
										text-decoration:0;
										}

									.overlay a:hover,
									.overlay a:focus,
									.overlay a:active
										{
									  	color: #f1f1f1;
										}

							.overlay .closebtn
								{
							  	display:none;
								}

							span
								{
								display:none;
								}

					.overlay .socialmenu
						{
						width:25%;
						margin:0 0 0 0;
						}

						.overlay .icon 
							{
							padding:0;
							border:0;
							margin:0 1% 0 0;  
							}

				.toptitle
					{
					padding:500px 10% 0px 10%;
					text-align:center;
					}

					section#top h2,
					section#topworkshops h2,
					section#topworkshopsfaq h2,
					section#topparties h2,
					section#toppartiesfaq h2,
					section#topabout h2,
					section#tophelp h2,
					section#topcodeofconduct h2,
					section#topmusic h2,
					section#topsocial h2
						{
						padding:0;
						display:inline;
						text-align:center;
						}

				 .content
					{
					width:90%;
					padding:0 5% 0 5%;
					margin:0 auto 0 auto;
					}

				.whitecontent
					{
					width:95%;
					margin:20px 5% 20px 0;
					}

				.whitecontentwide
					{
					width:90%;
					margin:20px 5% 20px 5%;
					}

				.redcontent
					{
					width:90%;
					padding:0 0 40px 0;
					margin:40px 5% 20px 5%;
					letter-spacing: 0.01em;
					}

				.redcontent2
					{
					width:80%;
					padding:10px 5% 30px 5%;
					border:0;
					margin:0 5% 0 5%;
					letter-spacing: 0.06em;
					}

					.redcontent2 p
						{
						}

				.redcontent2white
					{
					display:flex;
					font-size:1em;
					padding:0 0 40px 5%;
					border:0;
					margin:0 5% 10px 5%;
					width:85%;
					background:#c51d1e;
					color:#fff;
					}

					.redcontent p
						{
						}

					.musicboxflex
						{
						margin:10px 5% 0 0;
						width:40%;
						padding:30px 2.5% 20px 2.5%;
						border:0;
						background:#fff;
						border-radius:4px;
						}

						.musicbox
							{
							display:flex;
							align-items: stretch;
							
							padding:0;
							border:0;
							margin:0;
							width:100%;
							}

	                        .musicimagecontainer
	                        	{
	                        	width:20%;
	                        	padding:0;
	                        	border:0;
	                        	margin:0;
	                        	}

	                        	.musicimage
									{
									
									}

	                        .musicboxcontent
	                        	{
	                        	width:75%;
	                        	padding:0 0 0 5%;
	                        	margin:0;
	                        	border:0;
	                        	font-size:1em;
								
								color:#000;
	                        	}

	                        	.musicboxcontent p
	                        	{line-height:130%;

								letter-spacing:0.02em;
								font-size:0.9em;}


					
					.contentbig
					{
					width:90%;
					padding:20px 5% 0 5%;
					border:0;
					margin:0;
					text-align: center;
					font-size: 1.2em;
					}



					.linkbutton a,
					.linkbutton a:link,
					.linkbutton a:visited
							{
							display:inline-block;							border: 1px solid #c51d1e;
							border-radius:4px;
							margin:0;
							text-align: center;
							text-decoration: none;
							font-size:0.8em;
							background-color:#c51d1e;
							color: #fff;
							letter-spacing: 0.07em;
							line-height:120%;
							}

					.linkbutton a:hover,
					.linkbutton a:active
							{
	  						background-color: #c51d1e;
	  						color: #fff;
	  						border:1px solid #fff;
	  						text-decoration:none;
	  						}				

	  			.indivpartyimage
						{
						max-width: 100%;
						padding:0;
						border:0;
						margin:0;
						}
		#footer
			{
			padding-top:0;
			font-size:0.7em;
			letter-spacing:0.1em;
			}

			#footertop 
				{
				width:35%;
				padding:0 5% 0 0;
				border:0;
				margin:0;
				}

			#footer .content 
				{
				display:flex;
				width: 90%;
				padding: 40px 5% 0 5%;
				border-bottom: 1px dotted #cdcdcd;
				}

				#mc_embed_shell
					{
						margin:0;
						padding:0;
					}

					#mc_embed_shell h3
						{
						width:100%;
						padding:0;
						border:0;
						margin:0;
						font-size: 0.8em;
						text-transform: uppercase;
						letter-spacing: 0.07em;
						color: #000;
						font-weight:normal;
						}

					#mc_embed_signup .button
						{margin-bottom:0;;
							font-size:1em;}

			.footerbio
				{
				width:90%;
				padding:40px 5% 0 5%;
				border:0;
				margin:0 auto 0 auto;
				text-align:center;
				}

				.footerbio h3
					{
					text-align:Center;
					}

				.socialmenu
					{
					width:40%;
					padding:0;
					border:0;
					margin: 0 0 20px 0;
					}

					.icon 
						{
						width:50%;
						padding:0;
						border:0;
						margin:0; 
						}

					#footer p 
						{
						padding:0 0 20px 0;
						}

					#footer ul
						{
						width:30%;
						padding:0;
						border:0;
						margin:0;
						}

				.copyright
					{
					text-align:center;
					}

}

/*desktop size >900px*/

@media screen and (min-width: 900px) {

			section#top
				{
				background-image: url("heroimage3.jpg");
				text-align:center;
				padding: 0 0 80px 0;
				}

			section#topworkshops
				{
				background-image: url("workshopshero2.jpg");
				height:600px;
				}

			section#topworkshopsfaq
				{
				height:600px;
				}

			section#topparties
				{
				height:600px;
				text-align:center;
				}

			section#topabout
				{
				height:600px;
				text-align:center;
				}

			section#topmusic
				{
				height:300px;
				background-image: url("musicheroextrawide.jpg");
				}

			section#topsocial
				{height:600px;}
				
				section#topmusic .toptitle
				{
				padding:400px 10% 0 10%;
				}

				
}