@media(min-width:768px){
    .sectionBanner-image{
        background-position-x: 23%;
    }
    
    .sectionBanner-image--alignXCenter.sectionBanner-image--alignYCenter img {
    	 object-position:23% center;
    }
}
.outlineBox {
    padding: 2rem;
}

h2.goldLine {
	 position: relative;
	 margin-bottom: 3rem;
}
h2.goldLine::after {
	 content: "";
	 position: absolute;
	 left: 0;
	 bottom: -1.5rem;
	 background-color: var(--gfColors-gold);
	 width: 3ch;
	 height: 2px;
}
@media(min-width:1200px){
     #ed-leadership .img-float, #reading .img-float {
		display:grid;
		 grid-template-columns: auto auto;
		 gap: 2rem;
		 align-items:center;
	}
	 #ed-leadership img, #reading img {
	     grid-column:1;
	     margin-left:0rem;
	     
	 }
}
@media(min-width:768px) and (max-width:1200px){
     #ed-leadership img, #reading img {
	     grid-column:1;
	     margin-left:3rem;
	     
	 }
}
@media(max-width:768px) {
    #ed-leadership img, #reading img {
        margin-left: auto 
}
}