h1 {
  font-size: 5em;
  color: #283981; }
  @media (max-width: 768px) {
    h1 {
      font-size: 3em; } }

.container .event {
  font-size: 1.5em;
  color: #8f8f8f;
  margin-top: 3em; }
  .container .event h2 {
    font-size: 4em;
    margin: 1em 0; }
    @media (max-width: 768px) {
      .container .event h2 {
        font-size: 3em; } }
    @media (max-width: 568px) {
      .container .event h2 {
        font-size: 2em; } }
  .container .event .desc {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -ms-align-items: center; }
    .container .event .desc .content {
      width: 67%;
      padding-right: 3%;
      font-size: 23px; }
      .container .event .desc .content .march {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center; }
        .container .event .desc .content .march > p {
          width: 50%; }
        .container .event .desc .content .march > img {
          width: 50%;
          height: 50%; }
    .container .event .desc .image {
      width: 30%; }
      .container .event .desc .image figure {
        text-align: right;
        margin: 5px; }
        .container .event .desc .image figure img {
          width: 100%; }
    .container .event .desc p {
      font-size: 23px;
      line-height: 33px; }
      @media (max-width: 480px) {
        .container .event .desc p {
          font-size: 16px;
          line-height: 20px; } }
    .container .event .desc .march-image {
      margin-top: -8em; }
    @media (max-width: 768px) {
      .container .event .desc {
        font-size: 70%; }
        .container .event .desc .content {
          width: 100% !important; }
        .container .event .desc .image {
          width: 100% !important; }
          .container .event .desc .image figure {
            text-align: center; }
            .container .event .desc .image figure img {
              width: 340px; }
        .container .event .desc .march-image {
          margin-top: 0; } }
    @media (max-width: 450px) {
      .container .event .desc .image figure img {
        width: 250px; } }
@media (max-width: 1000px) {
  .container {
    padding: 1.5em; } }

/*# sourceMappingURL=showad.css.map */
