body {
	font-family: 'Montserrat', sans-serif;
}
.hero {
	position: relative;
	background-color: #4e4c4c;
	background-image: url("../images/banner.jpg");
	min-height: 100vh;
	background-size: cover;
	background-position: center center;
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	padding: 12rem 5rem;
/*	filter: brightness(0.6);*/

}
#logo {width: 250px}

.navbar {
	background-color: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);;
	color: #000;
}
h1 {font-weight: 600}
.intro-section {
	color: #fff;
}
.intro-section h1 {font-size: 2.8rem}

.text-justify {
	text-align: justify;
}
.bi-chevron-compact-up {
	position: fixed;
	bottom: 60px;
	right: 12px;
	font-size: 25px;
	color: #fff;
	background-color: #000;
	padding: 3px 10px;
	cursor: pointer;
	border-radius: 50%;
	pointer-events: none;
	opacity: 0;
	transition: opacity .3s ease-in-out;

}
.bi-chevron-compact-up:hover {
	background-color: #333;
	transition: .5s;
}

.nav-link {
  font-weight: 600;
  font-size: 18px;
}
.WhatsApp {width:200px;}
/**
 * responsive for larger than 992px screen
 */

@media (min-width: 992px) {
	.intro-section h1 {font-size: 4.8rem}
	.intro-section p {font-size: 2.8rem}
}

@media(max-width:767px){
	.hero {
		padding: 7rem 2rem;
		min-height: 50vh;
	}
}