/*Global Fixes ---------------------------------------------- */
/* White background in mobile view */
body.front_end_body {
background-color: #fff;
}
/* Seach Box Style Fixes*/
.top_col #searchbox a {
margin-top: 3px;
margin-right: 3px;
}
/* Internal Navigation Fix */
li.dropdownitemhaschild {
min-width: 50px!important;
}
/* Public Meeting Agendas - BEGIN ---------------------------------------------------------------------------------------------------- */
.meeting_item_content {
padding-top: 0px;
padding-bottom: 0px;
}
.meeting_header {
background-color: white;
}
.meeting_header p {
margin-bottom: 8px;
line-height: 20px;
background-color: white;
}
.meeting_header img {
width: 228px;
}
/* Public Meeting Agendas - END  ---------------------------------------------------------------------------------------------------- */
/*New Homepage ---------------------------------------------- */
/* Site Background - Hide Image and Make Solid Color */
div.sitewrapperhomejg {
background: #23262E;
}
/* Modify the page width */
div#sitebody.twocolumnswithbottomlayout {
max-width: 1262px;
width: 100%;
}
/* Modify the footer width */
.footerhomejg #footercolumn  {
max-width: 1262px!important;
width: 100%!important;
}
/* Modify the page and footer width - Mobile */
@media only screen and (max-width: 1262px) {
div#sitebody.twocolumnswithbottomlayout {
max-width: 100%;
}
.footerhomejg #footercolumn  {
max-width: 100%!important;
}
}
/* Header Bar - Make invisible, move in front of hero image*/
.mainspanhomejg header#siteheader {
background: none;
border: none;
}
/* Header Bar - Hide Logo*/
.mainspanhomejg header a#home_link {
display: none;
}
/* Header Bar - Center Navigation*/
@media only screen and (min-width: 59.9375em) {
.mainspanhomejg #siteheader #headercolumn nav.mainnav {
margin: 0 auto;
width: 100%;
float: none;
right: 0;
}
}
/* Header Bar - Resize Navigation Container*/
@media only screen and (min-width: 80.3125em) {
.mainspanhomejg #siteheader #headercolumn .mainnav {
max-width: 708px;
}
}
/* Header Bar - Change Each Navigation item to have pixel based widths*/
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li#dropdownrootitem2 {
width: 127px;
}
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li#dropdownrootitem3 {
width: 104px;
}
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li#dropdownrootitem4 {
width: 101px;
}
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li#dropdownrootitem5 {
width: 108px;
}
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li#dropdownrootitem6 {
width: 132px;
}
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li#dropdownrootitem7 {
width: 136px;
}
/* MEDIA QUERY FOR WIDE LAYOUT ----------------------------
----------------------------------------------------------- */
@media screen and (min-width: 40.5em) {
/* Header Bar - Change hover color */
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li:hover a,
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li.active a {
background: #07162C;
border-color: #eaeaea;
}
/* Navigation Drop-Down - Make correct width */
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom .widthcontainer3col {
width: 100%;
left: 0!important;
}
/* Navigation Drop-Down - Change Colors */
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom .megamenu_container {
border: 2px solid #eaeaea;
background: #07162C!important;
}
/* Header at 40.5em - Stop header from getting taller */
.mainspanhomejg #siteheader {
height: auto;
}
/* Navigation at 40.5em - Keep navigation 5px from top */
.mainspanhomejg #siteheader #headercolumn .mainnav {
top: 5px;
}
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom {
max-width: 708px;
}
}
/* END -----------------------------------------------------
----------------------------------------------------------- */
/* Header Bar - Make navigation narrower*/
@media screen and (max-width: 727px) {
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li#dropdownrootitem2 {
width: 111px;
}
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li#dropdownrootitem3 {
width: 88px;
}
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li#dropdownrootitem4 {
width: 90px;
}
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li#dropdownrootitem5 {
width: 93px;
}
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li#dropdownrootitem6 {
width: 114px;
}
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom li#dropdownrootitem7 {
width: 112px;
}
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom {
max-width: 608px;
}
}
/* Header Bar - Keep Navigation Font Size at 19px until size becomes an issue */
@media only screen and (min-width: 727px){
.mainspanhomejg #siteheader #headercolumn .mainnav .dropdownmenu_custom .dropdownmenu_custom li a {
font-size: 19px!important;
}
}
/* Header Bar - Transparent on Mobile View */
.mainspanhomejg #siteheader:before {
background-color: transparent;
}
/* Hero Image - Remove Padding */
div#widget_2719_6246_3830 {
padding: 0;
display: grid;
position: relative;
}
/* Hero Image - Move under the header*/
/* Hero Image - Set up container*/
div#widget_2719_6246_3830 {
width: 100%;
height: 100%;
position: relative;
margin-bottom: -35px; /* Removes space under it that bumps elements after it down */
}
div#widget_2719_6246_3830:after {
padding-top: 26.5%; /*this specifies the aspect ratio*/
display: block;
content: '';
}
/* Hero Image - Set up hero image as a background of this div*/
.heroimagejg {
background-color: #0C274F;
position: absolute;
top: -84px;
bottom: 0;
right: 0;
left: 0;
background-image: url(/Home/ShowPublishedImage/7566/637152110471905851);
background-size: auto 100%;
background-position: right bottom!important;
}
/* Logo - Move under the header*/
div.logojg {
z-index: 20;
}
div.logojg img {
display:flex;
position: relative;
top: 49px;
margin-left: auto;
margin-right: auto;
width: 310px;
left: 7px; /* To account for the TM in the centering */
}
/* Search Box - Move under the logo*/
.twocolumnswithbottomlayout #ColumnUserControl1 #searchbox {
float: none!important;
position: relative!important;
display: flex!important;
margin-left: auto;
margin-right: auto;
right: 0!important;
background-color: #0e1a2bd1;
backdrop-filter: blur(2px);
top: -179px;
}
/* Search Box - SVG icon*/
.twocolumnswithbottomlayout #ColumnUserControl1 #searchbox a {
background-image: url(http://www.sandyspringsga.gov/Home/ShowImage?id=7626&t=637182244566837001);
}
#widget_2722_6250_3830{
Background-color:white;
}
/* Search Box - text color*/
.twocolumnswithbottomlayout .top_col #searchbox input#search_text {
color: white;
}
/* Hide Mobile Nav Div that is affecting the layout */
div#widget_2723_0_3830 {
display: none;
}
/* Social Icons - Placement of containing div*/
.socialmediajg {
z-index: 10;
position: relative;
top: -59px;
left: 33px;
}
/* Social Icons - Space between them*/
.socialmediajg svg {
margin-right: 7px;
}
/* Social Media - Hide icons when they become an issue*/
@media only screen and (max-width: 970px) {
.socialmediajg a {
display:none;
}
}
/* Link Boxes
----------------------------------------------------------- */
/* Link Boxes - Link box module color and height*/
div#widget_2731_6252_3830 {
height: 168px;
padding: 0 53px;
}
/* Link Boxes - Invisible Container for positioning*/
.linkboxcontainerjg {
display:flex;
justify-content: space-between;
position: relative;
top: -31px;
}
/* Link Boxes - remove underline from links*/
.linkboxcontainerjg a {
text-decoration: none;
color: white;
}
/* Link Boxes - Common styling*/
.linkboxjg {
background-color: #0C274F;
width: 168px;
height:168px;
color: white;
text-align: Center;
}
/* Link Boxes - Hover*/
.linkboxjg:hover {
background-color: #0a1e3c;
top: -7px;
position: relative;
}
/* Link Boxes - SVG container*/
.linkboxsvgcontainerjg{
padding-top:32px;
}
/* Link Boxes - SVG properties*/
.linkboxsvgcontainerjg svg {
height: 68px;
}
/* Link Boxes - Text labels*/
.linkboxjg p {
font-family: jaf-bernino-sans-condensed, Arial, sans-serif;
font-size: 19px;
margin: 8px 0 0 0;
}
/* Link Boxes - Permits and Inspections SVG*/
.linkboxsvgcontainerjg3 svg {
height: 77px;
margin-top: -9px;
}
/* Link Boxes - Business Licenses SVG*/
.linkboxsvgcontainerjg4 svg {
height: 56px;
margin-top: 9px;
margin-bottom: 3px;
}
/* Emergency Red Boxes*/
a.linkboxjg1 {
background-color: #c50b0b
}
/* Link Boxes - Hover*/
.linkboxjg1:hover {
background-color: #af0000
}
/* Background Colors
----------------------------------------------------------- */
/* Backgrounds Colors - Dark Blue */
.footerhomejg div#footercolumn {
background-color: #07162C;
background: #07162C!important;
}
/* Backgrounds Colors - Medium Dark Blue */
div#widget_2734_6260_3830, div#widget_2735_6264_3830 {
background-color: #2E4567;
}
/* Backgrounds Colors - Medium Light Blue */
div#widget_2731_6252_3830 {
background-color: #8A97AA;
}
/* Backgrounds Colors - Light Blue */
div#widget_2732_6254_3830, div#widget_2733_6262_3830 {
background-color: #edf1f7;
}
/* Padding
----------------------------------------------------------- */
/* sets the padding for all sections*/
div#widget_2732_6254_3830, /* Our Community 1 */
div#widget_2733_6262_3830, /* Our Community 2 */
div#widget_2734_6260_3830, /* Stay Informed 1 */
div#widget_2735_6264_3830, /* Stay Informed 2 */
div#widget_2736_6261_3830, /* Other Places 1 */
div#widget_2737_6263_3830, /* Other Places 2 */
div#widget_2722_6250_3830  /* Random */
{
padding: 10px 53px;
}
/* Titles
----------------------------------------------------------- */
/* Titles - Alignment */
div#widget_2732_6254_3830, div#widget_2734_6260_3830, div#widget_2736_6261_3830 {
text-align: center;
}
/* Titles - H2 */
div#widget_2732_6254_3830 h2, div#widget_2734_6260_3830 h2, div#widget_2736_6261_3830 h2 {
font-size: 55px;
line-height: 1.05em;
color: #0C274F;
margin: 0.65em 0 0.4em 0;
}
/* Titles - P */
div#widget_2732_6254_3830 p, div#widget_2734_6260_3830 p, div#widget_2736_6261_3830 p {
color: #0C274F;
font-size: 20px;
margin-bottom: 29px;
}
/* Titles - White */
div#widget_2734_6260_3830 h2, div#widget_2734_6260_3830 p {
color: white;
}
/* News Boxes
----------------------------------------------------------- */
.newsboxcontainerjg {
display:flex;
justify-content: space-between;
padding-bottom: 44px;
flex-wrap: wrap;
}
.newsboxjg {
Background-color:white;
width: calc(25% - 22px);
padding-bottom: 9px;
}
.newsboxjg h3  {
font-size: 22px;
margin: 10px 17px 6px 17px;
}
.newsboxjg p {
font-size: 15px;
margin: 0px 17px 12px 17px;
}
/* News Box - Learn More links */
.newsboxjg a {
color: #2E4567;
text-decoration: none;
font-weight: bold;
}
.newsboxjg a:hover, .newsboxjg a:focus {
color: #8A97AA;
}
/* Stay Informed
----------------------------------------------------------- */
.stayinformedcontainerjg {
display:flex;
justify-content: center;
flex-wrap: wrap;
}
.stayinformedcontainerjg a:nth-of-type(1) {
width: 278px;
}
.stayinformedcontainerjg a:nth-of-type(2) {
width: 272px;
}
.stayinformedcontainerjg a:nth-of-type(3) {
width: 318px;
}
.stayinformedcontainerjg a {
margin: 0 15px;
color: #2E4567;
text-decoration: none!important;
}
.stayinformedjg {
background-color: white;
padding: 15px 18px 15px 18px;
border-radius: 9px;
margin-bottom: 35px;
display:flex;
}
.stayinformedsvgjg {
}
.stayinformedjg svg {
color: #2E4567;
}
.stayinformedjg p {
color: #2E4567;
margin: 0 0 0 10px;
font-weight: bold;
text-decoration: none!important;
}
.stayinformedjg:hover {
background-color: #edf1f7;
}
/* Other Places (links to other websites)
----------------------------------------------------------- */
.otherplacescontainerjg {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.otherplacesjg {
width: calc(33.333% - 30px);
display: flex;
margin-bottom: 28px;
}
.otherplacessvgjg {
margin-right: 14px;
margin-top: 5px;
}
.otherplacesinfojg h3 {
margin-top: 0px;
margin-bottom:3px;
color: #2e4567;
}
.otherplacessvgjg svg {
width: 39px;
color: #2E4567;
}
.otherplacesinfojg a {
text-decoration: none;
color: #2E4567;
}
.otherplacesinfojg a:hover, .otherplacesinfojg a:focus {
color: #8A97AA;
text-decoration: underline;
}
.otherplacesinfojg p {
margin-bottom: 6px;
}
/* Footer
----------------------------------------------------------- */
.footerhomejg #footercolumn {
padding-top: 29px!important;
padding-bottom: 32px!important;
}
/* Bottom border before footer
----------------------------------------------------------- */
div.twocolumnswithbottomlayout {
border-bottom: 9px #2e4567 solid;
padding-bottom:0px!important;
}
/* View Full Site
----------------------------------------------------------- */
#view-options
{
display:none;
}
/*
----------------------------------------------------------
----------------------------------------------------------
MEDIA QUERIES -  MEDIA QUERIES -  MEDIA QUERIES
----------------------------------------------------------
----------------------------------------------------------
*/
/* MEDIA QUERY LESS THAN MAXIMUM WIDTH
----------------------------------------------------------- */
@media screen and (max-width: 1279px) {
/* Logo - Position relative to top*/
div.logojg img {
top: calc(8vw - 52px);
}
/* Search Box - Position Relative to Logo*/
.twocolumnswithbottomlayout #ColumnUserControl1 #searchbox {
top: -13vw;
}
/* Link Boxes - Link box module responsive sizing*/
div#widget_2731_6252_3830 {
height: 13vw;
}
/* Link Boxes - Responsive sizing*/
.linkboxjg  {
width: calc(16.667% - 1.75vw);
height: 13vw;
}
/* Link Boxes - SVG container*/
.linkboxsvgcontainerjg{
padding-top:2.4vw;
}
/* Link Boxes - SVG properties*/
.linkboxsvgcontainerjg svg {
height: 5.3vw;
}
/* Link Boxes - Permits and Inspections SVG*/
.linkboxsvgcontainerjg3 svg {
height: 6.0vw;
margin-top: -0.7vw;
}
/* Link Boxes - Business Licenses SVG*/
.linkboxsvgcontainerjg4 svg {
height: 4.4vw;
margin-top: 0.675vw;
margin-bottom: 0.225vw;
}
/* Link Boxes - Text labels*/
.linkboxjg p {
font-size: 1.5vw;
margin: 0.4vw 0 0 0;
}
/* Padding
----------------------------------------------------------- */
div#widget_2732_6254_3830, /* Our Community 1 */
div#widget_2733_6262_3830, /* Our Community 2 */
div#widget_2734_6260_3830, /* Stay Informed 1 */
div#widget_2735_6264_3830, /* Stay Informed 2 */
div#widget_2736_6261_3830, /* Other Places 1 */
div#widget_2737_6263_3830, /* Other Places 2 */
div#widget_2722_6250_3830  /* Random */
{
padding: 0.6vw 53px;
}
/* Titles - Font Size */
div#widget_2732_6254_3830 h2, div#widget_2734_6260_3830 h2, div#widget_2736_6261_3830 h2 {
font-size: calc(2vw + 29px);
}
/* News Boxes
----------------------------------------------------------- */
.newsboxjg {
width: calc(25% - 1.7vw);
}
/* Footer - Background Area blue */
.footerhomejg {
background-color: #07162C!important;
border-top: none!important;
}
}
/* MEDIA QUERY 1104PX
----------------------------------------------------------- */
@media screen and (max-width: 1104px) {
/* Other Places - 2 Column*/
.otherplacesjg {
width: calc(50% - 30px);
}
}
/* MEDIA QUERY 900PX
----------------------------------------------------------- */
@media screen and (max-width: 900px) {
/* Link Boxes - Link box module responsive sizing*/
div#widget_2731_6252_3830 {
height: 59vw;
}
.linkboxcontainerjg {
flex-wrap: wrap;
}
/* Link Boxes - Responsive sizing*/
.linkboxjg  {
width: calc(33.33% - 1.75vw);
height: 26.75vw;
margin-bottom: 2.6vw;
}
/* Link Boxes - Hover*/
.linkboxjg:hover {
top: 0px;
}
/* Link Boxes - SVG container*/
.linkboxsvgcontainerjg{
padding-top: 4.8vw;
}
/* Link Boxes - SVG properties*/
.linkboxsvgcontainerjg svg {
height: 12vw;
}
/* Link Boxes - Permits and Inspections SVG*/
.linkboxsvgcontainerjg3 svg {
height: 14vw;
margin-top: -2vw;
}
/* Link Boxes - Business Licenses SVG*/
.linkboxsvgcontainerjg4 svg {
height: 10.4vw;
margin-top: 1.2vw;
margin-bottom: 0.4vw;
}
/* Link Boxes - Text labels*/
.linkboxjg p {
font-size: 2.8vw;
margin: 1.5vw 0 0 0;
}
/* News Boxes - Two in a row*/
.newsboxjg {
width: calc(50% - 1.7vw);
margin-bottom: 3.4vw;
}
}
/* MEDIA QUERY 775PX
----------------------------------------------------------- */
@media screen and (max-width: 775px) {
/* Link Boxes - Link box module responsive sizing*/
div#widget_2731_6252_3830 {
padding: 0 30px;
}
/* Link Boxes - Responsive sizing*/
.linkboxjg  {
width: calc(33.333% - 1.75vw);
height: calc(29vw - 1.75vw);
margin-bottom: 2.75vw;
}
/* Link Boxes - SVG container*/
.linkboxsvgcontainerjg{
}
/* Link Boxes - SVG properties*/
.linkboxsvgcontainerjg svg {
}
/* Link Boxes - Text labels*/
.linkboxjg p {
}
/* Padding
----------------------------------------------------------- */
/* Link Boxes - Link box module color and height*/
div#widget_2732_6254_3830, /* Our Community 1 */
div#widget_2733_6262_3830, /* Our Community 2 */
div#widget_2734_6260_3830, /* Stay Informed 1 */
div#widget_2735_6264_3830, /* Stay Informed 2 */
div#widget_2736_6261_3830, /* Other Places 1 */
div#widget_2737_6263_3830, /* Other Places 2 */
div#widget_2722_6250_3830  /* Random */
{
padding: 0.6vw 30px;
}
/* Other Places - 1 Column*/
.otherplacesjg {
width: 100%;
}
}
/* MEDIA QUERY FOR MOBILE LAYOUT (648px)
----------------------------------------------------------- */
@media screen and (max-width: 40.5em) {
/* Header Bar - Remove for mobile widths */
.mainspanhomejg #siteheader #headercolumn {
display:none;
}
/* Hero Image - Alter at mobile widths */
div.heroimagejg img {
top: -46px;
right: -27px;
}
div.logojg img {
top: -21px;
Width:57vw;
}
/* Search Box - Fix height and position */
.twocolumnswithbottomlayout #ColumnUserControl1 #searchbox {
height:35px;
margin-top: 0;
margin-bottom: 0;
}
/* Search Box - Fix text vertical position */
.twocolumnswithbottomlayout #ColumnUserControl1 #searchbox input#search_text {
height: 32px;
}
/* Site Wrapper - Make white */
div.sitewrapperhomejg{
background-color:white;
}
/* Social Icons - Unhide, move to right and reposition*/
.socialmediajg {
top: -27px;
left: -11px;
}
.socialmediajg a {
float: right;
display: initial;
}
.socialmediajg svg {
margin-right: 12px;
}
}
/* MEDIA QUERY 545PX
----------------------------------------------------------- */
@media screen and (max-width: 545px) {
/* Link Boxes - Link box module responsive sizing*/
div#widget_2731_6252_3830 {
padding: 0 20px;
}
.linkboxcontainerjg {
top: -16px;
}
/* Link Boxes - Responsive sizing*/
.linkboxjg  {
width: calc(33.333% - 1.75vw);
height: 27.5vw;
margin-bottom: 2.5vw;
}
/* Link Boxes - Text labels*/
.linkboxjg p {
margin: 0.2vw 0 0 0;
font-weight: bold;
}
/* News Boxes - 1 in a row*/
.newsboxjg {
width: 100%;
margin-bottom: 20px;
}
/* Stay Informed - Remove margin on buttons when in 1 column*/
.stayinformedcontainerjg a {
margin: 0;
}
/* Padding
----------------------------------------------------------- */
/* Link Boxes - Link box module color and height*/
div#widget_2732_6254_3830, /* Our Community 1 */
div#widget_2733_6262_3830, /* Our Community 2 */
div#widget_2734_6260_3830, /* Stay Informed 1 */
div#widget_2735_6264_3830, /* Stay Informed 2 */
div#widget_2736_6261_3830, /* Other Places 1 */
div#widget_2737_6263_3830, /* Other Places 2 */
div#widget_2722_6250_3830  /* Random */
{
padding: 0.6vw 20px;
}
}
/* MEDIA QUERY 545PX AND HIGH PIXEL DENSITY
----------------------------------------------------------- */
@media screen and (max-width: 545px) and (min-resolution: 192dpi) {
}
/* MEDIA QUERY 322PX
----------------------------------------------------------- */
@media screen and (max-width: 322px) {
/* Link Boxes - Link box module responsive sizing*/
div#widget_2731_6252_3830 {
height: 134vw;
}
.linkboxcontainerjg {
top: -16px;
}
/* Link Boxes - Responsive sizing*/
.linkboxjg  {
width: calc(50% - 1.75vw);
height: 40vw;
margin-bottom: 3.5vw;
}
/* Link Boxes - SVG container*/
.linkboxsvgcontainerjg{
padding-top: 6.8vw;
}
/* Link Boxes - SVG properties*/
.linkboxsvgcontainerjg svg {
height: 18vw;
}
/* Link Boxes - Permits and Inspections SVG*/
.linkboxsvgcontainerjg3 svg {
height: 20vw;
}
/* Link Boxes - Business Licenses SVG*/
.linkboxsvgcontainerjg4 svg {
height: 16.4vw;
}
/* Link Boxes - Text labels*/
.linkboxjg p {
font-size: 4.3vw;
}
/* Stay Informed - */
.stayinformedcontainerjg a {
width: 100%!important;
}
.stayinformedcontainerjg a:nth-of-type(3) div svg {
margin-top: 1px;
height: 36px;
}
}
/* Top of Page Boxes
----------------------------------------------------------- */
.qless {
background-color: beige;
border: 1px solid rgb(236, 236, 204);
padding: 10px 15px 0px 15px;
margin-top: 15px;
margin-bottom: 20px;
}
.buildsandysprings {
background-color: #dce3f5;
border: 1px solid #ccd8f5;
padding: 10px 15px 0px 15px;
margin-top: 15px;
margin-bottom: 20px;
}
/* Transportation Boxes
----------------------------------------------------------- */
.transportationwrapper {
display: flex;
justify-content: space-between;
}
.transportationimprovements {
background-color: beige;
border: 1px solid rgb(236, 236, 204);
padding: 10px 15px 0px 15px;
margin-top: 15px;
margin-bottom: 20px;
margin-right: 11px;
}
.roadworkadvisorary {
background-color: #dcf5de;
border: 1px solid #ccf5cf;
padding: 10px 15px 0px 15px;
margin-top: 15px;
margin-bottom: 20px;
margin-left: 11px;
}
.transportationimprovements h3, .roadworkadvisorary h3 {
margin-top: 4px;
}
@media screen and (max-width: 623px) {
.transportationwrapper {
flex-direction: column;
}
.transportationimprovements {
margin-right: 0px;
}
.roadworkadvisorary {
margin-left: 0px;
}
}