@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body{
	font-family: Overpass, Roboto, sans-serif;
	background-color: #FFFFFF !important;
}
.navbar-header {
    margin-left:35px !important;
}
.content{
	margin-top: 20px;
	padding:10px;
	background-color: #ffffff !important;
	 
}
.image-container{
	padding: 15px 0px;
	background-color: #0066A1; 
}
.header{
	background-color: #000000 !important;
}
.footer{
	margin-bottom:0px !important;
	color: #ffffff !important;
	background-color: #231f20 !important;
}
.btn_sm, .btn_sm:visited, .btn_sm:active {
  background-color: #005880;
  border: 0;
  color: #fff;
  display: inline-block;
  font-family: 'Overpass', sans-serif;
  padding: 10px 25px;
  text-align: left;
  font-weight: 800;
  text-transform: uppercase;
  background-image: url(../images/button-arrow.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 55px;
  padding-left: 20px;
  transition: .5s;
}
.btn_sm:hover {
  color: #fff;
  background-position: left;
  background-color: #005880;
}
.blue-img {
    background-image: url(../images/Group-900.svg);
    background-repeat : no-repeat;
    background-position: right 0px top -50px;
}
.panel-body{
	background-color: #6FD4E4;
}
/* XS (default) */
.thumb-img {
    height: 140px;   /* pick whatever you want for phones */
    width: auto;
    object-fit: cover;
}

/* SM (≥768px) */
@media (min-width: 768px) {
    .thumb-img {
        height: 200px;   /* your sm height */
    }
}

/* MD + LG (≥992px) */
@media (min-width: 992px) {
    .thumb-img {
        height: 296px;   /* match the two taller images */
    }
}