*{
  margin: 0 ;
}  
.pagetitle1 {
  text-align: center;
}

img { 
  max-width: 100%;
  max-height: 100%;
}

.container {  
  
  margin: 0px 0px;
  overflow: auto
}

.MountainFlags { grid-area: 1 / 1 / 3 / 6; }

.Marquis { grid-area: 3 / 2 / 4 / 5; 
 opacity:.75;
  outline: 5px black;
  outline-style: solid;
  background-color: green;
  }

.Midriff {  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-area: 4 / 2 / 9 / 5;
  outline: 5px black;
  outline-style: solid;
  background-color: green;
  opacity:.75;
  overflow: auto;

}

.Midrifftop { grid-area: 1 / 1 / 3 / 4; 
 color: white;
 outline: 5px black;
 outline-style: solid;
 opacity:.75;
 height: 1;
 width: 2;
}

.Midriffbot { grid-area: 3 / 1 / 4 / 4;
 opacity:1;
 text-align:center;
 color: white;
 height: 1;
 width: 2;
 overflow: auto;
}

.Topflagsgif {
  transform: translate(-50%, -50%);
  position: relative;
  left: 50%;
  top: 50%;
}


.Welcome { 
  font-size: 2rem;
  text-align: center;
  padding: 2rem 1rem 1rem 1rem;
  background-color: DarkGreen;
  color: white;
  outline: 5px black;
  outline-style: solid;
  opacity:1;
  }

.MtnMarq {
  font-size: 1.75rem;
  color: white;
  padding: 1.75rem 1.25rem 1.25rem 1.25rem;
  opacity:1;
 
}

.teaoffer {
  font-size: 3rem;
  text-align: center;
  margin: 2rem;
  color: white;
  opacity: 1;
}

.Updatebanner {
 font-size: 2rem;
 text-align: center;
 padding: 2rem 1rem 1rem 1rem;
 background-color: DarkGreen;
 color: white;
 outline: 5px black;
 outline-style: solid;
 opacity:1;
}

.Updates {
  font-size: 1.5rem;
  border: 3px black;
  border-style: dashed;
  Margin: 1.5rem 1.5rem 1.5rem 1.5rem;
}