@media screen and (max-width: 1020px)
	{
	/* ------------------------------ MOBILE HEADER ------------------------------ */
	#site-header
		{
		position: relative;
		top: 0%;
		left: 0%;
		right: 0%;
		min-width: 320px;
		}
	
	#site-header h1
		{
		display: none;
		}

	#site-header .social-links
		{
		position: absolute;
		top: 0%;
		left: 0%;
		right: 0%;
		margin: 0px;
		padding-top: 8px; /* (50 header height - 34 icons height) / 2 */
		padding-right: 8px;
		text-align: center;
		z-index: 3;
		}
		
	#site-header .social-links li
		{
		display: inline;
		float: none;
		}
		
	#site-header .social-links a,
	#site-header .social-links img
		{
		display: inline-block;
		}
		

	/* ------------------------------ MOBILE NAVIGATION ------------------------------ */
	#jump-to-navigation
		{
		display: block;
		position: absolute;
		top: 0%;
		left: 0%;
		right: 80%;
		height: 50px;
		color: #eee;
		line-height: 50px;
		text-indent: -999em;
		text-align: left;
		transition: 0.25s ease-in-out;
		overflow: hidden;
		background: transparent url(../../images/layout/mobile_navigation@1.png) 8px center no-repeat;
		background-size: auto 30px;
		z-index: 3;
		}
		
	#site-navigation
		{
		position: absolute;
		float: none;
		top: 0px;
		right: 0px;
		left: 0px;
		width: auto;
		padding-top: 50px;
		background-color: #000000;
		z-index: 2;
		}
		
	#site-navigation:target
		{
		background-color: #000000;
		z-index: 3;
		}
		
	#site-navigation li
		{
		padding-left: 0px;
		text-align: left;
		border-bottom: none;
		}
		
	#site-navigation li:first-of-type
		{
		display: list-item;
		}

	#site-navigation a
		{
		display: block;
		height: 0px;
		padding: 0px;
		margin: 0px;
		line-height: 0px;
		overflow: hidden;
		text-decoration: none;
		transition: 0.25s linear;
		border-right: none;
		z-index: 4;
		}
		
	#site-navigation:target a
		{
		position: relative;
		height: auto;
		color: rgba(255, 255, 255, 0.6);
		font-size: 1.6rem;
		line-height: 3;
		overflow: visible;
		border-right: transparent 30px solid;
		border-left: transparent 30px solid;
		border-bottom: #ffffff 1px solid;
		z-index: 1;
		}
		
	#site-navigation:target li:first-of-type a
		{
		border-top: #121010 1px solid;
		}
		
	#site-navigation:target a:hover,
	#site-navigation:target a:active,		
	#site-navigation:target li.on a,
	#site-navigation:target li.on a:hover,
	#site-navigation:target li.on a:active
		{
		color: rgba(255, 255, 255, 1);
		border-right: transparent 30px solid;
		border-left: transparent 30px solid;
		}
		
	#site-navigation li#close-navigation
		{
		position: relative;
		display: block;
		}
		
	#site-navigation li#close-navigation a
		{
		position: absolute;
		top: -60em;
		right: 0em;
		bottom: -60em;
		left: 0em;
		text-indent: -999em;
		overflow: hidden;
		background: none;
		z-index: 0;
		}
	}
	
@media screen and (min-height: 500px)
	{
	/* Fix header on UA above a certain height */
	#site-header
		{
		position: fixed;
		}
	}

@media screen and (max-width: 1060px)
	{
	/* ------------------------------ ABOUT ------------------------------ */
	#about-index #container
		{
		padding-top: 45rem;
		}

	#about-index main
		{
		float: none;
		width: 60%;
		}
	}
	
/* ------------------------------ IPAD Portrait------------------------------ */	
@media screen and (max-width : 1025px)
	{ 
/* ------------------------------ HOME ------------------------------ */	
	#home-index
		{
		background-size: 100%;
		background: #000000 url("../../images/layout/home/bg_portrait_1.jpg") top center no-repeat;
		background-attachment: fixed;
		}
	
	#alternative-background
		{
		/*display: inherit ;
		display: none ;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;	*/
		background-size: 100%;
		background: #000000 url("../../images/layout/home/bg_portrait_2.jpg") top center no-repeat;
		background-attachment: fixed;
		}
    
    #home-index #intro article {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }
    #home-index #proceed-to-content {
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
    }
    #home-index main {
      left: 50%;
      transform: translate(-50%, -50%);
    }
	/* ------------------------------ ABOUT ------------------------------ */

	#about-index
		{
		background: #000 url(../../images/layout/about/background.jpg) no-repeat right top ;
		background-size: auto;
		background-attachment: inherit
		}
	}
	
