#header {
  justify-content: center;
  background-color: #1C1414; 
}

#header .container{
  max-width: 1800px;
  background-color: #1C1414; 
}

#headder {
  justify-content: center;
  background-color: #1C1414; 
}

#headder .container{
  max-width: 1800px;
  background-color: #1C1414; 
}

#logo {
  text-align: center;
  height: 150px;
  line-height: 150px; 
  color: white;
  font-size: 44px;
}

#logo1A {
  text-align: center;
  height: 150px;
  line-height: 150px; 
  color: white;
  font-size: 44px;
}

#nav {
  text-align: right;
  color: white;
}

#nav1 {
  text-align: right;
  color: white;
}

.myButton {
  background-color: #1c87c9; 
  border: none; 
  color: white; 
  text-align: center; 
  text-decoration: none; 
  display: inline-block; 
  font-size: 18px; 
  padding: 10px 24px; 
  margin: 4px 2px; 
  cursor: pointer; 
  border-radius: 10px;
}

.myButtonUn {
  background-color: #1C1414; 
  border: none; 
  color: white; 
  text-align: center; 
  text-decoration: none; 
  display: inline-block; 
  font-size: 18px; 
  padding: 10px 24px; 
  margin: 4px 2px; 
  cursor: pointer; 
  border-radius: 10px;
}

#banner {
  width: 100%;
  height: 250px;
  background-color: #3B3B3B; 
}

#banner img {
  display: block;
  margin: 0 auto;
  width: 90%;
  height: 90%;
  object-fit: contain;
}

#banner1 {
  width: 100%;
  height: 250px;
  background-color: #3B3B3B; 
}

#banner1 img {
  display: block;
  margin: 0 auto;
  width: 90%;
  height: 90%;
  object-fit: contain;
}

#featuredd{

  text-align: center;
  border: 2px solid black;
  background-color: white; 
}

#featuredd .cite {
  font-size: 18px;
}

#footer {
  height: 150px;
  background-color: #1C1414; 
}

#container_grid { 
  background-color: white; 
  border: 2px solid black;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr; /* Four columns: 1 part, 1 part, 1 part, 1 part */
  grid-template-rows: auto 200px 200px; /* Two rows: auto height, 200px height */
}

#container_grid .item-one {
  background-color: grey;
  grid-column: 1 / 3; /* Spans from column line 1 to column line 3 */
  grid-row: 1  / 2; /* Placed in the first row */
}

#container_grid .item-two {
  background-color: white;
  grid-column: 3; /* Spans from column line 1 to column line 3 */
  grid-row: 1  / 2; /* Placed in the first row */
}

#container_grid .item-three {
  background-color: grey;
  grid-column: 4; /* Spans from column line 1 to column line 3 */
  grid-row: 1  / 2; /* Placed in the first row */
}

.collapsible {
  background-color: #eee;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  font-size: 16px;
}

.content {
  display: none;
  padding: 10px;
  background-color: #f9f9f9;
}