/* --- Create your own CSS Here */


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {...}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}



.jh-button {
	height: 60px;
	min-height: 60px;
	max-height: 60px;
	width: auto;
	max-width: 750px;
	justify-content:space-between;
	padding-left: 6vw;
	padding-right: 6vw;
}

.jh-menu-button {
	height: 60px;
	min-height: 60px;
	max-height: 60px;
	width: auto;
	max-width: 750px;
	background-image: url("../img/42996.png");
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
	justify-content:space-between;
	padding-left: 6vw;
	padding-right: 6vw;
	
}

.jh-menu-button-main {
	height: 60px;
	min-height: 60px;
	max-height: 60px;
	width: auto;
	max-width: 750px;
}


 .jh_button_icon {
	width: auto;
	height: 70%;
 }


.jh_icon {
	width:36px;
}

.jh_toolbar_inner {
	width: 100%;
	max-width: 550px;
	margin: auto;

}

.jh_toolbar_outer {
	border-radius: 0px 0px 0px 0px;
	padding-top: 10px;
}


.jh_home_logo{ 
  height: auto;
  width: 25%!important;
  max-width: 250px!important;
  //margin-bottom: 15vh;
 }

.jh_home_menu {
	//height: calc(100vh - 160px);
	height: 80vh;
	max-height: 80vh;
	width: 100%;
	max-width: 750px;
	padding-top: 40px;
  	//margin-top: 40px;
  //padding-top: 30px;
  border-radius: 40px 40px 40px 40px;
}

.jh_members_card { 
	max-width: 750px!Important;
  margin: auto;
  border-color: #ffffff;
 }

.jh_home_button{ 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 50px;
  height: 60px;
  margin: auto;
 }

 .jh_home_link{ 
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
 }



.jh_page_banner{ 
  height: 40vh;
  border-radius: 0px 0px 0px 15vh;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding-right: 1.5em;
 }


 .jhc_webview {
	height: calc(100vh - 140px);
	min-height: calc(100vh - 140px);
	max-height: calc(100vh - 140px);
		
 }