@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap');

#goog-gt-tt
{
    display:none!important;
}

font {
  background-color: transparent !important;
  box-shadow: none !important;
}

html {
	margin: 0 auto;
}

body {
	width: calc(100vw-40px);
	margin: 0 auto;
	padding: 0;
	font-family: arial;
	background: oklch(93.9% 0.031 331.695);
	font-size: 1em;
}

#container { 
	margin: 0 auto;
	padding: 0 0;
	height: 100%;
}

.top_menu_anchor {
	margin: 0 auto; 
	padding: 0;
	height: 0;
	z-index: 2;
	clear: both;
}

#top_menu_block {
	width: 100%;
	max-height: 25vh;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
}
 
 #lang_choice {
	position: fixed;
	top: 4px;
	left: 15px;
 }
 
.transl {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}

.header_text {
	color: #003366;
	text-align: center;
}
.header_text h1 {
	font-family: "Zen Old Mincho", serif;
	color: oklch(41.77% 0.2223 264.53);
	font-weight: 900;
	font-size: 4em;
	margin: 0 0;
	padding: 1vh 0;
	/*text-shadow: -2px 1px 1px oklch(96.17% 0.1177 108.57);*/
}

.header_text h1 a {
	font-family: "Zen Old Mincho", serif;
	color: oklch(41.77% 0.2223 264.53);
	font-weight: 900;
	text-decoration: none;
}

.header_text h2 {
	color: oklch(41.77% 0.2223 264.53);
	font-size: 2em;
	margin: 0;
	padding: 0;
}

.header_text h2 a {
	color: oklch(41.77% 0.2223 264.53);
	text-decoration: none;
}

.signature {
	font-family: "Zen Old Mincho", serif;
	font-weight: 900;
	font-style: normal;
	font-size: 1.5em;
}

.header_date_block {
	/*width: 22vw;*/
	background: oklch(51.97% 0.2142 266 / 70%);
	max-width: 35%;
	max-height: 85%;
	position: absolute;
	top: 5px;
	right: 10px;
	border: 2px solid oklch(96.17% 0.1177 108.57);
	font-size: .75em;
	font-weight: bold;
	margin: 5px;
	border-radius: 6px;
	box-shadow: -5px 10px 8px #444444;
}

.header_date_block dl {
	margin: 5px;
}

.header_date_block dt {	
	color: #FFFFFF;
	text-align: center;
	margin: 0 0;
	
}

.header_date_block dd {
	
	color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: 0 0 0 2px;
	margin: 0 0;
}

#menu_hamb {
	position: absolute;
	top: 40px;
	left: 15px;
	padding: 0 1px;
	border-style: solid;
	border-color: #FFFF33;
	border-width: 3px;
	border-radius: 8px;
	box-shadow: -3px 3px 2px #222222;
	cursor: pointer;
}

#menu_hamb img {
	display: block;
	height: 25px;
}
	
#top_menu {	
	display: none;
	position: absolute;
	top: 55px;
	left: 65px;
	color: #FFFFFF;
	padding: 10px 5px 5px 5px;
	border-style: solid;
	border-color: #FFFF33;
	border-width: 3px;
	border-radius: 8px;
	box-shadow: -4px 7px 6px #222222;
}

#menu_x, #articles_list_x {
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(255, 255, 255, .8);
	color: #000000;
	font-weight: bold;
	font-size: 1.3em;
	cursor: pointer;
	padding: 1px 5px;
	border-radius: 0 0 0 5px;
}

#articles_list_x {
	position: sticky;
	float: right;
}

#top_menu ul {
	margin: 3px;
	padding: 0;
}
#top_menu li {
	list-style-type: none;
	padding: 2px 0;
	margin: 15px;
	cursor: pointer;
}

#top_menu a, .lang_button {
	background: #003366;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	padding: 5px 8px;
	margin: 5px 2px;
}

.lang_button {
	display: inline-block;
	border-radius: 2px;
	padding: 2px 2px;
	margin: 2px 2px;
	cursor: pointer;
}

#articles_menu_list {
	display: none;
	position: fixed;
	top: 50px;
	left: 70px;
	max-width: 80vw;
	max-height: 85vh;
	background: rgba(255,255,255,.9);
	overflow-y: auto;
	border-radius: 8px;
}

