@charset "utf-8";
/* CSS Document */
{ font-family: arial}

a:link { color: #CC0033; text-decoration: underline; font-weight: bold;}
a:visited { color: #CC0033; text-decoration: underline; font-weight: bold;}
a:hover { color: #3000CC; text-decoration: none; font-weight: bold;}
a:active { color: #CC0033; text-decoration: none; font-weight: bold;}

a.nav:link { color: #FFFFFF; text-decoration: underline; font-weight: bold;}
a.nav:visited { color: #FFFFFF; text-decoration: underline; font-weight: bold;}
a.nav:hover { color: #3000CC; text-decoration: none; font-weight: bold;}
a.nav:active { color: #FFFFFF; text-decoration: none; font-weight: bold;}

.style1 {
	color: #000091;
}
.style1 {
	color: #0000D2;
}

html {
    font-size: calc(15px + 0.390625vw);
}

)
h1, h2, h3, h4, h5, h6, p {
  color: black;
}	
.title-heading-h3 {
  color: blue;
}	
.sub-title-heading-h3 {
  color: blue;
}
.city-links-table a {
  font-size: calc(15px + 0.390625vw);
  font-weight: bold;
}
.p {
  color: black;
}
/* grid container */
.holy-grail-grid {
    display:grid;
    grid-template-areas:
        'header'
        'main-content'
        'left-sidebar'
        'right-sidebar'
        'footer';
	color: black;
}

/* general column padding */
.holy-grail-grid > * {
    padding:1rem;
}

/* assign columns to grid areas */
.holy-grail-grid > .header {
    grid-area:header;
    background:#EBEBEB;
}
.holy-grail-grid > .main-content {
    grid-area:main-content;
    background:#fff;
}
.holy-grail-grid > .left-sidebar {
	grid-area:left-sidebar;
	background-color: #FFF5CE;
	font-weight:bold;
}
.holy-grail-grid > .right-sidebar {
	grid-area:right-sidebar;
	text-align:center;
	background-color: #E0FBFE;
}
.holy-grail-grid > .footer {
    grid-area:footer;
    background:#EBEBEB;
	font-weight:bold;
}

/* tablet breakpoint */
@media (min-width:768px) {
    .holy-grail-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            'header header'
            'main-content main-content'
            'left-sidebar right-sidebar'
            'footer footer';
    }
}

/* desktop breakpoint */
@media (min-width:1024px) {
    .holy-grail-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-template-areas:
            'header header header header'
            'left-sidebar main-content main-content right-sidebar'
            'footer footer footer footer';
    }
}