@media only screen and (max-device-width:800px),only screen and (device-width:1024px) and (device-height:600px),only screen and (width:1280px) and (orientation:landscape),only screen and (device-width:800px),only screen and (max-width:767px) {
	.flex-video {
		padding-top:0
	}


}

@media only screen and (max-width: 3024px)
{
	.wrapper
	{
    		margin-top: 120px;
	}

	.single-page-title
	{
    		margin-left:-30px;
    		margin-right:-15px;
	}

	.single-page-title:before,.single-page-title:after 
	{
    		display:none;
	}

	header h1
	{
		font-size:2.5vw;
		line-height:6vw;
	}

	.page-title
	{
    		font-size:50px;
	}

}




@media only screen and (max-width: 1680px)
	{
	.page-title
	{
    		padding-top:12px;
    		font-size:37px;
	}

}


@media only screen and (max-width: 1300px)
{
	.cover_jungle_bottom {
    		display: none;
	}
}


@media only screen and (max-width: 1024px)
{

	.wrapper
	{
    		margin-top: 120px;
	}

	.single-page-title
	{
    		margin-left:-30px;
    		margin-right:-15px;
	}

	.single-page-title:before,.single-page-title:after 
	{
    		display:none;
	}

	.page-title
	{
    		font-size:30px;
    		padding-top:15px;
    		margin-bottom:20px;
	}

	header h1
	{
		font-size:2.5vw;
		line-height:6vw;
	}

}



@media only screen and (max-width: 800px)
{

	.cover_jungle {
    		display: none;
	}


	header h1
	{
		font-size:2.5vw;
		line-height:6vw;
	}

	#filters li
	{
    		font-size: 14px;
	}

	.page-title
	{
    		font-size:23px;
    		padding-top:22px;
    		margin-bottom:20px;
		margin-left: 0px;
    		padding-left:5px;
	}

	.single-page-title
	{
    		font-size:40px;
	}
	
	h1
	{
    		font-size:40px;
	}

	h2
	{
    		font-size:30px;
	}

	h3{font-size:24px;}
	h4{font-size:22px;}
	h5{font-size:20px;}
	h6{font-size:18px;}  

	.date
	{
    	font-size: 14px;
    	line-height: 40px;
	}

	.all-button
	{
    		font-size: 14px;
	}

	label
	{
    		padding: 5px;
    		margin-right: 5px;
	}

	input[type="text"], input[type="email"], input[type="number"], input[type="date"], textarea, .button, p, body
	{
    		font-size: 12px;
	}

	.social-icons li img
	{
    		width:34px;
	}
}






@media only screen and (max-width:640px)
{

	#music
	{

	}

	#menu,#homepage {
		position:absolute;
		width:50%;
	}

	#menu .info,#homepage .info{
		width:50%;
	}

	#blog .info,#gallery .info
	{

	}


	.main
	{
		top:450px;
    		position: relative;
    		margin-top:70px;
	}

	.wrapper
	{
		margin-top:170px;	
	}

	#home
	{
    		overflow:auto !important;
	}

	#arrows
	{
    		display:none;
	}

	.column
	{
    		width: 100%;
	}

	.desc
	{
    		height:100%;
    		position:relative;  
    		margin-top:5px !important;      
	}

	.desc .page-title {
    		cursor: pointer;
	}

	.column {
		cursor:default;
	}

	section
	{
    		display:block;
	}

	.page-title
	{
    		font-size:30px;
    		padding-top:5px;
    		padding-bottom:5px;
    		margin-bottom:0px;
		padding-left:20px;
	}

	.reveal-modal
	{
    		min-width: 0px;
	}


	header {
    		position: relative;
    		display: none;
	}


	header img {
    		outline: none;
    		border: none;
    		display: block;
    		margin-right: auto;
    		margin-left: auto;
    		text-align: center;
    		width: 30%;
    		margin-top:10px;
	}


	.content {
    		position: relative;
    		z-index: 4;
    		margin: 0px 0px 0px 0px;
	}

	.event-container h4 {
    		font-family: 'dosisregular';
    		font-weight: normal;
    		font-size: 24px;
    		padding-top: 20px;
    		line-height: 1 !important;
	}

	.event-container h6 {
    		font-size: 14px;
	}

/* ================= AUDIO BOX ================== */
	.audio-box {
		width:300px;
		display:inline-block;
		background-color:#000;
		background-color:rgba(0,0,0,0.5);
		margin-bottom:15px;
	}
	.audio-image {
		float:left;
		width:100px;
		margin-bottom:-5px;
	}
	.audio-image img {
		width:80px;
		margin-right:20px;
	}
	.audio-info {
		float:right;
		width:280px;
		padding-top:15px;
		padding-right:15px;
	}
	.audio-info h5,.audio-info h6 {
		margin:0px;
		line-height:1;
	}
	.audio-info p {
		color:#fff;
		margin:0px !important;
		padding:0px !important;
		line-height:1;
	}
	.audio {
		width:300px;
		clear: both;
	}
	.audio-player
	{
    	margin-bottom: 20px;
	}

}