#articles_menu_list dl {
	margin: 10px;
}

#articles_menu_list dt {	
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

#articles_menu_list dd {
	display: block;
	font-size: 1.1em;
	margin: 8px 0;
	padding: 5px;
	background: oklch(0.9294 0.0528 104.82 / 76.9%);
}

.preview_pic_frame {
	max-width: 10vw;
	float: right;
	margin-left: 5px;
}

div.menu_article .preview_pic_frame {
	max-width: 6vw; /* defines max width of the preview pic in the articles page menu */
}

.preview_pic_frame img {
	width: 100%;
}

#top_menu a:hover, .lang_button:hover {
	background: #CC0000;
}

#top_menu a.active, .lang_button.active {
	background: #CC0033;
}

.top_slide {
	position: relative;
	padding: 0 0 0 0;
	height: 100vh;
	width: 100%;
}

.top_slide:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left:0;
  right:0;
}

.top_slide, .top_slide:before {
  background: 50% 50% / cover;  
}

.slide {
	position: relative;
	top: 0;
	left: 0;
	padding: 0 0 0 0;
	height: 100vh;
	width: 100%;
}

.slide:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left:0;
  right:0;
}

.slide, .slide:before {
  background: 50% 50% / cover;  
}

.guide {
	position: static;
}

.guide div {
	position: absolute;
	bottom: 0;
	left: 52vw;
	background: oklch(51.97% 0.2142 266 / 60%);
	color: #FFFFFF;
	margin: 2vh 0;
	font-size: 1.4em;
	padding: 5px 10px;
	border-style: solid;
	border-color: oklch(96.17% 0.1177 108.57);
	border-width: 3px;
	border-radius: 8px;
	box-shadow: -5px 10px 8px #222222;
}

#guide_text .art_list {
	cursor: pointer;
}

.text_box, .info_box, article {
	background: oklch(51.97% 0.2142 266 / 60%);
	color: #FFFFFF;
	font-size: 1.2em;
	border-style: solid;
	border-color: oklch(96.17% 0.1177 108.57);
	border-width: 3px;
	border-radius: 8px;
	height: 100%;
	margin: 2vh 1vw;
	padding: 1% 2%;
	box-shadow: -5px 10px 8px #222222;
}
.info_box {
	margin: 2vh 1vw;
	padding: 5px;
	max-height: 100%;
}
	
article {
	padding: 0 10px 10px 10px;
}

article p a {
	color: #FFFFCC;
	text-decoration: none;
}

article p a:hover {
	text-decoration: underline;
}

.byline, .permalink, .publisher, .date_modified {
	display: inline;
	font-size: .7em;
}

.publisher img {
	vertical-align: -7px;
}

.permalink a {
	color: #FFFFCC;
}

.related_articles {
	font-size: .85em;
	background: oklch(45.2% 0.313214 264.052 / 50%);
	border-radius: 5px;
	padding: 5px;
	margin: 5px 0 0 0;
}

.related_articles div {	
	font-weight: bold;
}

.related_articles a {
	color: #FFFFCC;
	text-decoration: none;	
}

.related_articles a:hover {
	color: #FFFFAA;
	text-decoration: underline;	
}

.text_inner {	
	max-height: 71vh;
	overflow-y: auto;
}

.info_text_inner {
	max-height: 90vh;
	overflow-y: auto;
}

.info_text_inner a {
	text-decoration: none;
}

.text_inner_small {
	max-height: 30vh;
	overflow-y: auto;
}

.text_box a {
	color: #FFFFAA;
	text-decoration: none;
}

.text_box a:hover {
	text-decoration: none;
}

.box_title h3, article h3 {
	font-size: 1em;
}

.box_title, article h3 {
	text-align: center;
	font-weight: bold;
	color: #FFFF99;
	/*border-bottom: 1px solid #FFFF99;*/
}

.box_title a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.box_title h3, .box_title h4 {
	margin: 0;
	padding: 0 0 3px 0;
}

.box_title h5 {
	color: #FFFFCC;
	font-size: .7em;
	padding: 1px 0 0 0;
	margin: 0 0;
}

