body {
  font-family: "Poppins", sans-serif;
  
  
  
}









h1, h2, h3, h4, h5, h6 {
  font-family: "Spectral", serif;
  font-weight: 400;
  color: #7f1323;
/* 
  color: #3d89c2;
 */
}

strong {
  color: #7f1323;
}

.header {
	padding: 25px 15px 20px;
	background: #7f1323;
	border-bottom: 10px solid #cecece;
}

.footer {
	background-color: #7f1323;
	padding: 25px;
	color: white;
	border-top: 10px solid #cecece;
	font-weight: 200;
}

.footer a {
	color: white;
}
.footer a:hover {
	color: #cecece;
}

.main-section {
	padding: 50px 15px;
	
	position: relative;

	
/* 
	background: -webkit-linear-gradient(#ebebeb, #ffffff, #ffffff);
  	background: -o-linear-gradient(#ebebeb, #ffffff, #ffffff); 
  	background: -moz-linear-gradient(#ebebeb, #ffffff, #ffffff); 
  	background: linear-gradient(#ebebeb, #ffffff, #ffffff); 
  	background-image: linear-gradient(#ebebeb, #ffffff, #ffffff);
 */

}

/* The background layer */
.main-section::before {
  content: ""; /* Required for the pseudo-element to render */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url('../_images/8699042908_5cfea1dcca_o.jpg');
  background-size: cover;
  background-position: center;
  opacity: 0.2; /* Set your desired background transparency here (0.0 to 1.0) */
  z-index: -1; /* Pushes the image behind the text content */
}