/* Colors:
	blue menu: #002a43
	blue homepage: #0a2941
	gray: #b3c0cd
 */
 
 /* Common */
 html, body{
	 font-family: 'Smooch Sans', sans-serif;
	 margin:0;
	 color:#002a43;
	 font-size:36px;
 }
 div{
	 margin:0;
	 padding:0;
	 display:block;
 }
 p, img, ul, h1, h2, h3{
	 margin:0;
	 padding:0;
 }
 h1,h2,h3,h4,h5{
	 font-family: 'Roboto Mono', monospace;
 }
 ul{
	 list-style-position: inside;
 }
 li{
	 margin:0;
	 padding:0;
 }
 img{
	
 }
 p{
	 margin-top:0.8em;
 }
 a, a:visited{
	 text-decoration:none;
	 margin:0;
	 padding:0;
	 border:0;
	 outline: none;
	 color:#002a43;
 }
a img{     
	border: 0; 
	outline: none;
} 

/* Adaptative font size */
 @media all and (max-width: 1920px) {
	body #news_scroller{
		width:25%;
	}
	#albums .album{
	 width:14.7%;
	}
 }
 @media all and (max-width: 1600px) {
	html, body{
	 
	}
	div.menu{
		font-size:0.9em;
	}
	#news .news_item, #artists .artist{
		 width:32%;
	 }
	body img.album_cover{
		 width:45%;
	 }
	#albums .album{
	 width:14.3%;
	}
 }
 @media all and (max-width: 1400px) {
	html, body{
	 font-size:32px;
	}
	body img.album_cover{
		 width:50%;
	}
	#albums .album{
	 width:14%;
	}
 }
 @media all and (max-width: 1200px) {
	html, body{
	 font-size:30px;
	}
	body #news_scroller{
		width:30%;
	}
	body img.album_cover{
		 width:55%;
	}
	#albums .album{
	 width:13.8%;
	}
	body #page_header h1{
		 top:22%;
	 }
	div.menu{
		font-size:0.8em;
	}
 }
 @media all and (max-width: 900px) {
	 #news .news_item, #artists .artist{
		 width:100%;
	 }
	 #news .news_item.even, #artists .artist.even{
		 margin:0;
	 }
	 #news .news_item h3, , #artists .artist h3{
		 font-size:1.5em;
	 } 
	 #news .news_item h4{
		 font-size:1em;
	 } 
	 
	 #albums .home_album h3{
		 font-size:1em;
	 } 
	 #albums .home_album h4{
		 font-size:0.7em;
	 } 
	 #albums .home_album h5{
		 font-size:0.7em;
	 } 
	 
	 #albums .album{
		 width:80%;
		 padding:3%;
		 margin:1em 7%;
	 } 

	html, body{
	 font-size:30px;
	}
	body #logo{
	   width:50%;
	}
	body #page_header h1{
		 top:10%;
	}
	body #news_scroller{
		width:40%;
	}
	body img.album_cover{
		 width:70%;
	}
 } 
 
 @media all and (max-width: 800px) {
	body #news_scroller{
		width:50%;
	}
	body img.album_cover{
		 width:75%;
	}
 } 	
 @media all and (max-width: 600px) {
	body .menu select{
	   top:0.8em;
	}
	body #page_header h1{
		 top:0;
		 font-size:1.6em;
	}
	body #news_scroller{
		width:65%;
	}
	body img.album_cover{
		 width:85%;
	}
 } 	