article h3 {	
	margin: 0;
	padding: 3px 0 0 0;
	border: none;
}

article h4, .text_inner h4 {
	text-align: center;
	font-size: .7em;
	padding: 0 0 3px 0;
	margin: 0;
	/*border-bottom: 1px solid #ED6639;*/
}


.menu_cat h3 {
	text-align: left;
	font-size: .9em;
	border: solid 1px #ffffff;
	margin: 0;
	padding: 7px 2px 7px 3px;
	cursor: pointer;
}


.menu_article_container {
	position: absolute;
	right: 12%;
	width: 18vw;
}

.menu_item {
	position: relative;
	top: -4px;
	left: 0;
}

.menu_article {
	position:static;
	display: none;
	color: #FFFFFF;
	background: oklch(30.87% 0.2139 264.05);
	padding: 2px;
}

.menu_article_description {
	display: none;
	position: absolute;
	top: 20%;
	left: -125%;
	display: none;
	background: oklch(94.91% 0 0);
	color: #000000;
	max-width: 20vw;
	padding: 5px;
	border: 2px solid #000000;
	border-radius: 7px;
	z-index: 1;
} 

div.menu_cat:hover > div div.menu_article {
	display: block;
}

div.menu_cat:hover > h3 {
	color: #000099;
	font-weight: bold;
	font-size: 1.2em;
	border: 3px #FF0000 solid;
}


.menu_item:hover > .menu_article_description {
	display: block;
}

.text_box p {
	margin: 1.5% 0 0 0;
	line-height: 100%;	
}

.text_box video, article video {
	width: 100%;
	margin: 2px 0 0 0;	
}

.pic_box {
	background-color: oklch(30.87% 0.2139 264.05);
	margin: 0 5%;
	padding: 1% 0 1% 1.5%;
	border-radius: 8px;
}


.pic_box .pic_cell {
	position: relative;
	width: 32%;
	margin: 0 1% 0 0;
	float: left;
}

.pic_box .caption {
	display: none;
	/*background: rgba(0,0,0,.7);*/
	color: #FFFFCC;
	padding: 3px 6px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.pic_box img, .info_pic_box img {
	width: 100%;
}

.link_box a {
	display: block;
	/*background: rgba(0,0,255,.6);*/
	font-size: .9em;
	color: #FFFFCC;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 2px;
	padding: 1px 2px;
	margin: 5px 0;
}

.link_box a:hover {
	background: #FFFFFF;
	color: #000000;
}

.link_box a.active_link {
	/*background: rgba(255,255,175,.8);*/
	color: #CC0022;
	font-size: .8em;
}
.link_box a span {
	color: #000099;
}

.info_box_inner div.link_box a span {
	color: #FFFFCC;
}

.link_box a hr {
	color: #FFFFFF;
	margin: 5px 0;
	padding: 0 0;
}

.link_box a.active_link span {
	color: #000000;
}

.link_box p {
	font-size: .9em;
	/*background: rgba(0,0,0,.4);*/
}
.menu_article .active_link {
	background: #CC0022;
	color: #FFFFFF !important;
}

.menu_cat .menu_article span {
	color: #FFFFCC !important;
}

.menu_cat .menu_article a:hover span, .menu_cat .menu_article .active_link:hover, .menu_cat .menu_article .active_link:hover span  {
	color: #000000 !important;
}

.half {
	width: 50%;
	float: left;
}

.width_70 {
	width: 70%;
	float:left;
}

.width_80 {
	width: 80%;
	float:left;
}

.width_20 {
	width: 20%;
	float:left;
}

.width_30 {
	width: 30%;
	float: left;
}

.width_29 {
	width: 29vw;
	float: left;
}

.width_33 {
	max-width: 33.3%;
	float: left;
}

.width_25_0 {
	width: 25%;
}

.width_30_0 {
	width: 30%;
}

.width_45_0 {
	width: 45%;
}

.width_49_0 {
	width: 49%;
}

.width_100_0 {
	width: 100%;
}

.message_response {
	background: #FFFFFF;
	color: #000000;
	padding: 3px;
	margin-top: 1em;
}

.red {
	color: #FF3300;
}

.spacer_1 {
	clear: both;
}

.ttip span, .ttip span a{
	color: #FFFF55;
	text-decoration: underline;
	text-decoration-style: double;
	cursor: context-menu;
}

.ttip span a{
	cursor: pointer;
}

.ttip span a:hover{
	text-decoration: inherit;
	color: #FF00FF;
}

.small_text {
	font-size: .6em;
}

#ajax_target {
	display: none;
	cursor: zoom-out;
	background: rgba(0,0,0,.7);
	text-align: center;
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 16;

}

