body{
	font-family: Raleway !important;
}

.bg-black1{
	background-color: #4F4F4F;
}
.bg-black{
	background-color: #000000;
}
.carousel-caption{
	top: 17rem;
}
.bg-orange{
	background-color: #f30639;
	color: aliceblue;
	font-weight: 500;
	text-align: center;
}
.m-right{
	border-right: 2px solid #fff;
}
.underline{
	width: 100px;
	height: 2px;
	background-color: #4BB148;
}
.bg-light-gray{
	background-color: #FFFFFF;
}
.media img{
	max-width: 120px;
	height: auto;
}
.underline-green{
	width: 70px;
	height: 2px;
	background-color: #4BB148;
}
.bg-light-gray{
	background-color: #EDEDED;
}
.card-body{
	text-align: center;
}
.blog .media img{
	max-width: 200px;
	height: auto;
}
.underline-blue{
	width: 100px;
	height: 2px;
	background-color: blue;
}

section{
	color: #fff;
}

.text-l{
	text-align: left;
	padding: 0 1rem 1rem 0; 
}

.bg-gray{
	background-color: #C82333;
}

@media (min-width: 992px) {
	.carousel-caption {
		top: 9rem !important;
	}
	.carousel-caption .display-2 {
		font-size:5.5rem !important;
	}
}

@media (min-width: 768px)  {
	.carousel-caption {
		top: 2rem;
	}
	.carousel-caption .display-2 {
		font-size: 3.5rem;
	}
	.carousel-caption p{
		
	}
}










/*
		BOOTSTRAP MEDIA QUARY

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

*/