.page-banner {
	position : relative;
	background-image : url(../images/banner/bg-pattern.png);
	background-size : 100% auto;
	background-position : top center;
	background-repeat : no-repeat;

}
.page-banner img {
	width : 100%;
}
.page-banner h1 {
	position : absolute;
	top : 130px;
	font-size : 45px;
	font-weight : 400;
	z-index : 2;
}
.page-banner + #primary {
	padding-top : 0;
	margin-top : -40px;
	position : relative;
	z-index : 2;
}
@media screen and ( max-width : 1920px ){
	.page-banner h1 {
		top : 6.771vw;
	}
	.page-banner + #primary {
		margin-top : -2.083vw;
	}
}
@media screen and ( min-width : 769px ){
	.groups-banner .mobile ,
	.page-banner .mobile {
		display : none;
	}
}
@media screen and ( max-width : 768px ){
	.page-banner {
		background-image : none;
	}
	.groups-banner .desktop ,
	.page-banner .desktop {
		display : none;
	}
	.page-banner h1 {
		font-size : 35px;
		top : 11.719vw;
	}
}

.members-banner {
	height : 283px;
	background-image : url(../images/banner/members-banner.png);
	background-size : cover;
	background-position : left center;
}
.members-banner .td:first-child {
	width : 91px;
	background-image : url(../images/banner/members-banner-deco.png);
	background-size : auto 100%;
	background-position : left center;
	background-repeat : no-repeat;
}
.members-banner .td:nth-child(2){
	vertical-align : middle;
	width : 760px;
	padding : 20px 80px;
}
.members-banner h1 {
	font-size : 35px;
	line-height : 1.2;
}
.members-banner h1 span.smaller-title {
	font-size : 28px;
	display : block;
}


@media screen and ( max-width : 1920px ){
	.members-banner {
		height : 14.74vw;
	}
	.members-banner .td:first-child {
		width : 4.74vw;
	}
	.members-banner .td:nth-child(2){
		width : 39.583vw;
		padding : 20px 4.167vw;
	}
}

@media screen and ( max-width : 1400px ){
	.members-banner {
		height : 19vw;
	}
	.members-banner .td:nth-child(2){
		width : 54vw;
		padding : 20px 40px;
	}
}
@media screen and ( min-width : 981px ){
	.members-banner {
		border-bottom : 1px solid #263238;
	}
}
@media screen and ( max-width : 980px ){
	.members-banner h1 {
		font-size : 40px;
	}
	.members-banner .td:last-child ,
	.members-banner .td:first-child {
		display : none;
	}
	.members-banner {
		height : 290px;
		background-image : url(../images/banner/members-banner-mobile.png);
	}
	.members-banner .td:nth-child(2){
		width : auto;
		padding : 5.208vw 7.813vw;
	}
	
}

.custom-banner-wrapper {
	position : relative;
	min-height : 290px;
	line-height : 0;
}
.custom-banner-wrapper .members-banner {
	position : absolute;
	top : 0;
	left : 0;
	width : 100% !important;
	height : 100% !important;
	z-index : 2;
	border-bottom : none;
}
.custom-banner-wrapper .members-banner .td:first-child ,
.custom-banner-wrapper .members-banner {
	background-image : none !important;
}

@media all and ( min-width : 769px ){
	.custom-banner-wrapper .mobile {
		display : none;
	}
}
@media all and ( max-width : 768px ){
	.custom-banner-wrapper .desktop {
		display : none;
	}
}
