body {
  font-family: 'Josefin Sans', sans-serif; }

.wrapper-33 {
  position: relative;
  width: 100%;
  display: inline-block;
  height: auto;
  overflow: hidden;
  background: linear-gradient(to left, #003c44, #00BCD4);
  padding: 5em 0; }
  .wrapper-33 .agileits-title {
    font-size: 4em;
    letter-spacing: 2px;
    color: #ff5722;
    text-align: center;
    margin-bottom: 0.8em;
    font-weight: 600; }
  .wrapper-33 .news-wthreegrid {
    width: 80%;
    margin: 0 auto; }
    .wrapper-33 .news-wthreegrid .news-grid-left .date {
      border-right: 6px solid #007888;
      padding-right: 2em;
      text-align: right; }
      .wrapper-33 .news-wthreegrid .news-grid-left .date h4 {
        font-size: 2.2em;
        color: #fff;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 200;
        letter-spacing: 3px; }
    .wrapper-33 .news-wthreegrid .news-grid-left .date-info {
      padding-left: 2.5em; }
      .wrapper-33 .news-wthreegrid .news-grid-left .date-info h5 {
        font-size: 2em;
        color: #fff;
        letter-spacing: 3px; }
        .wrapper-33 .news-wthreegrid .news-grid-left .date-info h5 a {
          color: #fff;
          text-decoration: none; }
      .wrapper-33 .news-wthreegrid .news-grid-left .date-info p {
        color: #fff;
        line-height: 1.8em;
        margin-top: 0.5em;
        font-family: 'Roboto Condensed', sans-serif; }
    .wrapper-33 .news-wthreegrid .news-grid-right {
      margin: 3em 0; }
      .wrapper-33 .news-wthreegrid .news-grid-right .date2 {
        padding: 0 1em 0 2em;
        border: none;
        border-left: 6px solid #007888;
        text-align: left;
        float: right; }
        .wrapper-33 .news-wthreegrid .news-grid-right .date2 h4 {
          font-size: 2.2em;
          color: #fff;
          font-family: 'Roboto Condensed', sans-serif;
          font-weight: 200;
          letter-spacing: 3px; }
      .wrapper-33 .news-wthreegrid .news-grid-right .date-info {
        padding: 0 2.5em 0 1em;
        text-align: right; }
        .wrapper-33 .news-wthreegrid .news-grid-right .date-info h5 {
          font-size: 2em;
          color: #fff;
          letter-spacing: 3px; }
          .wrapper-33 .news-wthreegrid .news-grid-right .date-info h5 a {
            color: #fff;
            text-decoration: none; }
        .wrapper-33 .news-wthreegrid .news-grid-right .date-info p {
          color: #fff;
          line-height: 1.8em;
          margin-top: 0.5em;
          font-family: 'Roboto Condensed', sans-serif; }

@media all and (min-width: 320px) and (max-width: 544px) {
  .wrapper-33 {
    position: relative;
    width: 100%;
    display: inline-block;
    font-family: 'Tulpen One', cursive;
    height: auto;
    overflow: hidden;
    background: linear-gradient(to left, #003c44, #00BCD4);
    padding: 5em 0; }
    .wrapper-33 .agileits-title {
      font-size: 4em;
      letter-spacing: 2px;
      color: #ff5722;
      text-align: center;
      margin-bottom: 0.8em;
      font-weight: 600; }
    .wrapper-33 .news-wthreegrid {
      width: 100%;
      margin: 0 auto; }
      .wrapper-33 .news-wthreegrid .news-grid-left .date {
        border-right: 6px solid #007888;
        padding-right: 2em;
        text-align: right; }
        .wrapper-33 .news-wthreegrid .news-grid-left .date h4 {
          font-size: 2.6em;
          color: #fff;
          font-family: 'Roboto Condensed', sans-serif;
          font-weight: 200;
          letter-spacing: 3px; }
      .wrapper-33 .news-wthreegrid .news-grid-left .date-info {
        padding-left: 2.5em; }
        .wrapper-33 .news-wthreegrid .news-grid-left .date-info h5 {
          font-size: 2em;
          color: #fff;
          letter-spacing: 3px; }
          .wrapper-33 .news-wthreegrid .news-grid-left .date-info h5 a {
            color: #fff;
            text-decoration: none; }
        .wrapper-33 .news-wthreegrid .news-grid-left .date-info p {
          color: #fff;
          line-height: 1.8em;
          margin-top: 0.5em;
          font-family: 'Roboto Condensed', sans-serif; }
      .wrapper-33 .news-wthreegrid .news-grid-right {
        margin: 3em 0; }
        .wrapper-33 .news-wthreegrid .news-grid-right .date2 {
          padding: 0 1em 0 2em;
          border: none;
          border-left: 6px solid #007888;
          text-align: left;
          float: right; }
          .wrapper-33 .news-wthreegrid .news-grid-right .date2 h4 {
            font-size: 2.6em;
            color: #fff;
            font-family: 'Roboto Condensed', sans-serif;
            font-weight: 200;
            letter-spacing: 3px; }
        .wrapper-33 .news-wthreegrid .news-grid-right .date-info {
          padding: 0 2.5em 0 1em;
          text-align: right; }
          .wrapper-33 .news-wthreegrid .news-grid-right .date-info h5 {
            font-size: 2em;
            color: #fff;
            letter-spacing: 3px; }
            .wrapper-33 .news-wthreegrid .news-grid-right .date-info h5 a {
              color: #fff;
              text-decoration: none; }
          .wrapper-33 .news-wthreegrid .news-grid-right .date-info p {
            color: #fff;
            line-height: 1.8em;
            margin-top: 0.5em;
            font-family: 'Roboto Condensed', sans-serif; } }
@media all and (min-width: 1024px) and (max-width: 1366px) {
  .wrapper-33 {
    position: relative;
    width: 100%;
    display: inline-block;
    font-family: 'Tulpen One', cursive;
    height: auto;
    overflow: hidden;
    background: linear-gradient(to left, #003c44, #00BCD4);
    padding: 5em 0; }
    .wrapper-33 .agileits-title {
      font-size: 4em;
      letter-spacing: 2px;
      color: #ff5722;
      text-align: center;
      margin-bottom: 0.8em;
      font-weight: 600; }
    .wrapper-33 .news-wthreegrid {
      width: 100%;
      margin: 0 auto; }
      .wrapper-33 .news-wthreegrid .news-grid-left .date {
        border-right: 6px solid #007888;
        padding-right: 2em;
        text-align: right; }
        .wrapper-33 .news-wthreegrid .news-grid-left .date h4 {
          font-size: 1.8em;
          color: #fff;
          font-family: 'Roboto Condensed', sans-serif;
          font-weight: 200;
          letter-spacing: 3px; }
      .wrapper-33 .news-wthreegrid .news-grid-left .date-info {
        padding-left: 2.5em; }
        .wrapper-33 .news-wthreegrid .news-grid-left .date-info h5 {
          font-size: 2em;
          color: #fff;
          letter-spacing: 3px; }
          .wrapper-33 .news-wthreegrid .news-grid-left .date-info h5 a {
            color: #fff;
            text-decoration: none; }
        .wrapper-33 .news-wthreegrid .news-grid-left .date-info p {
          color: #fff;
          line-height: 1.8em;
          margin-top: 0.5em;
          font-family: 'Roboto Condensed', sans-serif; }
      .wrapper-33 .news-wthreegrid .news-grid-right {
        margin: 3em 0; }
        .wrapper-33 .news-wthreegrid .news-grid-right .date2 {
          padding: 0 1em 0 2em;
          border: none;
          border-left: 6px solid #007888;
          text-align: left;
          float: right; }
          .wrapper-33 .news-wthreegrid .news-grid-right .date2 h4 {
            font-size: 1.8em;
            color: #fff;
            font-family: 'Roboto Condensed', sans-serif;
            font-weight: 200;
            letter-spacing: 3px; }
        .wrapper-33 .news-wthreegrid .news-grid-right .date-info {
          padding: 0 2.5em 0 1em;
          text-align: right; }
          .wrapper-33 .news-wthreegrid .news-grid-right .date-info h5 {
            font-size: 2em;
            color: #fff;
            letter-spacing: 3px; }
            .wrapper-33 .news-wthreegrid .news-grid-right .date-info h5 a {
              color: #fff;
              text-decoration: none; }
          .wrapper-33 .news-wthreegrid .news-grid-right .date-info p {
            color: #fff;
            line-height: 1.8em;
            margin-top: 0.5em;
            font-family: 'Roboto Condensed', sans-serif; } }

/*# sourceMappingURL=wrapper-33.css.map */