#topResources .u-grid2Columns > div {
    /*padding:2rem;*/
    margin-bottom: .5rem;
    position: relative;
}
#topResources .u-grid2Columns .pic-space {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
#topResources .u-grid2Columns .pic-space.pic-space--shape {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Ccircle cx='300' cy='300' r='300' fill='%23384663'%3E%3C/circle%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: min(22vw, 75%);
    background-position-y: 40%;
    background-position-x: 120%;
}
h2.u-lineHeader.part-thirsty {
    grid-template-columns: auto auto 1fr;
    -webkit-column-gap: .25em;
    column-gap: .25em;
}
.u-grid2Columns.row-one {
    grid-template-columns:2fr 1fr;
}
#topResources .u-grid2Columns.row-one:last-child .u-gfColors-bg-slate45 {
    background-image:url('images/bg-shape.svg');
    background-repeat:no-repeat;
    background-position:top right;
    background-size: 85%;
}
#topResources .u-navyBackground a:not(.button) a {
    box-shadow: none;
    color: var(--gfColors-slate45);
    line-height: 1.5;
}

.box-button {
	display:block;
	box-shadow:none;
	padding:2rem;
	color: var(--gfColors-bodyText);
	line-height: 1.5;
}
.box-button:visited
{
    color:unset !important;
}
.box-button:hover {
    box-shadow:none;
}
.box-button-title {
    box-shadow: inset 0px -1px 0px #b8c2cd;
    color: var(--gfColors-linkBlue);
    line-height: 2;
}
.u-gfColors-bg-slate45.box-button a {
    box-shadow: inset 0px -1px 0px var(--gfColors-slate80); }
    
.box-button-title:hover, #topResources .u-navyBackground .box-button-title:hover {
	box-shadow: inset 0px -1px 0px var(--gfColors-gold);
}

.u-gfColors-bg-slate45.box-button a:hover {box-shadow: inset 0px -1px 0px var(--gfColors-gold);}
    
#topResources .u-navyBackground .box-button-title {
    box-shadow: inset 0px -1px 0px #415063;
    color:var(--gfColors-inverseLinkBlue) !important;
}

.u-grid2Columns.row-one img {
    justify-self:end;
}
.u-grid2Columns.row-other {
    grid-template-columns:1fr 2fr;
}
.u-grid2Columns.row-other img {
    justify-self:start;
}
#resources-for-students ul {
    margin-top:2rem;
}
#resources-for-students ul li {
    margin-bottom:1.5rem;
}
#resource-list #searchIcon {
    fill: var(--gfColors-slate100);
    cursor: pointer;
    width: 20px;
    height: 20px;
}
#resource-list input {
	border: 2px solid var(--gfColors-slate80);
    padding: .15rem 1rem;
    margin-right: .25rem;
    width: min(340px, 75%);
}
#resourceSearch {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
a.no-underline, a.no-underline:hover {
    box-shadow:none;
}
a.no-underline img {
    transition:all ease-in .3s;
}
a.no-underline:hover img {
    transform:scale(1.1);
}

@media(min-width:1200px) {
    .sectionBanner--secondLevel .sectionBanner-titleHolder-title {
        font-size: clamp(3rem, 7vw, 5rem);
    }
}
@media(min-width:768px) {
    .sectionList {
        -webkit-column-count:2;
        column-count: 2;
    }
}
@media(max-width:767.98px) {
    
    #onlineResources ul:last-child, #contacts ul:last-child, #technology ul:last-child {
        margin-top:0;
        margin-bottom:0;
    }
    h2.u-lineHeader {
        gap:1rem !important;
    }
    #topResources .u-grid2Columns {
        gap: 0;
    }
}   
@media(max-width:575.98px) {
    .sectionBanner {
        margin-bottom: 0;
    }
    .u-grid2Columns.row-one, .u-grid2Columns.row-other {
        grid-template-columns:1fr;
    }
    #topResources .u-grid2Columns.row-one:last-child .u-gfColors-bg-slate45 {
        background-size:100%;
    }
}