input#burger {
	display: none;
}
#jump-to-top{
	display: none;
}
#logo{
	padding-bottom:50px;
}
#logo a{
	font-size: 30px;
	font-weight: 600;
	color: #000033;
	text-decoration: none !important;
	font-style: italic;
	letter-spacing: 1px;
}
#menu{
	margin-top:10px;
}
#content .date{
	padding-bottom:3px;
}
#content h3{
	margin:3px 0px 3px 0px;
}
@media only screen and (max-width: 599px) {
	*{
		box-sizing: border-box;
	}
	html {
	  scroll-behavior: smooth;
	}
	body {
		margin: 0;
		font-size:110%;
		width:100%;
	}
	#box{
		width: 100%;
	}
	#header {
		position: relative;
	}
	#logo{
		width:auto;
		margin-top: 15px;
		padding-bottom: 0px;
	}
	#logo img{
		width: 100%;
		height:auto;
		max-width: 210px;
	}
	#jump-to-top{

		text-align: center;
		font-weight:bolder;
		text-decoration: none !important;
		color: #666;
		width: 30px;
		height:30px;
		line-height:30px;
		font-size:20px;
		border:1px solid #ccc;
		xxxbackground-color: hsla(255, 255, 255, 0.75);
		background: #fff;
		transform:rotate(-90deg);
		position:fixed;
		z-index:1001;
		bottom:10px;
		right:10px;
	}
	#jump-to-top::before{

	}
	label.burger {
		display: block;
		background: #fff;
		width: 30px;
		height: 28px;
		position: absolute;
		top:0px;
		right:0px;
		margin-top:-12px;
		margin-bottom: 0.5em;
		margin-left: auto;
		margin-right: auto;
	}

	label.burger .line {
		margin-top:-4px;
		position: absolute;
		height: 3px;
		background: #666;
		border-radius: 0px;
		width: 80%;
		display: block;
		left:10%;
		transition: 0.5s;
		transform-origin: center;
	}

	label.burger .line:nth-child(1) { top: 8px; }
	label.burger .line:nth-child(2) { top: 16px; }
	label.burger .line:nth-child(3) { top: 24px; }

	#burger:checked + .burger .line:nth-child(1) {
		transform: translateY(8px) rotate(-45deg);
	}

	#burger:checked + .burger .line:nth-child(2) {
		opacity:0;
	}

	#burger:checked + .burger .line:nth-child(3) {
		transform: translateY(-8px) rotate(45deg);
	}
	#burger:checked + .burger  + #menu {
		width: 100%;
		height: auto;
		max-height: 600px;
		padding: 0px 0px 30px 0px;
		overflow-y: auto;
	}

	#menu {
		float:left;
		clear:both;
		width: auto;
		height: auto;
		margin-top: 30px;
		max-height:0;
		overflow: hidden;
		transition: all 0.5s;
	}
	#menu * {
		/** hide text-nodes **/
		color:#fff;
		display:block;
	}
	#menu p img{
		display:none;
	}
	#menu p a{
		display:block;
		border-bottom: 1px #ccc solid;
		padding-bottom:10px;
	}
	#language{
		position: absolute;
		top:28px;
		right:0px;
	}

	#content{
		float: left;
		clear:both;
		width: 100%;
		padding-top: 0px;
	}
	#content .xclear{
		display:table;
		height:auto;
	}
	#content .xclear .left{
		width: 100%;
		display:table-footer-group;
		float:none;

	}
	#content .xclear .header,
	#content .xclear .right{
		width: 100%;
		display:table-header-group;
		float:none;
		xxx_display:none;
	}
	#content li {
	    font-size: 100%;
	}
	#content li a{
		display: block;
		padding: 10px 0px 10px 0px;
		border-bottom: 1px #ccc solid;
		width: 100%;
	}
	#content ul li:last-of-type a{
	  border-bottom: none;
	}
	#content .list{
		width: 100%;
	}
	#content img {
		width: 100%  !important;
		height: auto !important;
	}


	#footer{
		width: 100%;
	}
}

@media only screen and (min-width: 600px ) {

}

@media only screen and (min-width: 980px ) {

}

@media only screen and (min-width: 1260px ) {

}