/* Smaller core font for smaller screens */ 
@media screen and (max-height:960px)
{
	:root
	{
		--size-core:1.6rem;
	}
}

/* Panning removal and wider main content */
@media screen and (max-width: 150vh)
{
	.layer_videos_picture img.panning
	{
		height:100vh;
		width:auto;
	}
	
	img.panning
	{	
		height:100vh;
		width:auto;
	}
		
	.layer_news_container
	{	
		transform:translateX(0vw);
		width:58vw;
	}
	
	.layer_news_container.full
	{
		transform:translateX(21vw);
	}	
	
	.anime
	{
		display:none;
	}
}

/* Smaller ratio mode : only one side */
@media screen and (max-width: 133vh), (max-width: 980px)
{
	.layer_news_container
	{
		background:yellow;
		width:calc(100vw - 10rem);
		transform:translateX(calc(-98vw + 10rem));
	}
	
	.layer_news_container.full
	{
		transform:translateX(0);
	}
	
	.layer_videos_inner
	{
		width:98vw;
		right:0;
		transform:translateX(0);
	}
	
	.layer_videos_inner.hidden
	{
		transform:translateX(calc(98vw - 10rem));
	}
	
	.layer_videos_container
	{
		width: calc(100% - 10rem);
		margin-left:10rem;
	}
	
	.layer_videos_picture 
	{
		top: 0vh;
		left: 0vh;
		width: 98vw;
		height: 100vh;
		
		overflow: hidden;
	}
	
	.layer_videos_picture img.panning
	{
		left:-4vw;
	}
	
	.cookie_notice
	{
		width:calc(100vw - 10rem);
		padding-right:10rem;
	}
}

/* Small menu and mobile size text */
@media screen and (max-width: 75vh), (max-width: 980px)
{
	/* Mobile phone, portraits. Ratio smaller than 1.0 */
	:root
	{  		
		--size-core:1.6rem;
		--size-giant:calc(var(--size-core) * 1.1);
		--size-big:calc(var(--size-core) * 1.1);
		--size-abitmore:calc(var(--size-core) * 0.6);
		--size-normal:calc(var(--size-core) * 0.56);
		--size-menu:calc(var(--size-core) * 0.8);
		--size-smaller:calc(var(--size-core) * 0.4);
		--size-small:calc(var(--size-core) * 0.5);
		--size-icon:calc(var(--size-core) * 0.7);
	}
	
	.article
	{		
		padding-left:3rem;
		padding-top:3rem;
		padding-bottom:3rem;
		padding-right:3rem;
	}
	
	
	.article img.logo
	{
		padding:0;
		margin:0;
		width:auto;
		height:5rem;
		position:absolute;
		left:auto;
		right:3rem;
		bottom:0px;
	}
	
	.appear.right
	{
		padding:0;
		
		position:absolute;
		left:0;
		top:250px;
		height:2em;
		width:100%;
		
		display: flex;
		justify-content: center;
		flex-direction: column;	
	}
	
	.appear.right p
	{
		width:50%;
		padding-right:1em;
	}

	
	.icon.big
	{
		margin-top:0.4em;
		transform:scale(1.0,1.0);
		transform-origin: 0% 0%;
	}
	
	.appear.right::before
	{
		left:0;
		border-radius:0;
	}
	
	.handle
	{
		background:none;
	}
	
	.layer_news_container
	{
		background:yellow;
		width:calc(100vw - 3rem);
		transform:translateX(calc(-98vw + 3rem));
	}	
	
	.layer_videos_inner.hidden
	{
		transform:translateX(calc(98vw - 3rem));
	}
	
	.layer_videos_container
	{
		width: calc(100% - 3rem);
		margin-left:3rem;
	}
	
	
	
	.logo
	{
		width:2rem;
		height:2rem;
		margin:0.5rem;
		margin-bottom:1.5rem;
	}
	
	.menu ul.right 
	{
		bottom:4rem;
	}
	
	.icon.deployed
	{
	}
	
	.icon.deployed .caption
	{
		display:none;
	}
	
	.menu
	{
		width:3rem;
	}
	
	.menu a
	{
		width:3rem;
	}
	
	.icon.deployed
	{
		pointer-events:none;
		width:2rem;
		margin-left:0.5rem;
	}
		
	.grid_container
	{
		height:calc(100% - 4rem);
	}
	
	.grid 
	{  	
		max-width:calc(100% - 2rem);
	  	margin-top:3rem;
	  	margin-bottom:3rem;
  		margin-left:1rem;
  		margin-right:1rem;
	}
		
	.icon.top
	{
		background:var(--color-grey);
		border-color:var(--color-dark-border);
	}
	
	.grid-item.selected .icon.top
	{
		background:var(--color-highlight);
	}
	
	.icon.top::before
	{
		color:var(--color-hover);
	}
	
		
	.icon.inactive
	{
		background:none;
		border-color:var(--color-light-transparency);
	}
	
	.icon.inactive::before
	{
		color:var(--color-light-transparency);
	}
			
	.icon.top
	{
		top:-2.5em;
		left:auto;
		right:0.5em;
	}
		
	.gridContentInner
	{		
		height:100%;
		width:100%;
	  	padding:0.5em;
	}
		
	.contentBox .article .layer p
	{
		padding-left:2em;
		padding-right:2em;
	}
		
	.article h1
	{
		margin-left:0.5em;
		text-indent: 0em;
	}
	
		
	.article p
	{
		text-align:left;
	}
		
	.footer 
	{
		margin-left:3rem;
		width: calc(100% - 3rem);
		vertical-align:center;
	}
	
	.footer p
	{
		top: 50%;
  		transform: translateY(-50%);
		font-size:1vw;
	}
	
	.handle
	{
		background-position:left 50% center;
	}
	
	.content_header_caption
	{
		padding-left:2em;
		padding-right:2em;
	}
	
	.content_header_caption h4
	{
		text-align:left;
		max-width: calc(100% - 3em);
	}
	
	.cookie_notice
	{
		width:calc(100vw - 3rem);
		padding-right:3rem;
	}
	
	.article h1
	{
		bottom:100%;
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
		padding-bottom:0.1em;
	}
	
	.article h1:after
	{
		top: calc(50% - 0.1em);
	}
	
	.gridTitle, .gridDate
	{
		margin-left:0.5em;
	}
}

@media screen and (max-height: 720px)
{	
	.menu ul.right 
	{
		display:none;
	}
	
		
	.grid 
	{
		margin-top:1rem;
	}
			
	.anime
	{
		display:none;
	}
	
	.logo
	{
		display:none;
	}
	
	.menu ul.right 
	{
		bottom:4rem;
	}
	
	.handle
	{
		background:none;
	}
	
}

@media (-webkit-min-device-pixel-ratio: 2) 
{
	body:before 
	{
		line-height: 2.025em;
	}

}

body 
{
	-webkit-text-size-adjust: none;
}