#ajax_target .text_box {
	background: #003366;
}

#ajax_target img {
	max-width: 90vw;
	max-height: 90vh;
	margin-top: 5vh;
}

#ajax_target p {
	display:block;
	width: 100%;
	font-size: 1.2em;
	text-align: center;
	background: rgba(0,0,255,.8);
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	margin: 0 0;
}

#ajax_target p a {
	color: #FFFFFF;
}

#x_box {
	display: none;
	position: fixed;
	top: 1vh;
	right: 1vw;
	font-family: verdana;
	font-size: 1.5em;
	font-weight: bold;
	color: #EEEEEE;
	text-decoration: underline;
	cursor: pointer;
	z-index: 17;
}

.inner, #top_section .inner {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
}

#top_section .inner {
	width: 100%;
	margin: 19vh 0 1vh 0;
}

.float_r  {
	float: right;
}

.noborder {
	border: none;
}

.rss_block span {
	font-size: .8em;
}
.rss_block p {
	font-size: .8em;
}
.rss_top {
	position: sticky;
	top: 0;
	background: oklch(96.17% 0.1177 108.57);
	color: #000000;
	padding: 0 5px;
	margin: 0 8px;
}

.rss_block hr {
	clear: both;
}
.rss_block form {
	margin: 0 0;
	padding: 0 0;
}

#feed_result_box {
	background: #FFFFFF;
	color: #000000;
	padding: 0 5px;
	margin: 0 8px;
}

#feed_result_box a {
	color: #000099;
	display: block;
	background: #DDDDDD;
	padding: 3px;
}

#feed_result_box a:hover {
	font-weight: bold;
}


.feed_error {
	font-weight: bold;
}
/*
#top_section .inner {
	margin: 19vh 0 0 0;
}
*/

#top_section {
	background-image: url("/images/ritsuko_sakurajima.jpg");
	background-attachment: fixed; 
}

#section_1 {
	background-image: url("/images/Bob_Ritsuko_apt_1975_2_sepia.jpg");
	background-attachment: fixed;
}

div.content {
	padding: 19vh 0 1vh 0;
	height: 100%;
}

.pic_frame_small, .pic_frame_med, .pic_frame_large, .video_frame_small, .video_frame_med, .video_frame_large {
	background-color: oklch(41.77% 0.2223 264.53);
	color: #FFFFCC;
	border-radius: 4px;
}

.pic_frame_small, .video_frame_small {
	width: 25%;
}

.pic_frame_med , .video_frame_med {
	width: 49%;
	
}

.pic_frame_large, .video_frame_large {
	width: 100%;
}

.pic_frame_small img, .pic_frame_med img, .pic_frame_large img {
	width: 100%;
	cursor: zoom-in;
}

.video_frame_small video, .video_frame_med video, .video_frame_large video {
	width: 100%;
	margin: 0 0;
}

.video_frame_small iframe, .video_frame_med iframe, .video_frame_large iframe {
	width: 100%;
	height: 50vh;
	margin: 0 0;
	border: none;
}

.video_frame_large iframe {

	height: 75vh;
}

.pic_frame_small p, .pic_frame_med p, .pic_frame_large p, .video_frame_small p, .video_frame_med p, .video_frame_large p {
	font-size: .9em;
	text-align: center;
	padding: 2px 2px;
	margin: 0 0;
}

.vertical {
	writing-mode: vertical-lr;
	text-orientation: upright;
	border: solid 1px #FFFFFF;
	padding: 2px 4px;
	border-radius: 5px;
}

.ital {
	font-style: italic;
	font-size: .8em;
	font-weight: bold;
}

.left {
	float: left;
	margin: 5px 1% 2px 0;
}

.right {
	float: right;
	margin: 5px 0px 2px 1%;
}

