body {
	background-color: #000;
}

.bg-news {
  background-image: url('../../../img/bg-news.jpg');
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

h1 {
	color: #FFF;
	font-size: 4em;
}

p {
	color: #FFF;
	font-size: 1.7em;
	font-weight: lighter;
}

.text-shadow {
	text-shadow: 1px 1px 5px #000;
}

.card {
	box-shadow: 1px 1px 10px #D7D7D7;
}

.card-body {
	background-color: transparent;
}

.card-body h5 {
	font-size: 1.4em;
}

.card-body p {
	color: #000;
	font-size: 1.3em;
}

.card-text {
	line-height: 22px;
}

@media (max-width: 575.98px) {
	h1 {
		font-size: 2.3em;
	}
	h1.bottom-margin-xl-5 {
		margin-bottom: 20px !important;
	}
	.left-margin-xxl.text-shadow {
		margin-left: 0 !important;
	}
	.p-5 {
		padding: 2rem !important;
	}
	.row.top-padding-xl-5 {
		padding: 0 10px !important;
	}
	.top-margin-xl-5 {
		margin-top: 0px !important;
	}
	.top-padding-xl-5 {
		padding-top: 0px !important;
	}
	.bottom-margin-xl-5 {
		margin-bottom: 0px !important;
	}
	h2 {
		font-size: 2.1em !important;
	}
	.heading-trend {
		margin-top: 50px;
		padding-top: 50px;
	}
	.card {
		margin-bottom: 50px !important;
	}
	.card img {
		border-radius: 5px;
	}
	.card-body p {
		font-size: 1.5em;
	}
	.card-text {
		line-height: 31px;
	}
	.card-body p,
	.card-title {
		text-align: center !important;
	}
	.row.g-0 {
		text-align: center;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	h1 {
		font-size: 2.3em;
	}
	h1.bottom-margin-xl-5 {
		margin-bottom: 20px !important;
	}
	.left-margin-xxl.text-shadow {
		margin-left: 0 !important;
	}
	.p-5 {
		padding: 2rem !important;
	}
	.top-margin-xl-5 {
		margin-top: 0px !important;
	}
	.top-padding-xl-5 {
		padding-top: 0px !important;
	}
	.bottom-margin-xl-5 {
		margin-bottom: 0px !important;
	}
	h2 {
		font-size: 2.1em !important;
	}
	.heading-trend {
		margin-top: 50px;
		padding-top: 50px;
	}
	.card {
		margin-bottom: 50px !important;
	}
	.card img {
		border-radius: 5px;
	}
	.card-body p {
		font-size: 1.5em;
	}
	.card-text {
		line-height: 31px;
	}
	.card-body p,
	.card-title {
		text-align: center !important;
	}
	.container-fluid.bottom-margin-xl-5 {
		max-width: 540px;
	}
	.col-sm-12.col-md-4 {
		text-align: center;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 1200px) and (max-width: 1500px) {
}