@charset "UTF-8";
/* CSS Document */
.popular{
	display: none;
}
#about-header h2{
	bottom: 75px;
}


.card-background:hover, .card-background:focus{
	text-decoration: none;
	}
.card-background {
    height: 275px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    background-color: #000;
	border-radius: 0;
	margin-top: 50px;
    margin-bottom: 15px;
    border: none;
	display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}
.card-background .card-body {
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    justify-content: flex-end;
    z-index: 1;
    text-shadow: 0px 0px 3px rgb(0 0 0 / 75%);
    background-size: cover;
    background-position: center;
    text-align: left;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	-ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.card-background .card-body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0,46,102);
	background: -moz-linear-gradient(0deg, rgba(0,46,102,0.5998993347338936) 0%, rgba(0,46,102,0) 60%);
	background: -webkit-linear-gradient(0deg, rgba(0,46,102,0.5998993347338936) 0%, rgba(0,46,102,0) 60%);
	background: linear-gradient(0deg, rgba(0,46,102,0.5998993347338936) 0%, rgba(0,46,102,0) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002e66",endColorstr="#002e66",GradientType=1);
	z-index: 1;
}
.card-background h3 {
    color: #fff !important;
	text-transform: none !important;
    position: relative;
    font-weight: 700;
    font-size: 24px;
	text-shadow: 0px 0px 5px rgb(0 0 0 / 75%);
	position: relative;
	z-index: 2;
}
.card-background h3::after{
	content: "\f105";
    font-family: 'FontAwesome';
	font-weight: 900;
	position: absolute;
	color: #ffbe00;
	font-size: 26px;
	margin-left: 12px;
	z-index: 2;
	}
.card-background .card-body .img-overlay{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	z-index: 0;
	}
.card-background:hover .card-body .img-overlay, .card-background:focus .card-body .img-overlay{
    transform: scale(1.2);
}