.center_box {
	margin: auto;
}

.clr_r {
	clear: right;
}

.clr_l {
	clear: left;
}

.clr {
	clear: both;
}

.center {
	text-align: center;
}

.underline {
	text-decoration: underline;
}

.bold, .hilite {
	font-weight: bold;
}

.sticky {
	position: sticky;
	top: 0;
}

.user_sitemap ul {
	list-style-type: none;
}

.user_sitemap a {
	color: #FFFFCC;
	text-decoration: none;
}

.user_sitemap a:hover {
	text-decoration: underline;
	font-weight: bold;
}

footer {
	background: #000000;
	color: #FFFFCC;
	text-align: center;
	padding: 5vh 0;
}

footer .bottom_menu {
	padding-bottom: 8px;
}
footer .bottom_menu ul, footer .bottom_menu li {
	display: inline;
	margin: 0 0;
	padding: 0 4px;
}
footer a {
	color: #FFFFCC;
	text-decoration: underline;
}

footer a:hover {
	font-weight: bold;
	text-decoration: none;
}

/* BEGIN  @media  screen queries   */

@media screen and (max-width: 1100px) {
	body { 
		font-size: .9em; 
	}
		 #lang_choice {
		position: absolute;
		top: 4px;
		left: 15px;
	 }
		div.header_date_block { 
		display: block;
		font-size: .6em; 
		max-height: 100%;
   }
   .header_date_block dl {
	margin: 1px;
}
   	.header_text h1 { 
		font-size: 2.5em; 
   }
   	.header_text h2 { 
		font-size: 1.5em; 
   }

	  
   	.transl {
	height: 26px !important;
	overflow: hidden !important;
	}
}

@media screen and (max-width: 1100px) and (orientation: landscape) {
	body { 
		font-size: .9em; 
	}
	 #lang_choice {
		position: absolute;
		top: 4px;
		left: 15px;
	 }

		div.header_date_block { 
		display: block;
		font-size: .5em; 
		max-height: 100%;
   }
   .header_date_block dl {
	margin: 1px;
}
   	.header_text h1 { 
		font-size: 2.5em; 
   }
   	.header_text h2 { 
		font-size: 1.5em; 
   }
      #top_section .inner {
	margin: 24vh 0 2vh 0;
   }
#top_section .text_inner {
	max-height: 58vh;
}
#section_1 .info_text_inner, #section_1 .text_inner {
	max-height: 87vh;
}
.transl {
	height: 26px !important;
	overflow: hidden !important;
	}
}

@media screen and (max-height: 590px) and (orientation: landscape) {
	div.header_date_block { 
		display: block;
		font-size: .7em; 
		max-height: 100%;
   }
   .header_date_block dl {
	margin: 1px;
}
   	.header_text h1 { 
		font-size: 3em; 
   }
   	.header_text h2 { 
		font-size: 1.5em; 
   }

#top_section .text_inner {
	max-height: 70vh;
}

}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	body { 
		font-size: .9em; 
	}
	 #lang_choice {
		position: absolute;
		top: 4px;
		left: 15px;
	 }
		div.header_date_block { 
		display: block;
		font-size: .5em; 
		max-height: 100%;
   }
   .header_date_block dl {
	margin: 1px;
}
   	.header_text h1 { 
		font-size: 2.5em; 
   }
   	.header_text h2 { 
		font-size: 1.5em; 
   }
      #top_section .inner {
	margin: 19vh 0 2vh 0;
   }
#top_section .text_inner {
	max-height: 64vh;
}
#section_1 .info_text_inner, #section_1 .text_inner {
	max-height: 87vh;
}
.transl {
	height: 26px !important;
	overflow: hidden !important;
	}
}
@media screen and (max-width: 800px) and (orientation: portrait){
	body { 
		font-size: .9em; 
	}
	 #lang_choice {
		position: absolute;
		top: 4px;
		left: 15px;
	 }
		div.header_date_block { 
		display: block;
		font-size: .5em; 
		max-height: 100%;
   }
      	.header_text h1 { 
		font-size: 1.75em; 
   }
   	.header_text h2 { 
		font-size: 1.25em; 
   }
         #top_section .inner {
	margin: 12vh 0 2vh 0;
   }
    
