/* Mobile Responsive Styles for Post Scriptum */

@media screen and (max-width: 768px) {
	body {
		min-width: 0;
		padding: 0;
	}
	
	/* Hide complex navigation elements */
	#topRuler, #bottomRuler, #verticalRuler, .topicDimension {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		overflow: hidden !important;
	}
	
	.geoMark, .geoMarkSelected, .genreMark, .genreMarkSelected, .topicMark, .topicMarkSelected, .dateMark {
		display: none !important;
		visibility: hidden !important;
	}
	
	.topicMark a, .topicMarkSelected a {
		display: none !important;
	}
	
	/* Simplify layout structure */
	.rightmenu, .colright, .colleft {
		width: 100%;
		float: none;
		position: static;
		right: auto;
		left: auto;
	}
	
	.rightColumn {
		width: 100%;
		float: none;
		position: static;
		top: auto;
		left: auto;
		right: auto;
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
		background: #fff;
		z-index: auto;
		border-bottom: 1px solid #ddd;
		text-align: left;
	}
	
	.rightColumn > div {
		display: block;
		text-align: left;
	}
	
	.rightColumn > div > a {
		display: block;
		text-align: left;
	}
	
	.logoImg {
		max-width: 150px;
		height: auto;
		display: block;
		margin: 0;
	}
	
	.motto, #currentTime, #searchBlock, #exportBlock, #scriptumBlock, #bazhenovBlock, #fluoBlock {
		display: none !important;
	}
	
	.psLabelMain {
		display: none !important;
	}
	
	.stream-ps {
		display: none !important;
	}
	
	.infoTitle {
		display: none !important;
	}
	
	.externals-underline {
		display: none !important;
	}
	
	#repertorium, #repertory, #visualSearchBlock {
		display: none !important;
	}
	
	.articleMeta {
		display: none !important;
	}
	
	#mainContent .articleMeta {
		display: none !important;
	}
	
	#head {
		display: none !important;
	}
	
	.siteInfo {
		display: none !important;
	}
	
	#footer {
		display: none !important;
	}
	
	.contentColumn {
		width: 100%;
		float: none;
		position: static;
		left: auto;
		right: auto;
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
	}
	
	.leftmenu, .leftmenu .rightColumn {
		width: 100%;
		float: none;
		position: static;
		left: auto;
		background: transparent;
	}
	
	#mainContentContainer, #mainContent {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		font-size: 100%;
	}
	
	.subContentContainer {
		border: none;
		background: transparent;
	}
	
	.subContent {
		width: 100%;
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
	}
	
	#leftBodyInfoBlock {
		display: none;
	}
	
	.articleBodyTeaserBlock {
		margin-left: 0;
	}
	
	.articleBodyTeaserBlock:nth-of-type(1) {
		order: 2;
	}
	
	.articleBodyTeaserBlock:nth-of-type(2) {
		order: 1;
	}
	
	.articleBodyTeaserBlock:nth-of-type(3) {
		order: 3;
	}
	
	.headImgBlock, .bodyImgBlock, .bodyVideoBlock, .centeredContainer {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	
	.bodyImgBlock img, .headImgBlock img {
		width: 100%;
		height: auto;
	}
	
	.articleBodyTeaser img, .articleBodyTeaser iframe, 
	.articleBodyTeaser object, .articleBodyTeaser embed {
		max-width: 100%;
		height: auto;
		margin: 0.5em 0;
	}
	
	.currentTitle {
		font-size: 180%;
	}
	
	.articleHeadTeaser {
		font-size: 120%;
	}
	
	.streamArticleHeadTeaser {
		width: 100%;
		padding: 0.5em;
		font-size: 120%;
	}
}

@media screen and (max-width: 480px) {
	.currentTitle {
		font-size: 140%;
	}
	
	.articleHeadTeaser {
		font-size: 100%;
	}
	
	#mainContent {
		font-size: 90%;
	}
	
	.logoImg {
		max-width: 120px;
	}
}