html {
  height: 100%;
  width: 100%;
  
}
body{
  color:white;
  background-color:#c33237;
  font-family:monospace;
  text-align: center;
  padding:15px;

}

h1{
  font-size:200%;
}
p{
  font-size: 120%;
}
.gallery-button{
  color: #000000;
			background-color: #ffffff;
			font-size: 12px;
			border: 1px solid #000000;
			cursor: pointer
}
.gallery-button:hover {
  font-style:italic
}

#group-pic{
  border: 4px solid gold;
  max-width: 100%;
  height:auto;
}
#foot{
  font-size: 100%;
}
#brief-history-header{
  color:gold;
  text-weight:bold;
  font-size:20px;
}
#brief-history{
  text-align: left;
  margin:20px;
  font-size:12px;
  line-height:1.5em;
}
img {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width:1000px){

h1{
  font-size:300%;
}
p{
  font-size: 120%;
}
.gallery-button{
  color: #000000;
			background-color: #ffffff;
			font-size: 12px;
			border: 1px solid #000000;
			cursor: pointer
}
.gallery-button:hover {
  font-style:italic
}

#group-pic{
   border: 4px solid gold;
  width:60%;
}
#foot{
  font-size: 100%;
  margin:40px;
}
#brief-history-header{
  color:gold;
  text-weight:bold;
  font-size:20px;
}
#brief-history{
  text-align: left;
  margin:20px;
  font-size:150%
  
}
img {
    max-width: 100%;
    height: auto;
}
  
}