body
{
	font-family: arial;
	font-size: 18px;
	line-height: 1.72222;
	color: #2A3B4C;
	/* background-color: #ffffff; */
	/* background-color: #E5F2FF; */
	/* YH background: */
	background: url(https://yourhebrew.com/wp-content/uploads/2020/11/kotel2b2.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	background-size: cover;
}

p 
{
	margin: 0 0 15px;
}

h1
{
	margin-top: 10px;
	margin-bottom: 10px;
}

li
{
	font-size: 20px;
	margin-bottom: 14px;
}

.wrapper
{
	max-width: 1000px;
	margin: 0px auto;
	background: #FFFFFF;
}

.shadow-box
{
	-webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.27);
	-moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.27);
	box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.27);
}

.content
{
/*	padding: 0 calc(13.5% - 35px); *//* 1000px --> 100px; 300px --> 5.5px */
	padding: 0 calc(20% - 100px); /* 1000px --> 100px; 560px --> 12px */
}

.header_text {
    line-height: 120%;
    text-align: center;
/*    font-family: helvetica;
    font-size: 28px; */
	font-family: arial;
	font-size: 36px;
    font-weight: 900;
    letter-spacing: -1px;
    text-shadow: 1px 1px 0.75px white, 1.5px 1.5px 4px #888888;
	margin-top: 0;
    margin-bottom: 15px;
}

.subheader_text {
    text-align: center;
    line-height: 120%;
/*    font-family: helvetica;
    font-size: 24px; */
	font-family: arial;
	font-size: 27px;
    font-weight: 900;
    text-shadow: 1px 1px 0.75px white, 1px 1px 3px #888888;
	margin-top: 0;
    margin-bottom: 15px;
}

.sub-subheader_text {
    font-size: 22px;
    text-shadow: 1px 1px 0.75px white, 0.75px 0.75px 2.25px #888888;
	text-align: left;
	font-style: italic;
}

.red_text
{
        color: #990000;
}

.tscplayer_inline 
{
	max-width: 100%;
	/* height: auto !important; */
	margin: 0px auto !important;
}

.dashed_box
{
	max-width:600px;
	margin: 20px auto 20px;
	border:7px #2A3B4C dashed;
	padding: 20px 20px 20px 20px;
}

.footer
{
	text-align:center;
	padding-bottom: 20px;
	line-height:140%;
	font-size:14px;
	text-align: center;
}

@media only screen and (min-width:560px) and (max-width: 900px) {
	body {
		font-size: 17px;
		margin: 0;
		line-height:1.6;
	}
	li {
		font-size: 18px;
	}
	.header_text {
		font-size: 4vw;
		letter-spacing: -0.1vw;
		text-shadow: 0.15vw 0.15vw 0.1vw white, 0.2vw 0.2vw 0.6vw #888888;
	}
	.subheader_text {
		font-size: 3.4vw;
		text-shadow: 0.15vw 0.15vw 0.1vw white, 0.15vw 0.15vw 0.45vw #888888;
	}
	.sub-subheader_text {
		font-size: 2.5vw;
		text-shadow: 0.15vw 0.15vw 0.1vw white, 0.1vw 0.1vw 0.3vw #888888;
	}
	.tsc-smartplayer .video-click-to-play-link {
/*		max-width: calc(100% - 20% + 100px - 20% + 100px); */
		max-width: 100%;
	}
}

@media only screen and (max-width: 559px) {
	body {
		font-size: 16px;
		margin: 0;
		line-height:1.4;
	}
	li {
		font-size: 18px;
	}
	.content  {
		padding: 0 5px;
	}
	.header_text {
		font-size: 22px;
		letter-spacing: -0.5px;
		text-shadow: 0.75px 0.75px 0.5px white, 1px 1px 3px #888888;
	}
	.subheader_text {
		font-size: 19px;
		line-height:1.4;
		text-shadow: 0.75px 0.75px 0.5px white, 0.75px 0.75px 2.25px #888888;
	}
	.sub-subheader_text {
		font-size: 14px;
		text-shadow: 0.75px 0.75px 0.5px white, 0.5px 0.5px 1.5px #888888;
	}
	.dashed_box
	{
		margin: 20px auto 20px;
		border:5px #2A3B4C dashed;
		padding: 10px;
	}
}

@media screen and (max-width: 532px)
{
	.responsive-video-container
	{
		position: relative;
		overflow: hidden;
		padding-top: 76.25%;
	}
	.responsive-video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
}