html, body {
    height: 100%;
    display: flex;
    /*flex-direction: column;*/
  }

  .content {
    flex: 1;
  }

  .announcement {
    padding: 50px;
  }

  .announcement-content {
    display: flex;
    /*max-width: 1200px;*/
    /*margin: 0 auto;*/
    padding: 0 20px;
    /*justify-content: space-between;*/
  }

.announcement-section-second {
    width: 50%;

    /*padding: 20px 60px;*/
    /*float: left;*/
    
    text-align: center;

    padding: 40px 0;
}

.announcement-section {
    width: 50%;
}

.announcement-new {
    text-align: center;
}

.announcement-message-text {
    max-width: 80%;
}

.announcement-none-text {
    font-size: 1.7em;
}

.announcement-shop-req button {
  color: #ffd8b8; 
  background-color: #2e2360; 
  text-decoration: none;
  border: 5px solid #2e2360;
  /*font-size: 18px; */
  font-size: 1.5em;
  font-weight: bold;
  /*padding: 8px 15px; */
  border-radius: 5px;
  cursor: pointer; 
  transition: all 0.3s ease;
}

.announcement-shop-req button:hover {
  background-color: #EA5E5F; 
  color: #2e2360;
  border-color: #EA5E5F;
}

.announcement-signup {
    background-color: #4B2C4A;
    border: 5px solid #4B2C4A;
    border-radius: 5px;
    padding: 50px;
    width: 65%;
    /*padding: 115px;*/
}

.announcement-box-text {
    padding: 20px 0;
    color: #ffd8b8;
    font-weight: bold;
    font-size: 1.7em;
}

.announcement-mail-image {
    width: 70%;
}

.announcement-page-image {
    width: 80%;
}

.announcement-unsub button {
    color: #4B2C4A; 
    background-color: #ec6d6e; 
    text-decoration: none;
    border: 2px solid #ec6d6e;
    /*font-size: 18px; */
    font-family: 'futura-pt';
    font-size: 1.7em;
    font-weight: bold;
    /*padding: 8px 15px; */
    border-radius: 5px;
    cursor: pointer; 
    transition: all 0.3s ease;
}

.announcement-unsub button:hover {
    background-color: #4B2C4A; 
    color: #ec6d6e;
    border-color: #ec6d6e;
}