.frontpage h1 {
	color: white;
}

.frontpage h4 {
	font-weight: 700;
	margin: 0;
	padding: 0;
	line-height: 22px;
	color: white;
	/*
	margin: 0;
	padding-top: 33px;
	padding-bottom: 3px;
	font-size: 17px;
	
	text-align: center;
	color: #2E3876;
	*/
}

#banner {
	min-height: 66%;
	overflow:hidden;
	background: black;
}

@media screen {
	.frontpage h1 {
		font-size: 8vw;
		margin: 0;
		padding: 0;
		line-height: 29px;
		white-space: nowrap;
	}
	.five {
		width: 166px;
		margin: 98px auto 0;
	}
	.section {
		width: 74%;
		margin: 0 auto;
	}
	#main-welcome {
		height: 146px;
		background: url("../images/welcome.jpg") no-repeat center;
		background-size: auto 100%;
	}
	.ps {
		display: inline-block;
		width: 11px;
	}
}

@media screen and (min-width: 576px) {
	.frontpage h1 {
		font-size: 33px;
		margin: 0;
		padding: 0;
		line-height: 29px;
	}
	
	.five {
		width: 233px;
		margin: 98px auto 0;
	}
	/*
	.section {
		width: 66%;
		margin: 0 auto;
	}*/
	.section {
		width: 74%;
		margin: 0 auto;
	}
	#main-welcome {
		height: 170px;
		background: url("../images/welcome.jpg") no-repeat center;
		background-size: auto 100%;
	}
	.ps {
		display: inline-block;
		width: 11px;
	}
}

@media screen and (min-width: 576px) and (max-height: 450px){
	.frontpage h1 {
		font-size: 33px;
		margin: 0;
		padding: 0;
		line-height: 29px;
	}
	
	.five {
		width: 133px;
		margin: 33px auto 0;
	}
	/*
	.section {
		width: 84%;
		margin: 0 auto;
	}*/
	.section {
		width: 62%;
		margin: 0 auto;
	}
	#main-welcome {
		height: 170px;
		background: url("../images/welcome.jpg") no-repeat center;
		background-size: auto 100%;
	}
	.ps {
		display: inline-block;
		width: 11px;
	}
}
	

@media screen and (min-width: 768px) {
	.frontpage h1 {
		font-size: 33px;
		margin: 0;
		padding: 0;
		line-height: 29px;
	}
	
	.five { 
		width: 233px;
		margin: 98px auto 0;
	}
	/*
	.section {
		width: 66%;
		margin: 0 auto;
	}*/
	.section {
		width: 44%;
		margin: 0 auto;
	}
	#main-welcome {
		height: 170px;
		background: url("../images/welcome.jpg") no-repeat center;
		background-size: auto 100%;
	}
	.ps {
		display: inline-block;
		width: 11px;
	}
}

@media screen and (min-width: 1024px) {
	.frontpage h1 {
		font-size: 33px;
		margin: 0;
		padding: 0;
		line-height: 29px;
	}
	
	.five { 
		width: 233px;
		margin: 98px auto 0;
	}
	#main-welcome {
		height: 170px;
		background: url("../images/welcome-wide9.jpg") no-repeat center;
		background-size: auto 100%;
	}
	.ps {
		display: inline-block;
		width: 56px	;
	}
}

#topleft {
	width: 74%;
	height:100%;
	display:inline-block;
}

#topleft img {
	max-width: 100%;
	height: auto;
}

#topright {
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

#topright img {
	max-height: 100%;
	max-width: 100%;
}

#international {
	width: 100%;
}

#international img {
	max-width: 100%;
	height: auto
}

#logo-jsfree img {
	max-width: 100%;
	height: auto;
}

.star {
	position: relative;
	vertical-align: top;
	margin-top: 1px;
	opacity: 0;
	animation-fill-mode: forwards;
}

.whitestar {
	animation-name: star-white;
	animation-duration: 3200ms;
	animation-delay: 2500ms;
}

.greenstar {
	animation-name: star-green;
	animation-duration: 3s;
	animation-delay: 1700ms;
}

.yellowstar {
	animation-name: star-yellow;
	animation-duration: 3s;
	animation-delay: 1200ms;
}

.bluestar {
	animation-name: star-blue;
	animation-duration: 3s;
	animation-delay: 700ms;
}

.redstar {
	position: relative;
	opacity:0;
	animation: star-red 3s ease 0s 1 normal;
	animation-fill-mode: forwards;
}

@keyframes star-white {
	from  {left:0px;top:-200px;opacity:0}
	to {transform:rotate(360deg);left:0px;top:0px;opacity:1}
}

@keyframes star-green {
	from  {left:0px; top:-300px;opacity:0}
	to {transform:rotate(360deg); left:0px; top:0px;opacity:1}
}

@keyframes star-yellow {
	from  {left:0px; top:-400px;opacity:0}
	to {transform:rotate(360deg); left:0px; top:0px;opacity:1}
}

@keyframes star-blue {
	from  {left:0px; top:-500px;opacity:0}
	to {transform:rotate(360deg); left:0px; top:0px;opacity:1}
}

@keyframes star-red {
	from  {left:0px; top:-700px;opacity:0}
	to {transform:rotate(720deg); left:0px; top:0px;opacity:1}
}

#main-welcome {
	width: 100%;
}

#main-5s {
	width: 100%;
	padding: 0;
	margin: 0;
	background: white;
	overflow: hidden;
	min-height: 800px;
	background: url("../images/buddha garden2.jpg") no-repeat center;
	background-size: cover;
}

.pillars {
	width: 100%;
	height: 44px;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	display:flex;
	align-items: center;
	justify-content: center;
}

.section p {
	color: white;
}

.section .they-say {
	font-size: 26px;
}

.section .home-is {
	font-size: 29px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

.section .passion-of-fitness {
	font-size: 17px;
	line-height: 1.7;
}