@media screen and (min-width: 320px) and (max-width: 768px) {

/* navbar */

  .navbar-toggler {
    padding: 10px;
    border-radius: 5px;
    margin:20px;
  }

    .navbar-toggler i {
    font-size: 36px;
  }

  .navbar, .navbar.shrink, .navbar-collapse {
    background: #ffffff;
    max-height: none;
  }

  .navbar-light .navbar-nav .nav-item .nav-link {
    color: #000000;
  }

  .navbar-light .navbar-nav .nav-item.active .nav-link {
    color: #ffffff;
  }

  .navbar-light .navbar-nav .nav-item .nav-link:hover {
    color: #ffffff;
  }

  .dropdown-menu {
    display: block;
    top: 100px;
  }

  .dropdown-item {
    border-bottom: none;
  }

  .navbar {
    padding: 0px;
  }

  .navbar-brand {
    margin: 20px;
  }

  .navbar-collapse {
    margin-top: 25px;
  }

  .navbar-collapse .collapse .show {
    padding: 0px;
  }

  .navbar-light .navbar-nav .nav-link {
    margin-right: 10px;
  }

  .navbar-light .navbar-nav .nav-link:last-child {
    margin-bottom: 10px;
  }



/* top-image */

  .top-titles {
    margin-top: 30%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .top-titles h1 {
    font-size: 3em;
  }

  .top-titles p {
    font-size: 1.4em;
  }

  .top-titles .white-space-4 {
    margin: 0px;
  }

  #top_image {
    height: 125vh;
    background-size: cover;
    background-position: center;
  }

/* article-preview */

  .col-md-8 .article-preview {
    height: 200px;
  }

  .article-preview-xl {
    padding-bottom: 0px;
  }

  .top-image-button .fa-caret-right {
    padding-left: 30px!important;
  }

  .footer-navbar .col-sm-12{
    border-top:  1px solid #759fe8;
  }

  #large_image h1 {
    font-size: 2em;
  }

  #large_image {
  height: 125vh;
  }

/* breadcrumb */

  .navbar-breadcrumb {
    padding-left: 0px!important;
  }

 .navbar-breadcrumb li  {
    font-size: 1.5rem;
  }

  .btn-group {
    display: block;
  }

  .btn-group a {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    border-radius: 5px;
  }

  .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-radius: 5px;
  }
}

/* footer */

  .footer .row {
    padding: 50px 0px;
  }
  .footer .col-md-4 {
    margin-bottom: 20px;
  }

  .footer .col-md-4:last-child {
    margin-bottom: 0px;
  }