/* Make the image fully responsive */
   .carousel-inner img {
    width: 100%;
    height: 100%;
    max-height: 500px;
    margin-top:85px
  }
  .navbar {
    background-color: #19194d;
   
  }
  .btn {
background-color: #19194d;

  }

  img.hover-shadow {
    transition: 0.3s;
  }
  
  .hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
  /* Create five equal columns that sits next to each other */
  .column {
      -ms-flex: 20%; /* IE10 */
      flex: 20%;
      max-width: 20%;
      max-height: 350px;
      min-height: 350px;
      padding: 8px;
  }
  .column img {
      margin-top: 4px;
      vertical-align: middle;
  }
  
  /* Responsive layout - makes a two column-layout instead of four columns */
  @media screen and (max-width: 800px) {
      .column {
          -ms-flex: 50%;
          flex: 50%;
          max-width: 50%;
      }
  }
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
      .column {
          -ms-flex: 100%;
          flex: 100%;
          max-width: 100%;
      }
  }
  
  img {
      margin-bottom: -4px;
  
  }
  
  .row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
  
  }
  * {
    box-sizing: border-box;
  }
  .pagination {
    
  }
  
  .pagination a {
  
    text-decoration: none;
    transition: background-color .3s;
  }
  
  .pagination a.active {
    background-color: #19194d !important;
    color: white;
  }
  
  .pagination a:hover:not(.active) {background-color: #ddd;}