.b-frame {
	max-width: var(--frame-width);
	margin: 0 auto;
	padding: 100rem 40rem;
	position: relative;
}

.b-section.alt-tight .b-frame {padding-top: 60rem; padding-bottom: 60rem;}
.b-section.alt-tight-top .b-frame {padding-top: 60rem;}
.b-section.alt-tight-bottom .b-frame {padding-bottom: 60rem;}

.b-section.alt-collapse .b-frame {padding-top: 0; padding-bottom: 0;}
.b-section.alt-collapse-top .b-frame {padding-top: 0;}
.b-section.alt-collapse-bottom .b-frame {padding-bottom: 0;}



/* styles */

.b-section[data-style="black"] {background: var(--black);}
.b-section[data-style="dark-grey"] {background: var(--dark-grey);}
.b-section[data-style="light-grey"] {background: var(--light-grey);}
.b-section[data-style="very-light-grey"] {background: var(--very-light-grey);}
.b-section[data-style="blue"] {background: var(--blue);}
.b-section[data-style="off_white"] {background: #f5f5f5;}



/* decorations */

.b-section[data-decorations="top-right"] {overflow: hidden; position: relative;}
.b-section[data-decorations="top-right"] .b-decoration {
	position: absolute;
	top: 0;
	left: 50%;
	width: 520rem;
	height: 1000rem;
	background: url(images/deco.svg) no-repeat center / 100%;
	transform: translate(405rem, 0);
}

.b-section[data-decorations="center-right-orange"] {overflow: hidden; position: relative;}
.b-section[data-decorations="center-right-orange"] .b-decoration {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 722rem;
	height: 1082rem;
	background: url(images/center-right-orange.svg) no-repeat center / 100%;
	transform: translate(200rem, -50%);
}

.b-section[data-decorations="center-right-green"] {overflow: hidden; position: relative;}
.b-section[data-decorations="center-right-green"] .b-decoration {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 722rem;
	height: 1082rem;
	background: url(images/center-right-green.svg) no-repeat center / 100%;
	transform: translate(200rem, -50%);
}



/* spacing fix */

.b-section[data-style=""]:not(.PFA) + .b-section[data-style=""]:not(.PFA) .b-frame,
.b-section[data-style="black"] + .b-section[data-style="black"] .b-frame,
.b-section[data-style="dark-grey"] + .b-section[data-style="dark-grey"] .b-frame,
.b-section[data-style="light-grey"] + .b-section[data-style="light-grey"] .b-frame,
.b-section[data-style="blue"] + .b-section[data-style="blue"] .b-frame {
	padding-top: 0;
}



@media screen and (min-width: 961px) {
	.b-section.alt-side-by-side .b-frame {display: flex; justify-content: space-between; align-items: center;}
	.b-section.alt-side-by-side .b-spacer {display: none;}
}

@media screen and (max-width: 960px) {
	.b-frame {padding: 60rem 20rem;}

	

	.b-section.alt-tight .b-frame {padding-top: 20rem; padding-bottom: 20rem;}
	.b-section.alt-tight-top .b-frame {padding-top: 20rem;}
	.b-section.alt-tight-bottom .b-frame {padding-bottom: 20rem;}

	.b-section .b-decoration {display: none;}
}

@media screen and (max-width: 960px) { 
	.front-page-header .b-frame {padding-top: 0 !important;}
}

@media only screen and (min-width:756px) and (max-width:960px) { 
	.front-page-header .b-frame {padding-bottom: 0 !important;}
}

@media only screen and (min-width:601px) and (max-width:755px) { 
	.front-page-header .b-frame {padding-bottom: 20rem !important;}
}