/*
                    .-'''-.                                            
                   '   _    \                .---.                     
 __  __   ___    /   /` '.   \ /|        .--.|   |      __.....__      
|  |/  `.'   `. .   |     \  ' ||        |__||   |  .-''         '.    
|   .-.  .-.   '|   '      |  '||        .--.|   | /     .-''"'-.  `.  
|  |  |  |  |  |\    \     / / ||  __    |  ||   |/     /________\   \ 
|  |  |  |  |  | `.   ` ..' /  ||/'__ '. |  ||   ||                  | 
|  |  |  |  |  |    '-...-'`   |:/`  '. '|  ||   |\    .-------------' 
|  |  |  |  |  |               ||     | ||  ||   | \    '-.____...---. 
|__|  |__|  |__|               ||\    / '|__||   |  `.             .'  
                               |/\'..' /     '---'    `''-...... -'    
                               '  `'-'`                               

*/

/* responsive rules for mobile */

body{
	min-width: 0 !important;
	width: 100% !important;
}
div#wrapping{
	width: calc(100% - 0) !important;
	max-width: 100% !important;
	margin: 3em 0 !important;
}
section#issues{
	display: block !important;
	grid-template-columns: none !important;
	grid-template-rows: none !important;
	grid-auto-flow: unset !important;
	width: calc(100% - 30px) !important;
}
section#intro.endpoint,
section#info.endpoint{
	position: relative !important;
	width: calc(100% - 50px) !important;
	left: 0 !important;
	height: auto !important;
	margin-left: 30px !important;
	margin-right: 20px !important;
	padding: 0 !important;
	font-size: 16px !important;
	line-height: 1.9 !important;
	hyphens: auto !important;
}
body section#issues .issue[data-cycle="1"],
body section#issues .issue[data-cycle="2"],
body section#issues .issue[data-cycle="3"],
body section#issues .issue[data-cycle="4"],
body section#issues .issue[data-cycle="5"],
body section#issues .issue[data-cycle="6"]{
	margin-top: 0 !important;
}
section#issues .issue{
	width: 100% !important;
	margin: 0 0 50px 0 !important;
}
section#issues .issue.future{
	display: none  !important;
}
section#issues .issue-title, 
section#issues .issue-nr, 
section#issues .issue-abstract, 
section#issues .issue-date, 
section#issues .issue-text{
	margin:20px;
	padding:0;
	height: auto;
}
	section#issues .issue-title, 
	section#issues .issue-nr{
		line-height: 50px;
		margin-left: 60px
	}
	section#issues .issue-nr{
		max-width: 75%;
	}
	section#issues .issue-abstract{
		margin-bottom:0;
	}
	section#issues .issue-date{
		margin-top:0;
		margin-left: 60px
	}
	section#issues .issue.future div.issue-img{
		min-height: 0;
	}
a:hover{
	opacity: 1;
}
