* {
	margin: 0px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
body {
	background-color: #383838;
	padding-left: calc(100vw - 100%);
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #202020;
}
.page_holder {
	max-width: 960px;
	min-height: 100vh;
	margin: 0 auto;
	background-color: #ffffff;
	box-shadow: 8px 0 10px -5px #202020, -8px 0 10px -5px #202020;
	
}
.hdr {
	width: 100%;
	height: 60px;
	margin: 0px;
	padding-left: 13px;
	padding-right: 13px;
	background-color: #f5ead7;
	background-image: url(jbk.png);
	background-position: right center;
	background-repeat: no-repeat;
}
.hdr_txt {
	font-size: 160%;
}
.hdr_desc {
	font-size: 90%;
}
.emulink {
	cursor:pointer;
}
.secondary_color {
	color: #606060;
}
.secondary_text {
	font-size: 70%;
	color: #606060;
}
.text_desc {
	font-family: Arial;
	font-size: 90%;
	color: #606060;
}
.ctx {
	margin: 10px;
	margin-top: 16px;
	display: inline-block;
}
.marg1 {
	margin-left: 12px;
	vertical-align:middle;
}
.marg2 {
	margin-left: 40px;
	vertical-align:middle;
}
.play_img {
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	vertical-align:middle;
	padding-bottom:3px; /* fix unknown shift */
	width: 32px;
	height: 32px;
}
.app_img {
	margin-left: 4px;
	margin-right: 4px;
	vertical-align:middle;
	/*padding-bottom:3px; *//* fix unknown shift */
	width: 48px;
	height: 48px;
}
.app_img2 {
	margin-right: 4px;
	vertical-align:middle;
	/*padding-bottom:3px; *//* fix unknown shift */
	width: 48px;
	height: 48px;
}
.roundish_frame {
	margin-left: 12px;
	border-radius: 10px;
	border: 1.6px solid #7d6152;
	padding-left: 8px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 7px;
	/*padding-bottom: 3px; *//* fix unknown shift */
	vertical-align:middle;
}
.marg_play_link {
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 8px;
	border-radius: 10px;
	border: 1px solid #202020;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 11px;
	padding-bottom: 11px;
	line-height: 48px;
	white-space: nowrap;
	font-size: 16px; /* fixed size to proof vertical space (for inst. mobile full vesrion) */
}
.gallery_img {
	width: 128px;
	/*height: 213px;*/
}
@media all and (max-width: 320px) {
	.gallery_img {
		width: 140px;
		/*height: 233px;*/
	}
}
@media all and (min-width: 321px) and (max-width: 360px) {
	.gallery_img {
		width: 160px;
		/*height: 267px;*/
	}
}
.gallery2_img {
	width: 192px;
	/*height: 213px;*/
}
@media all and (max-width: 320px) {
	.gallery2_img {
		width: 140px; /*width: 210px;*/ /* for small screen beeter to keep small, same as on top */
		/*height: 233px;*/
	}
}
@media all and (min-width: 321px) and (max-width: 360px) {
	.gallery2_img {
		width: 160px; /*width: 240px;*/
		/*height: 267px;*/
	}
}
.video_iframe {
	width: 560px;
	height: 316px;
	margin-top: 20px;
}
@media all and (max-width: 340px) {
	.video_iframe {
		width: 280px;
		height: 158px;
		margin-top: 5px;
	}
}
@media all and (min-width: 341px) and (max-width: 360px) {
	.video_iframe {
		width: 320px;
		height: 180px;
		margin-top: 5px;
	}
}
@media all and (min-width: 361px) and (max-width: 580px) {
	.video_iframe {
		width: 340px; /* cover all cases, make sure smaller than min width */
		height: 192px;
		margin-top: 5px;
	}
}
@media all and (max-width: 600px) { /* all screens < 600px */
	.marg1 {
		margin-left: 4px;
	}
	.marg_play_link {
		margin-left: 4px;
	}
	.marg2 {
		margin-left: 20px;
	}
	.roundish_frame {
		margin-left: 4px;
	}
}
/*@media all and (max-width: 1024px) { / * all screens < 1024px * /
	.page_holder {
		width: 100%
	}
}*/
.ico3 {
	margin-left: 4px;
	vertical-align:middle;
}
.inl {
	display: inline-block;
}