.header img{
  display:block;
  width: 30%;
  margin: 0 auto;
  padding:20px;
}

.header{
  background-color:#DBD3C0;
}

.content{
  background-color:#B6C4D1;
  padding:20px;
  
}

.content h1{
  font-family:'emmett-font-2';
  text-align: center;
  letter-spacing:3px; 
  padding:30px;
}

.content h2{
  font-family:'emmett-font-2';
  text-align: center;
  padding:20px;
  
}

.content h3{
  text-align: center;
  padding:20px;
  font-family:Georgia;
  
}

.content p{
  text-align: center;
  padding:20px;
  font-family:Georgia;
  
}


.content a{
  color:black;
}

.content a:hover{
  color:#F66B7A;
}

.button-group {
  display: flex;
  flex-direction:row;
  justify-content:center;
  
}

@media (max-width: 768px) {
  .button-group {
  flex-direction: column;
  font-size:10px
  }
  .header img{
  width:50%
  }
}


.button-group button {
  background-color: #DBD3C0;
  padding:20px 10px;
  font-size:40px;
  text-align: center;
  font-family:'emmett-font-2';
  letter-spacing:3px;
  cursor: pointer;
  flex: 1;
}


.button-group button:nth-child(1):hover {
  background-color: #F66B7A; 
}
  
.button-group button:nth-child(2):hover {
  background-color: #6a75f7; 
}

.button-group button:nth-child(3):hover {
  background-color: #A7F273; 
}
 
.button-group button:nth-child(4):hover {
  background-color: #F36AF7; 
}