* {box-sizing: border-box;font-family: 'Open Sans', sans-serif;}
h1 {color: midnightblue;}
h3 {color: darkblue;}
h4 {line-height: 0;}
div {padding: 5px;margin: 0px}
#row1 {max-height: 100%;}
div.topbanner {display: flex;background-color: white;margin: 0;}
div.logo {width: 70%;margin: 0;padding: 0}
div.title {font-size: 2em;margin: 0;}
div.main {display: flex; flex-direction: column;font-size: 1.3em;background-color: white;}
div.sidebar {width: 25%;line-height: 1.8;background-color: white;}
#menubar {justify-content: center;background-color: white;}
#menubar a {padding: 14px 20px;text-align: center;}
div.column {display: flex; flex-direction: column;}
div.row {display: flex; flex-wrap: nowrap}
grid {display: flex; flex-flow: row wrap;justify-content: space-around;}
figure {position: relative;width: 25%; height: auto; min-width: 300px; max-width: 100%;max-height: 100%;}
figure img {max-width: 100%;max-height: 100%;display: block;}
figure h4 {text-align: center;}
figure img:hover {border: 5px solid white;}
figure img:hover + div.clicktext {color: black;}
.main a:hover {background-color: darkblue;color: lightgray;}
.grid a:hover {opacity: 0.5}
#pageheading {text-align: center;} 
div.bottombanner {background-color: white;font-size: 1em;text-align: center;padding: 0;margin: 0;}
div.half {min-width: 45%;}
div.full {min-width: 100%;}
.modal {display: none;}
.close {position: absolute;top: 0; right: 0px;color: white;font-weight:bold;font-size: 2.5em;}
.left {position: absolute;top: 50%; left: 0px;color: white;font-weight:bold;font-size: 2.5em;}
.right {position: absolute;top: 50%; right: 0px;color: white;font-weight:bold;font-size: 2.5em;}
.clicktext {text-align: center;font-size: 0.5em;padding: 5px;color: lightskyblue;}
@media screen and (max-width: 700px) {.row {display: flex;flex-direction: column;}}
@media screen and (max-width: 700px) {.notmobile {display: none;}}
@media not screen and (max-width: 700px) {#column1 {overflow-y: auto;}}
@media not screen and (max-width: 700px) {div.main {height: 80%;}}
@media screen and (max-width: 700px) {.clicktext {color: darkblue;}}