.card-body{
  background-color: antiquewhite;
}
.card-body h2{
  background-color: #3C5F9C;
  color:#fff;
  font-size: 15px;
  padding: 10px;
}


.logo-text{
        font-size: 1.8rem;
        background-color: #313a46;
        font-weight: bold;
        color: white;
    }
    #logo{
        display: block;margin-left: auto;margin-right: auto;height: 150px;
    }






input[type="date"] {
  position: relative;
  padding: 10px;
  font-size:12px;
  width: 120px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  width:15px;
  height:15px;
  padding: 0 0 0 0;
  margin:0 0 0 0;
  background-size:15px;
  z-index: 1;
}

input[type="date"]:before {
  display: block;
padding: 0 0 0 0;
margin:0 0 0 0;
width:15px;
height:15px;
background-size:15px;
  /* This is the calendar icon in FontAwesome */
  width: 15px;
  height: 20px;
  position: absolute;
  top: 12px;
  right: 6px;
  color: #999;
}

        @media only screen and (max-width: 1024px){



    #logo{
        display: block;margin-left: auto;margin-right: auto;height: 80px;
    }
    .logo-text{
        font-size: 1.2rem;
        background-color: #313a46;
        font-weight: bold;
        color: white;
    }
    .main-nav-flex{
        flex-direction: column !important;
    }

    table {
        width: 100%;
    }

    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
    top: -16px;
    left: 10px;
    border: none;
    }

    thead tr th {
        height: 70px;
        border-bottom: none  !important;
        border: none  !important;
    }

    tr { border: 1px solid #ccc; }

    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: none;
        position: relative;
        padding-left: 50%;
        border: none;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        /* Label the data */
        content: attr(data-column);

        color: #000;
        font-weight: bold;
    }

    input[type="date"] {
  position: relative;
  padding: 10px;
  font-size:12px;
  width: 100%;
}

.industry{
  width: 100%;
}

}





.container.gallery-container {
    background-color: #fff;
    color: #35373a;
    min-height: 100vh;
    padding: 30px 50px;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 40px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
    height: 160px;
    object-fit: cover;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}



.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}