#top_section .text_inner {
	max-height: 75vh;
}
  .menu_cat h3 {
	word-break: break-all;
  }
   	.transl {
	height: 26px !important;
	overflow: hidden !important;
	}
}

@media screen and (max-width: 800px) and (orientation: landscape){
	body { 
		font-size: .9em; 
	}
	 #lang_choice {
		position: absolute;
		top: 4px;
		left: 15px;
	 }
		div.header_date_block { 
		display: block;
		font-size: .4em; 
		max-height: 100%;
   }
      	.header_text h1 { 
		font-size: 1.5em; 
   }
   	.header_text h2 { 
		font-size: 1em; 
   }
         #top_section .inner {
	margin: 15vh 0 2vh 0;
   }
    
#top_section .text_inner {
	max-height: 70vh;
}
  .menu_cat h3 {
	word-break: break-all;
  }
   	.transl {
	height: 26px !important;
	overflow: hidden !important;
	}
}

@media screen and (max-width: 700px) and (orientation: landscape) {
	body { 
		font-size: .85em; 
	}
	 #lang_choice {
		position: absolute;
		top: 4px;
		left: 15px;
	 }
		div.header_date_block { 
		display: none;
		font-size: .4em; 
		max-height: 100%;
   }
      	.header_text h1 { 
		font-size: 1.25em; 
   }
   	.header_text h2 { 
		font-size: 1em; 
   }
         #top_section .inner {
	margin: 22vh 0 2vh 0;
   }
    
#top_section .text_inner {
	max-height: 56vh;
}
#section_1 .info_text_inner, #section_1 .text_inner {
	max-height: 85vh;
}
  .menu_cat h3 {
	word-break: break-all;
  }
   	.transl {
	height: 26px !important;
	overflow: hidden !important;
	}
}

@media screen and (max-width: 600px) and (orientation: portrait) {
	body { 
		font-size: .9em; 
	}
	 #lang_choice {
		position: absolute;
		top: 4px;
		left: 15px;
	 }
		div.header_date_block { 
		display: none;
		font-size: .4em; 
		max-height: 100%;
   }
      	.header_text h1 { 
		font-size: 1.25em; 
   }
   	.header_text h2 { 
		font-size: 1em; 
   }
         #top_section .inner {
	margin: 15vh 0 2vh 0;
   }
    
#top_section .text_inner {
	max-height: 70vh;
}
  .menu_cat h3 {
	word-break: break-all;
  }
   	.transl {
	height: 26px !important;
	overflow: hidden !important;
	}
}

@media screen and (max-width: 600px) and (orientation: landscape) {
	body { 
		font-size: .85em; 
	}
	 #lang_choice {
		position: absolute;
		top: 4px;
		left: 15px;
	 }
		div.header_date_block { 
		display: none;
		font-size: .4em; 
		max-height: 100%;
   }
      	.header_text h1 { 
		font-size: 1.25em; 
   }
   	.header_text h2 { 
		font-size: 1em; 
   }
         #top_section .inner {
	margin: 23vh 0 2vh 0;
   }
    
#top_section .text_inner {
	max-height: 55vh;
}
#section_1 .info_text_inner, #section_1 .text_inner {
	max-height: 85vh;
}
  .menu_cat h3 {
	word-break: break-all;
  }
   	.transl {
	height: 26px !important;
	overflow: hidden !important;
	}
}


@media screen and (max-width: 420px) and (orientation: portrait) {
	body { 
		font-size: .9em; 
	}
	 #lang_choice {
		position: absolute;
		top: 4px;
		left: 15px;
	 }
		div.header_date_block { 
		display: none;
		font-size: .4em; 
		max-height: 100%;
   }
      	.header_text h1 { 
		margin: 0 0 0 75px;
		font-size: 1.25em; 
   }
   	.header_text h2 { 
		margin: 0 0 0 75px;
		font-size: 1em; 
   }
         #top_section .inner {
	margin-top: 15vh;
   }
    
#top_section .text_inner {
	max-height: 70vh;
}
  .menu_cat h3 {
	word-break: break-all;
  }
   	.transl {
	height: 26px !important;
	overflow: hidden !important;
	}
}

/*  END @media screen queries  */