/* Start with core styles outside of a media query that apply to mobile and up */
/* Global typography and design elements, stacked containers */
body, .ui-btn, h2, td { font-family: 'Josefin Sans', sans-serif; }
H1 { color: green; }
h2,h3 { text-decoration:underline;}
h2 {padding-top:0vw;}
a:link { color:purple; }


/* Stack the two content containers */
.main,
.sidebar { display:block; width:100%; }

.juke-responsive .ui-block-a,
.juke-responsive .ui-block-b,
.juke-responsive .ui-block-c {
	width: 100%;
	float: none;
}

/* Collapsing borders */
.juke-responsive > div + div .ui-body {
	border-top-width: 0;
}



.essentialHeader, .logoFont, .essentialMain, .essentialFooter,.scrollAnimate
{
	opacity:0;
}

.essentialMain
{
	padding-top: 2vw;
	padding-bottom: 0vw;
}



.headerButtons button.ui-btn, .headerButtons button.ui-btn-active, .headerButtons button.ui-btn.ui-btn-a:hover
{
	width: 100%; 
	background-color:#FF7A1F;
	color:white;
	text-shadow:black;
	font-size:2vw;
}

@media all and (orientation:portrait)
{
	
	.ertLogo {width: 90%;}
	.logoFont { font-size: 6vw; font-weight:bold; color:#FF7A1F;margin-top:5vw;margin-bottom:5vw;}
	p,li,h3,td {font-size: 5vw;}
	.paraSpacer {font-size: 2.5vw;}
	h2 {font-size: 5.2vw;}
	.jukeFooterLogo {width: 25vw;}	
	.ui-navbar li .ui-btn{font-size: 3vw;}
	ul li .ui-btn{font-size: 3vw;}
	.treatmentImg,.contactTable { width:85%;}
	.treatmentInfo{ text-align:justify; width:85%;}
	.pricingInfo{ text-align:center; width:85%;}
	.membershipInfo{ text-align:center; width:85%;}
	.logoArea {width: 75%;padding-top:0vw; padding-bottom:0vw;}
	.buttonsArea{width:25%}
	.ertButton{font-size: 2.5vw; width:100%;}
	.essentialHeader
	{	
		background-image:url('../img/ESRT_Header_1.png');
		background-size:cover;
		background-position:center;
	}
	.infoPopup, .ui-popup-container{top: 17vw;left: 2vw;}
	.essentialMain
	{
		padding-top: 4vw;
		padding-bottom: 4vw;
	}
	.resolveLogo{width: 60%;}
	.alphaLogo{width: 50%;}
	.facebookButton,.instagramButton{display: block; width: 100%;}
	.facebookButtonLandscape,.instagramButtonLandscape{display: none;}
}

@media all and (orientation:landscape)
{
	.ertLogo {width: 70%;}
	.logoFont { font-size: 4.2vw; font-weight:bold; color:#FF7A1F; margin-top:1vw;margin-bottom:1.5vw;width:100%;}
	p,li,h3,td {font-size: 2vw;}
	.paraSpacer {font-size: 1vw;}
	h2 {font-size: 3vw;}
	.jukeFooterLogo {width: 12vw;}
	.ui-navbar li .ui-btn{font-size: 1vw;}
	ul li .ui-btn{font-size: 1vw;}
	.treatmentImg { width:45%;}
	.treatmentInfo{ text-align:justify; width:85%;}
	.pricingInfo{ text-align:justify; width:85%;}
	.membershipInfo{ text-align:center; width:85%;}
	.contactTable{width: 50%;}
	.logoArea {width: 80%;padding-top:1.5vw; padding-bottom:1.5vw;}
	.buttonsArea{width:25%}
	.headerButtons button.ui-btn{font-size: 1.0vw;}
	.ertButton{font-size: 1.5vw; width: 50%;}
	.contactDetailsTable{width: 80%;}
	.essentialHeader
	{	
		/*background-image:url('../img/Sample_header.jpg');*/
		background-image:url('../img/ESRT_Header_1.png');
		background-size:cover;
		background-position:center;
	}
	.infoPopup, .ui-popup-container{top: 6vw;left: 0.8vw}
	.essentialMain
	{
		padding-top: 1.5vw;
		padding-bottom: 1.5vw;
	}
	.resolveLogo{width: 33%;}
	.alphaLogo{width: 25%;}
	.facebookButton,.instagramButton{display: none;}
	.facebookButtonLandscape{display: block; width:100%;padding-bottom:3vw;}
	.instagramButtonLandscape{display: block; width:100%;}
}