.modal-header {
    /*background-color: #012436;*/
    background-color: #023550;
    color: #fff;
    border: none;
  }

  .btn-close {
    background-color: #fff;
  }

  /* Text on the Card/Tile */
  .card-title {
    text-align: center;
    color: #111;
    padding-top: 6px;
  }

  /* Image on the Card/Tile */
  .card-img-top{
    height: 350px;
    width: 100%;
    object-fit: cover;
  }

  /* Tabs in modal */
  .nav-tabs a{
    color: #fff;
  }
  .nav-tabs a:hover{
    color: #111;
  }
  .nav-tabs > li{
    background-color: #012436;
    border-bottom: 1px solid #fff;
  }

  /* .img-thumbnail{
    background: none;
    border: none;
    width: 100%;
    max-width: 600px;
    height: auto;
  } */

  .p{
    font-size: 20px;
  }

  /* .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
  } */

  .carousel-control-prev-icon, .carousel-control-next-icon {
    padding: 1.5rem;
  }

  /* X-small devices (less than 576px) */
  @media (max-width: 767px) {
    /* Image on the Card/Tile */
    .card-img-top {
      height: 200px;
    }
  }

  /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) and (max-width: 767px) {
    /* Image on the Card/Tile */
    .card-img-top {
      height: 200px;
    }
  }
  
  /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) and (max-width: 991px) {
      /* Image on the Card/Tile */
      .card-img-top {
        height: 250px;
      }
  }
  
  /* Large devices (desktops, 992px and up)*/
  @media (min-width: 992px) and (max-width: 1999px) {

  }
  
  /* X-Large devices (large desktops, 1200px and up)*/
  @media (min-width: 1200px) {

  }