/* Style definitions for page agenda -----------------------------------------*/

div.text_2
  {padding: 0}	

img.flyer
  {max-width: 100%;
   max-height: 100%;
	object-position: top left;
	border-bottom: 1px solid var(--grey);
	border-right: 1px solid var(--grey);
	box-sizing: content-box}  
  
@media only screen and (max-width: 1000px)
{
	div.grid
	  {grid-template-columns: repeat(2, 160px) 320px;
		grid-template-rows: 50px 160px repeat(2, 320px);
	   grid-template-areas:
			"logo sok sok"
			"logo menu top"
			"left middle text_1"
			"corner corner text_2"}
			
	div.text_2
	  {display: block}				
}	

@media only screen and (max-width: 680px)
{	
	div.grid
	  {grid-template-columns: 160px minmax(160px, 240px);
		grid-template-rows: 50px 160px auto 160px 50px;
		grid-template-areas:
			"logo sok"
			"logo top"
			"menu text_1"
			"corner text_1"
			"text_2 text_2"}			
		
	img.middle
	  {display: none}
	  
	div.menu > a:last-child > div:not(.sub) 
	  {border-bottom: 1px solid var(--blue)}
	
	img.flyer
	  {max-width: none;
		max-height: none;
		width: 100%;
		border-bottom: none;
		border-right: none;
		margin-bottom: 30px}
}

@media only screen and (max-width: 400px)
{ 
	img.flyer
	  {pointer-events: none}
}