/* New Page Hero treatments */
.standardPageHero{
	background-size: cover;
	background-position: center center;
	position:relative;
}

.standardPageHero div{
	text-align: center;
}

.standardPageHero .col-md-12{
    display: flex;
	align-items: center;
	justify-content: center;
	min-height: 508px;
	position: static;
}

.standardPageHero.mediumHero .col-md-12{
    display: flex;
	align-items: center;
	justify-content: center;
	min-height: 380px;
	position: static;
}

.standardPageHero .row {
	display: flex;
	flex-direction: column;
}

.standardPageHero .headline span{
	position: relative;
}

/* DIAMOND OVERLAY */
.standardPageHero.heroOverlay:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-image:url(/static/weizmannimages/overlaydiamonds2x.png);
	background-size:12px 17px;
	background-repeat: repeat;
	opacity:0.1;
}

.particles-bg {
	padding-top: 60px;
}

.particles-bg:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-image:url(/static/weizmannimages/triangle_particles.png);
	background-size:509 131;
	background-repeat: no-repeat;
	background-position: center top;
	opacity:1;
}

.standardPageHero .pageHero {
	position: relative;
}

.width-xl .pageHero {
	max-width: 100%;
}	

.pageHero {
	max-width: 640px;
	margin: auto;
	padding: 0 5px;
}

.pageHero h1{
    text-align: center;
}

.pageHero .headerBanner{
    min-width: 200px;
    margin:0; 
    padding: 6px 35px;
    background-color: #fff;
    display: inline-block;
    color: #21343f;
    font-weight: 700;
    letter-spacing: 5px;
    position: relative;
    z-index: 2
}
.pageHero p{
    font-size: 18px;
    color: #fff;
    text-shadow: 0 1px 1px #000000;
}
.pageHero .headline, .pageHero .headline p{
	line-height: 1.4;
	color: #FFFFFF;
	font-family: Merriweather;
	font-size: 40px;
    font-weight: normal;
	text-align: center;
	text-shadow: 0 1px 1px #000000;
	font-weight: 400;
	margin: 20px 0;
}


@media screen and (min-width: 768px) {
	.standardPageHero > div {
		margin-bottom: 55px;
	}
}

@media screen and (max-width: 767px) {
	.standardPageHero .col-md-12 {
		min-height: 538px;
	}
	
	.pageHero .headerBanner {
		font-size: 14px;
		padding: 10px 20px;
		line-height: 18px;
		min-width: 285px;
	}
	.pageHero .headline, .pageHero .headline p {
		font-size: 36px;
	}
	.standardPageHero .col-md-12 {
		padding: 0;
		float: none;
	}
}	

@media screen and (max-width: 540px) {
	.particles-bg {
		padding-top: 30px;
	}
}