.maincontent {
    max-width:100%;
    width:100%;
    padding:0;
    border:0;
    margin-top: 0px!important;
    }

.locations-wrapper {
text-align: center;
}

.areas-overview-wrapper {
margin: 0px auto;
max-width: 96%;
width: 100%;
padding-block: 35px;

}

.areas-overview-row {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-content: center;
align-items: center;
gap: 50px;
margin-inline: auto;
padding-block: 30px;
max-width: 94%;
}

.areas-overview-intro h1 {
font-size: 46px;
margin: 18px auto;
}

.areas-overview-col {
flex: 470px 1;
}

.areas-overview-col h2 {
font-size: 36px;
}

.areas-overview-section.section-1{
background-color: #ececec;
}


.virginia-section h3,
.maryland-section h3{
margin: 10px auto 25px;
text-align: center;
font-weight: 600;
}


.areas-overview-image {
text-align: center;
flex-basis: 560px;
}

.areas-overview-image img {
max-width: 700px;
width: 100%;
margin-inline: auto;
}

.areas-overview-col li {
margin-block: 7px;
max-width: fit-content;
}


.sb_container {
text-align: center;
}

.areas-section-text .site_button.square,
.color-viewer-text .site_button.square {
background: #09549f;
}

#location-buttons {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 20px;
margin-inline: auto;
list-style: none;
}

#location-buttons button  {
background: #08559c;
border: 3px solid #c6c4c6;
flex: 300px 1;
width: 300px;
border-radius: 12px;
color: #ffffff;
font-weight: 600;
padding: 5px;
}


.virginia-list,
.maryland-list {
background: #e8e8e8;
width: 100%;
max-width: 1200px;
border-radius: 12px;
padding: 15px;
color: #08559c;
margin-inline: auto;
}

#virginia-list,
#maryland-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px;
justify-content: space-evenly;
margin-inline: auto;
}
 .content-maryland,
 .content-virginia { display: none; margin-inline: auto; }
.show { display: block; }




/**** Media Queries *****/

@media (max-width: 1200px) {
#virginia-list,
#maryland-list {
grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 998px) {
.areas-overview-intro h1 {
max-width: 18ch;
}

#virginia-list,
#maryland-list {
grid-template-columns: repeat(2, 1fr);
}

}

@media (max-width: 430px) {
#virginia-list,
#maryland-list {
grid-template-columns: 1fr;
}
}