/* ONS July 2026 */

.AboutONS {overflow: auto;padding: .8rem 1.2rem; background-color: #fcfcfc; border: 1px solid #ddd; margin: 0 .4rem;}
.AboutONS>div {width: 33.33%; float:left; vertical-align: top; padding: .8rem;}
.AboutONS>div>p:not([class]) {padding: .8rem; color: #666;}

blockquote.Style3 {position: relative; padding: 3rem;}
blockquote.Style3>p { border:0; color: #6a317f; font-size: 2.4rem; font-style: italic; line-height: 3.2rem; padding: 5rem 3.5rem 3rem 3.5rem; text-align: center; position: relative;}
blockquote.Style3>p:first-child:before {content: '\201C'; position: absolute; left: 8%; top:35%; font-family: Georgia, serif; font-size: 15rem; color: #6a317f; }
blockquote.Style3>p:last-child:after {content: '\201D'; position: absolute; right: 10%; bottom:-40%; font-family: Georgia, serif; font-size: 15rem; color: #6a317f; }
blockquote.Style3>footer {font-size:1.8rem; text-align: right; padding-right: 6rem;color:#999;}

.AboutONS>blockquote>p {}

p.Purple {color: purple;}

*.Graphic>*.Frame>*.Backing>img.Circle {border-radius: 50%; border: .4rem solid #fff;}



@media screen and (max-width: 63em) {
	blockquote.Style3>p:first-child:before {left: 3%; top:30%; }
	blockquote.Style3>p:last-child:after {right: 4%; bottom:-50%;}
}

@media screen and (max-width: 58em) {
	blockquote.Style3>p:first-child:before {left: 1%; top:30%;}
	blockquote.Style3>p:last-child:after {right: 1%; bottom:-50%;}
}

@media screen and (max-width: 50em) {
	blockquote.Style3>p:first-child:before {left: -1%; top:30%;}
	blockquote.Style3>p:last-child:after {right: 1%; bottom:-30%;}
}

@media screen and (max-width: 48em) {
	.AboutONS>div {width: 50%; }
	.AboutONS>div:nth-child(2) {width: 100%;}
}

@media screen and (max-width: 44em) {
	blockquote.Style3>p:first-child:before {left: -1%; top:30%; font-size: 13rem;}
	blockquote.Style3>p:last-child:after {right: 1%; bottom:-30%; font-size: 13rem; }
}


@media screen and (max-width: 40em) {
	.AboutONS>div {width: 100%; }
	#OnsSmallTiles li {width: 100%;}
}


@media screen and (max-width: 32em) {
	blockquote.Style3>p {font-size: 2.1rem;}
	blockquote.Style3>p:first-child:before { top:20%; }
	blockquote.Style3>p:last-child:after { bottom:-20%;}
}