input#filter-list {
    border-radius: 6px;
    padding: .4rem;
    width: 90%;
    border: solid 1px var(--gfColors-bodyText);
}
@media(min-width:767.99px)
{
    input#filter-list {
    width: 40%;
    }
}
select.w-100.form-control
{
    border-color: var(--gfColors-bodyText);
}
#nav-buttons a
{
    margin:0.5rem;
}

#topOffices a{
    font-size:1.3rem;
}

.table-content table {
    width:100%;
}

#topOffices .u-grid2Columns > div {
	 padding:2rem;
	 margin-bottom: .5rem;
}
#topOffices .u-grid2Columns .pic-space {
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 flex-wrap: wrap;
}
#topOffices .u-grid2Columns .pic-space.pic-space--shape {

	 background-size: min(22vw, 75%);
	 background-position-y: 40%;
	 background-position-x: 120%;
}
 .slate45Background {
	 background-color:var(--gfColors-slate45);
}
.slate45Background a{
    box-shadow: inset 0px -1px 0px #b7c0c9;
}
 .slate30Background {
	 background-color:#d7e0e6;
}
 .slate15Background {
	 background-color:var(--gfColors-slate15);
}
 .navyAccentBackground {
	 background-color:var(--gfColors-navyAccent);
}
 .u-grid2Columns.row-one {
	 grid-template-columns:2fr 1fr;
}
.u-grid2Columns.row-other {
    grid-template-columns: 1fr 2fr;
}


@media(max-width:768px){
    .u-grid2Columns.row-one, .u-grid2Columns.row-other, .u-grid2Columns {
         grid-template-columns:1fr;
         gap: 0rem;
    }
}
@media(max-width:992px) and (min-width:768px){
     #topOffices img {
		 display: none;
	}
}

 @media(max-width:495px){
	 #topOffices img {
		 display: none;
	}
}