/* Page */
 body{
	 margin:0 auto;
	 max-width:1920px;
	 padding:2.3%;
 }
 #page{
	 overflow:hidden;
 }
 #top{
	 overflow:hidden;
 }
 #logo{
	 width:26%;
	 float:left;
 }
 #logo img{
	 width:100%;
 }
 /* Header */
 #header_image{
	 width:100%;
 }
	
 /* Menu */
 #main_menu{
	float:right;
	margin-top:0.2em;
 }
 .menu{ 
	color:#b3c0cd;
	font-size:1em;
	text-transform:uppercase;
 }
 .menu ul{
	 float:left;
	 display:block;
	 margin:0;
	 list-style-type:none;
 }
 .menu li{
	 float:left;
	 display:block;
 }
 .menu .menu_link, .menu .menu_link:visited{
	 color:#b3c0cd;
 }
 .menu .menu_link.active{
	 color:#002a43;
	 font-weight:bold;
 }
 
 .lang_switcher, .lang_switcher:visited{
	 margin-left:1.6em;
	 color:#002a43;
	 font-size:1em;
	 font-weight:bold;
	 text-transform:uppercase;
 }
 
 /* Mobile nav */
 .menu select{
	background:#fff;
	color:#002a43;
	border:none;
	-webkit-appearance: none;
	position:absolute;
	font-size:0.8rem;
	position:absolute;
	top:1em;
	right:15%;
 }
 .menu select option{
	border:none;
	-webkit-appearance: none;
	
 }
 
 /* Main */
 #main{
	clear:both;
	overflow:hidden;
 }
 
 /* Home Social */
 #social{
	 width:100%;
	 text-align:center;
	 margin-top:1em;
 }
 #social img{
	 width:2.2%;
 }
 
 /* Home news */
 #news{
	 clear:both;
	 overflow:hidden;
	 margin-bottom:1.8em;
 }
 #news h2{
	 font-family: 'Smooch Sans', sans-serif;
	 text-align:center;
	 text-transform:uppercase;
	 margin:0.3em 0 0.5em 0;
	 font-size:1.8em;
 }
 #news h3{
	 text-align:center;
	 text-transform:uppercase;
	 font-size:1em;
	 padding:0;
	 margin:1em 0 0 0;
 } 
 #news h4{
	 font-weight:normal;
	 text-align:center;
	 text-transform:uppercase;
	 font-size:0.7em;
	 padding:0;
	 margin:0 0 2em 0;
 } 
 #news .news_item_link, #news .news_item_link:visited{
	 color:#0a2941;
 }
 .news_item{
	 float:left;
	 display:inline;
	 width:32.2%;
	 border:1px solid #b3c0cd;
	 margin-bottom:0.5em;
 }
 .news_item img{
	 width:100%;
 }
 .news_item.second{
	 margin:0 1.5%;
	 margin-bottom:0.5em;
 }
 .news_item.third{
	 float:right;
 }
 /* Home albums */
 #albums{
	 background:#002a43;
	 color:#0a2941;
	 padding:1.8em 0;
	 overflow:hidden;
 }
 #albums h2{
	 font-family: 'Smooch Sans', sans-serif;
	 text-align:center;
	 text-transform:uppercase;
	 font-size:1.8em;
	 color:#fff;
 }
 #albums h3{
	 text-align:center;
	 text-transform:uppercase;
	 font-size:1em;
	 padding:0;
	 margin:0.5em 0 0.7em 0;
	 line-height:1em;
 } 
 #albums h4{
	 text-align:center;
	 text-transform:uppercase;
	 font-size:0.7em;
	 font-weight:normal;
	 padding:0;
	 margin:0 0 0 0;
 } 
 #albums h5{
	 font-weight:normal;
	 text-align:center;
	 text-transform:uppercase;
	 font-size:0.7em;
	 padding:0;
	 margin:1em 0 0.5em 0;
 } 
 #albums .album_link, #albums .album_link:visited{
	 color:#0a2941;
 }
 .album{
	 float:left;
	 display:inline;
	 width:15%;
	 padding:0.4em;
	 margin:0.4em;
	 background:#fff;
 }
 .album img{
	 width:100%;
 }
 .album.first{
	 margin-left:5.5%;
 }
 /* Page header */
 #page_header{
	 clear:both;
	 overflow:hidden;
	 position:relative;
 }
 #page_header h1{
	 position:absolute;
	 color:#fff;
	 text-align:center;
	 text-transform:uppercase;
	 top:30%;
	 width:100%;
	 z-index:10;
 }
 
 
  /* Page news */
 .page_news #news{
	margin-top:0.5em; 
 }
 .page_news h1{
	 font-family: 'Smooch Sans', sans-serif;
 }
 .page_news-item h1{
	 margin-top:0.2em;
	 font-size:2.2em;
	 color:#0a2941;
	 text-align:center;
 }
 .page_news-item h2{
	 font-size:1.6em;
	 font-weight:normal;
	 color:#0a2941;
	 text-align:center;
 }
 .page_news-item .news_text{
	 font-size:1.1em;
	 color:#0a2941;
	 text-align:center;
	 margin-bottom:1em;
 }
 #news_scroller{
	 text-align:center;
	 margin:0 auto;
	 width:20%;
	 overflow:hidden;
 }
 #news_scroller .text{
	 float:left;
	 display:inline;
	 background:#a6b8c6;
	 color:#fff;
	 padding:0.1em 1em;
	 margin:0 1em;
	 text-transform:uppercase;
 }
 #news_scroller .back, #news_scroller .forward{
	 float:left;
	 display:inline;
	 margin:0 auto;
 }
 
 /* Page Albums */
 #albums{
	 
 }
 .page_albums h1, .page_album  h1{
	 font-family: 'Smooch Sans', sans-serif;
 }
 img.album_cover{
	 width:35%;
	 margin-top:1em;
 }
 .page_album #main{
	 text-align:center;
 }
 
 .page_album h3{
	 text-align:center;
	 text-transform:uppercase;
	 font-size:1em;
	 padding:0;
	 margin:0;
 } 
 .page_album h4{
	 text-align:center;
	 text-transform:uppercase;
	 font-size:0.7em;
	 font-weight:normal;
	 padding:0;
	 margin:0;
 } 
 .page_album h5{
	 font-weight:normal;
	 text-align:center;
	 text-transform:uppercase;
	 font-size:0.7em;
	 padding:0;
	 margin:0;
 } 
 .album_text{
	 margin-bottom:1em;
 }
 #buy_link{
	 margin-bottom:2em;
	 margin-top:1em;
 }
 a.buy_link, a.buy_link:visited{
	 background:#a6b8c6;
	 color:#fff;
	 text-transform:uppercase;
	 padding:0.2em 1em;
 }
 #albums h1.other_albums_title{
	color:#fff;
	text-transform:uppercase;
	padding:0;
	margin:0;
 }
 .page_album #albums{
	padding-top:0.5em;
 }
 
 /* Artists */
 #artists{
	 margin-top:0.5em;
 }
 .artist{
	 float:left;
	 display:inline;
	 width:32.2%;
	 border:1px solid #b3c0cd;
	 margin-bottom:0.5em;
 }
 .artist img{
	 width:100%;
 }
 .artist.second{
	 margin:0 1.5%;
	 margin-bottom:0.5em;
 }
 .artist.third{
	 float:right;
 }
 .artist h3{
	 text-align:center;
	 text-transform:uppercase;
	 padding-bottom:0.1em;
 }
 .page_artist h1{
	 text-align:center;
	 font-family: 'Smooch Sans', sans-serif;
 }
 .page_artist .bio{
	 text-align:center;
	 margin-bottom:1em;
	 font-size:1.1em;
 }
 
 .page_profil h1, .page_media h1, .page_contact h1{
	 font-family: 'Smooch Sans', sans-serif;
 }
 
 /* footer */
 #footer{
	margin-top:3em;
	text-align:center;
}
#footer img{
	width:70%;
}