@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/varelaround/v20/w8gdH283Tvk__Lua32TysjIfp8uK.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Telefon Black';
    src: url('https://raw.githubusercontent.com/arnabmunshi/fontface/master/TelefonBlack/Telefon-Black.woff2') format('woff2'), url('https://raw.githubusercontent.com/arnabmunshi/fontface/master/TelefonBlack/Telefon-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
  }
  .page-event {
    background-color: whitesmoke;
    padding-bottom: 40px;
    font-family: "Varela Round", sans-serif;
  }
  .page-event .cover {
    background-color: #36353a;
    height: 360px;
    background-image: url('https://goo.gl/NA3iQP');
    background-position: center center;
    background-size: cover;
  }
  .page-event .cover .heading {
    font-family: 'Telefon Black';
    font-size: 243px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0a0a0a;
    transition: font-size 0.3s;
  }
  .page-event .cover .heading::first-letter {
    color: #000000;
  }
  .page-event .upcoming-sec {
    padding: 5vh 0;
    border-bottom: 1px solid #000000;
  }
  .page-event .upcoming-sec .heading {
    font-size: 30px;
    color: #000000;
  }
  .page-event .upcoming-event-list {
    color: #000000;
  }
  .page-event .upcoming-event-list .event-block {
    padding: 5vh 0;
    border-bottom: 1px solid #000000;
  }
  .page-event .upcoming-event-list .event-block .sec-1,
  .page-event .upcoming-event-list .event-block .sec-2 {
    padding-bottom: 3vh;
  }
  .page-event .upcoming-event-list .event-block .sec-1 table .month {
    text-transform: uppercase;
    color: #4d7238;
    font-size: 30px;
  }
  .page-event .upcoming-event-list .event-block .sec-1 table .month-date-devider {
    width: 5vh;
    margin: 1vh 0;
    background-color: #51662f;
    height: 5px;
  }
  .page-event .upcoming-event-list .event-block .sec-1 table .date {
    font-size: 40px;
    font-weight: bolder;
    line-height: normal;
  }
  .page-event .upcoming-event-list .event-block .sec-1 table .title {
    padding-left: 20px;
    vertical-align: top;
    font-size: 30px;
  }
  .page-event .upcoming-event-list .event-block .sec-2 img {
    width: 100%;
  }
  .page-event .upcoming-event-list .event-block .sec-3 .title {
    font-size: 30px;
    padding-bottom: 2vh;
  }
  .page-event .upcoming-event-list .event-block .sec-3 .venue table td {
    vertical-align: top;
  }
  .page-event .upcoming-event-list .event-block .sec-3 .venue table td i {
    color: #fd0000;
    padding-left: 3px;
    padding-right: 10px;
  }
  .page-event .upcoming-event-list .event-block .sec-3 .venue table td .dim-color a {
    color: rgba(204, 204, 204, 0.3);
  }
  .page-event .upcoming-event-list .event-block .sec-3 .time {
    padding-bottom: 3vh;
  }
  .page-event .upcoming-event-list .event-block .sec-3 .time table td {
    vertical-align: top;
  }
  .page-event .upcoming-event-list .event-block .sec-3 .time table td i {
    color: #000000;
    padding-right: 10px;
  }
  .page-event .upcoming-event-list .event-block .sec-3 .time table td .dim-color {
    color: rgba(204, 204, 204, 0.3);
  }
  .page-event .upcoming-event-list .event-block .sec-3 .sort-story {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .page-event .upcoming-event-list .event-block .sec-3 .group-of-btn {
    padding-top: 3vh;
  }
  .page-event .upcoming-event-list .event-block .sec-3 .group-of-btn .book-ticket {
    background-color: #5a8044;
    color: #fff;
    margin-bottom: 10px;
  }
  .page-event .page-heading {
    text-transform: uppercase;
    color: #475746;
    padding-bottom: 17px;
    word-break: break-all;
    padding: 10px;
  }
  .page-event .page-heading::first-letter {
    color: #db2d8e;
  }
  @media (min-width: 992px) {
    .upcoming-event-list .event-block .sec-1 table .title {
      display: none;
    }
  }
  @media (max-width: 991px) {
    .page-event .cover .heading {
      font-size: 180px;
      padding-top: 7vh;
    }
    .upcoming-event-list .event-block .sec-3 .title {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .page-event .cover .heading {
      font-size: 140px;
      padding-top: 11vh;
    }
  }
  @media (max-width: 575px) {
    .page-event .cover {
      height: 214px;
    }
    .page-event .cover .heading {
      font-size: 70px;
    }
    .page-event .upcoming-event-list .event-block .sec-1 table .month {
      font-size: 14px;
    }
    .page-event .upcoming-event-list .event-block .sec-1 table .date {
      font-size: 36px;
    }
    .page-event .upcoming-event-list .event-block .sec-1 table .title {
      padding-left: 20px;
      font-size: 20px;
      vertical-align: top;
    }
  }