.bulletin-page > header{
  background-color: #00818F;
}

.bulletin-page > header p {
    padding-top: 130px;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 5px;
    padding-bottom: 3px;
    text-transform: uppercase;
    display: block;
    letter-spacing: 2px;
    font-family: 'FFSanukWebBold';
}

.bulletin-page .bulletin-list {
    min-height: 500px;
}

.bulletin-page > div > aside p {
    font-family: 'FFSanukWebBold';
}

.bulletin-page > div > aside span {
    font-family: 'FFSanukWeb';
    word-spacing: 10px;
}

.bulletin-page > div > aside > div > p {
    font-size: 10pt;
    font-weight: bold;
    border-bottom: 1px solid #1D93D0;
    padding-bottom: 6px;
}

.bulletin-page > div > aside span {
    font-size: 12pt;
    font-weight: bold;
    color: #898A89;
}

.bulletin-section {
  font-size: 14pt;
  font-weight: bold;
  margin-top: 25px;
}

.bulletin-section .card {
  background-color: #F2F0F1;
  color: white;
  font-family: Arial Narrow;
  display: flex;
  margin-top: 25px;
  min-height: 250px;
}

.bulletin-section .card .items {
  background-color: #F2F0F1;
  flex: 1 50%;
  margin-left: 25px;
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bulletin-section .card .image {
  background-image: url("../images/2011.PNG");
  flex: 2 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 25px;
  background-color: #00818F;
}

.bulletin-section .card .items .titleCard span {
  font-size: 18pt;
  color: #00818F;
  font-family: 'FFSanukWeb';
}

.bulletin-section .card .items .titleCard p {
    font-family: 'FFSanukWeb';
    font-size: 12pt;
    color: #00818F;
    margin-bottom: 26px;
    font-weight: 100;
    line-height: 2.3;
}

.bulletin-section .card .items .footerCard {
  color: #0086CA;
  font-size: 12pt;
  font-family: 'FFSanukWeb';
  margin-bottom: 15px;
}

.bulletin-section .card .items .footerCard a {
  color: #0086CA;
  line-height: 2.0;
}

.bulletin-section .card .items .footerCard .icon {
  height: 28px;
}

.bulletin-section .bulletinRuler {
  border: 1px solid #CAC8C8;
}

.internal-page .bulletin-section p:first-child {
  margin-top: 0;
}

.submenu.bulletinmenu a {
  font-family: 'FFSanukWeb';
  color: #717271;
}

@media (max-width: 768px) {
  .bulletin-section .card{
    background-color: #F2F0F1;
    color: white;
    font-family: Arial Narrow;
    display: flex;
    flex-direction: column-reverse;
    margin-left: 0;
    margin-top: 25px;
    min-height: 340px;
  }

  .bulletin-section .card .items .titleCard p {
      font-family: 'FFSanukWeb';
      font-size: 12pt;
      color: #293B66;
      margin-bottom: 26px;
      font-weight: 100;
      line-height: 2.3;
  }

  .bulletin-section .card .image {
    background-image: url("../images/2011.PNG");
    margin-left: 0;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top;
    background-color: #00818F;
    min-height: 250px;
  }

  .bulletin-section .card .items .titleCard span {
    font-size: 14pt;
  }

  .bulletin-section .card .items .footerCard {
    font-size: 10pt;
    line-height: 2.5;
  }

  .bulletin-section .card .items .footerCard .icon {
    height: 28px;
  }

  .bulletin-section .card .items {
    margin-left: 15px;
  }
}