@media (max-width: 375px) {
    .heute a{font-size:13px;}
    .heute p{font-size:12px;}
    .heute .text-danger{font-size:12px;}
    .date-txt > div{font-size:12px;}
}


/* ===============================
   Extra small devices (<576px)
================================ */
@media (max-width: 575.98px) {
  body {
    background: #08192E;
  }

  .mobile-frame {
    background: #08192E;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .page-content {
    padding: 0px;
  }

  .nav-label {
    font-size: 10px;
  }

  .feed-tabs .nav-link {
    font-size: 12px;
  }

}

/* ===============================
   Small devices (≥576px)
================================ */
@media (min-width: 576px) and (max-width: 767.98px) {
  .mobile-frame {
    width: 576px;
    background: #08192E;
    height: 100%;
    overflow: hidden;
  }

  .heute h3 {
    font-size: 22px;
  }

}

/* ===============================
   Medium devices (≥768px)
================================ */
@media (min-width: 768px) and (max-width: 991.98px) {
  .mobile-frame {
    width: 576px;
    background: #08192E;
    height: 100%;
    overflow: hidden;
  }
}

/* ===============================
   Large devices (≥992px)
================================ */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mobile-frame {
    width: 576px;
    background: #08192E;
    height: 100%;
    overflow: hidden;
  }

  .heute h3 {
    font-size: 28px;
  }
}

/* ===============================
   Extra large devices (≥1200px)
================================ */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .mobile-frame {
    width: 576px;
    background: #08192E;
    height: 100%;
    overflow: hidden;
  }
}

/* ===============================
   XXL devices (≥1400px)
================================ */
@media (min-width: 1400px) {
  .mobile-frame {
    width: 576px;
    background: #08192E;
    height: 100%;
    overflow: hidden;
  }
}

@media (max-width: 576px) {
  .bottom-nav {
    padding: 10px 20px;
  }

  .heute h3 {
    font-size: 20px;
  }

  .heute button {
    font-size: 12px;
  }

  .heute {
    text-align: left;
    margin-bottom: 15px;
  }

  .heute .entry {
    padding: 10px;
  }

  .heute h6 {
    margin-top: 5px;
  }
}