@charset "UTF-8";

body {background-color: grey;font-family: georgia;font-size: 100%; padding: 0; margin: 0;}
h1 {color: white;font-size: 300%;}
h2 {color: black;text-align: center;}
small {color: navy;}
header { grid-column: 1 /-1; grid-row: 1/2; background-image: url(logogoldsteinsfixed1.jpg);padding: 2% 5% 2% 5%;text-align:center;background-repeat: no-repeat;background-position: center;background-size: cover;}
nav {grid-column: 1 / -1; grid-row: 2/3; background-color: #333;text-align: center;}
main {grid-column: 1/-1; grid-row: 3/4;background-color: #fffafa;padding: 2% 5% 2% 5%;}
footer {grid-column: 1/-1; grid-row: 4/5; background-color: #dcdcdc;padding: 1% 2% 1% 2%;text-align: center;}
img {max-width: 100%;height: auto; display: block;}
a:link {color: grey;text-decoration: none;}
a:visited {color: green;}
a:hover {color: blue;}
.centerbox {text-align: center;}
.gallery{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 20px; margin: 0; padding: 20px;background-color: grey; border: 1px solid black;}
.gallery img{width:100%; height: auto; border: 0px solid black;}
.gallery a:link{background-color: black;color: grey;}
.gallery a:visited{color: grey;}
.gallery a:hover{color: white;}
.img-container {text-align: center;}
.desc{padding: 5px; text-align: center;}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 10%;
}
.floatleft{float:left;}
.floatright{float:right;}
.clearleft{clear:left;}
.dropbtn {
  background-color:  #cdc9c9;
  color: black;
  font-size: 16px;
  border: none;
  min-width: 160px;
}
.dropbtn-sub {
  background-color:  #cdc9c9;
  color: black;
  font-size: 16px;
  border: none;
  min-width: 160px;
}
.dropdown {
  position: static;
  display: block;
}
.dropdown-sub {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  postition: fixed;
  background-color: #f1f1f1;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content-sub {
  display: none;
  background-color: #f1f1f1;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: white;}
.dropdown-content-sub a {color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content-sub a:hover {background-color: white;}
.dropdown-sub:hover .dropdown-content-sub {display: block;}
.dropdown-sub:hover .dropbtn-sub {background-color: #ddd;}
  box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
.column { float: left;  width:100%; margin-bottom: 16px; padding: 0 8px;}
@media screen and (max-width: 650px) { .column {   width: 100%;  display: block; }}
.card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.container { padding: 0 16px;}
.container::after, .row::after { content: ""; clear: both;display: table;}
.title { color: grey;}
.button { border: none; outline: 0; display: inline-block; padding: 8px; color: white; background-color: #000;text-align: center; cursor: pointer; width: 100%;}
.button:hover { background-color: #555;}
table {width: 100%;}
th, td {text-align: center; min-width: 160px;}
/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial;
}
.navbar a {
  float: center;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.dropdown {
  float: left;
  overflow: hidden;
}
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; 
  margin: 0; 
}
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: green;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: center;
}
.dropdown-content a:hover {
  background-color: #ddd;
}
.dropdown:hover .dropdown-content {
  display: block;
}