@media screen and (max-width: 992px) 
{
  #home-index #intro {
    height: 100vh;
  }
}
@media screen and (max-width: 800px)
	{
	/* ------------------------------ HOME ------------------------------ */
	#home-index
		{		
		background: #121010 url("../../images/layout/home/bg_mobil_1.jpg") top center no-repeat;		
		background-size: 100%;
		background-attachment: fixed;
		}
	
	#alternative-background
		{
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;	
		background-size: 100%;
		background: #000000 url("../../images/layout/home/bg_mobil_2.jpg") top center no-repeat;
		background-attachment: fixed;
		}
	
	
	
	
	#home-index main
		{
		width: 90%;
		}

	#home-index #dates,
	#home-index #news
		{
		float: none;
		width: auto;
		padding: 3rem 5%;
		}
    #home-index #dates {
      background: linear-gradient(90deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.1) 100%);
    }
				
	#home-index #news
		{
		margin-top: 3rem;
		}
	
	
	
	/* ------------------------------ DATES INDEX ------------------------------ */
	
	#dates-index
		{
			background: #000000;
		}
	table.dates thead th 
		{
    	font-size: 1.3rem;
		}
	#dates-index .button
		{
		padding: 0px 3px;
		font-size: 1.3rem;
		}


	/* ------------------------------ MUSIC INDEX ------------------------------ */
	#music-index {
		background-attachment: fixed;
	}
	#music-index main > ol
		{
		margin: 0%;
		}
	
	#music-index main > ol > li
		{
		padding: 3rem 0rem;
		}
		
	#music-index main .album-cover,
	#music-index main .album-details
		{
		float: none;
		width: auto;
		}
		
	#music-index main .album-details
		{
		margin-top: 1rem;
		}
		

	/* ------------------------------ MUSIC ENTRY ------------------------------ */
	#music-entry main .album-cover,
	#music-entry main .album-details
		{
		float: none;
		width: auto;
		text-align: left;
		}
		
	#music-entry main .album-cover img
		{
		display: block;
		max-width: 100%;
		}
		
	#music-entry main .album-widget
		{
		float: none;
		width: auto;
		}
		
	#music-entry main .album-description
		{
		float: none;
		width: auto;
		}
	}
	
	
	
@media screen and (max-width: 670px)
	{
	/* ------------------------------ HOME ------------------------------ */
	#home-index #intro article h2 {
    font-size: 2.5rem;
    line-height: 1;
    margin-top: 1rem;
  }
  #home-index #intro article h1 {
    font-size: 3.5rem;
    line-height: 1.4;
  }
	#home-index #intro article img {
    max-width: 150px;
    max-height: 150px
    }
	#home-index
		{		
		background: #121010 url("../../images/layout/home/bg_mobil_1.jpg") no-repeat top center;
		background-size: cover;
		background-attachment: scroll;
		}
	#alternative-background
		{
    visibility: hidden;
		/*display: none;
		position: fixed;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: 0%;
		background: transparent url("../images/bg_mobil_2.jpg") no-repeat top center;
		background-size: cover;
		background-attachment: fixed;*/
		}
	/* ------------------------------ ABOUT ------------------------------ */
	#about-index
		{
		background: #000 url(../../images/layout/about/background.jpg) no-repeat right top ;
		background-size: 200% auto;
		background-attachment: inherit
		}
	
	#about-index #container
		{
		padding-top: 30rem;
		}

	#about-index main
		{
		width: 100%;
		}


	/* ------------------------------ MISC: IMAGE GALLERY ------------------------------ */
	.image-gallery li
		{
		float: left;
		width: 48%;
		}
		
	.image-gallery li:nth-child(n+3),
	.image-gallery li:nth-child(n+4)
		{
		margin-top: 1.5rem;
		}

	.image-gallery li + li
		{
		margin-left: 4%;
		}
		
	.image-gallery li.column-1
		{
		clear: none;
		margin-left: 4%;
		}
		
	.image-gallery li:nth-child(odd)
		{
		clear: both;
		margin-left: 0%;
		}
	}
	
	

@media screen and (max-width: 580px)
	{
	/* ------------------------------ NEWS ------------------------------ */
	#news-index .news .news-image,
	#news-entry main article .news-image
		{
		float: none;
		max-width: 100%;
		margin: 1.6rem 0rem 0rem 0rem;
		}


	/* ------------------------------ MUSIC ------------------------------ */
	#music-index main,
	#music-entry main
		{
		width: 100%;
		padding: 9rem 5%;
		}
    
  footer#site-footer li {
      float: none;
      width: 100%;
    }
	}
	
	

@media screen and (max-width: 480px)
	{
	#site-navigation
		{
		background-color: #000000;
		}
	}
	
	

@media screen and (max-width: 400px)
	{
    
  
    
    
	/* ------------------------------ MISC: IMAGE GALLERY ------------------------------ */
	.image-gallery li
		{
		float: none;
		width: auto;
		}
		
	.image-gallery li + li,
	.image-gallery li.column-1
		{
		margin-top: 1.5rem;
		margin-left: 0%;
		}
		
	.image-gallery img
		{
		width: 100%;
		}
	}


	
/* remove all fancyness from home page */
@media screen and (max-width: 670px)
	{
	/* ------------------------------ HOME ------------------------------ */
	#home-index #intro article
		{
	
	width: 90%;
  -webkit-transform: translate(-50%, -40%);
  -moz-transform: translate(-50%, -40%);
  -o-transform: translate(-50%, -40%);
  -ms-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
  
  /*position: static;
	padding-top: 7rem;
	margin: 0rem auto 0rem auto;
	background: none;*/
   
		}

	#home-index #intro
		{
		height: 95vh;
		}
		
	#home-index #proceed-to-content
		{
    width: 58px;
    height: 58px;
    bottom: 5rem;
		}
    #home-index #container {
      background: url("../../images/layout/home/bg_mobil_2.jpg") top center no-repeat;
      background-size: cover;
    }
    #home-index main {
      position: inherit;
      transform: translate(0, 0);
      left: 0;
      
    }
	}
	
	
	
/* 2x DPI */
@media screen and (min-resolution: 2dppx)
	{
	#jump-to-navigation
		{
		background-image: url(../../images/layout/mobile_navigation@2.png);
		}
		
	#home-index #intro a#close-intro
		{
		/*background-image: url(../../images/layout/home/close_intro@2.png);*/
		}
	}
	
/* 3x DPI */
@media screen and (min-resolution: 3dppx)
	{
	#jump-to-navigation
		{
		background-image: url(../../images/layout/mobile_navigation@3.png);
		}
		
	#home-index #intro a#close-intro
		{
		/*background-image: url(../../images/layout/home/close_intro@3.png);*/
		}
	}
/* Localized */