@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,700;1,500&display=swap');

html, body {
  font-family: 'Montserrat', sans-serif;
  font-weight:500;
  color: #676767;;        
  margin: 0;
  padding: 0;
}




.logo {
	position:absolute;
	left:200px; top:50px;
	width:300px;
}
@media screen and (max-width:767px) {
	.logo {
		position:absolute;
		left:30px; top:30px;
		width:200px;
	}	
}




@media screen and (min-width:768px) {
	.masthead {
		height: 100vh;
		height:600px;
		background-image: url('/img/header.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		background-attachment:fixed;
		position:relative;
	}
}
@media screen and (max-width:767px) {
	.masthead {
		height:600px;
		background-image: url('/img/header.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position:relative;
	}
}


.masthead:before {
	content:"";
	display:block;
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	background-color:rgba(0,0,0,0.3);
}
.masthead h1 { 
	font-weight:500;
	font-size:28px;
	color:#fff;
	margin-bottom:100px;
}

.masthead h2 { 
	font-weight:700;
	font-size:36px;
	color:#fff;
}

@media screen and (max-width:767px) {
	.masthead h1 { 
		font-size:20px;
		margin-bottom:50px;
	}
	.masthead h2 { 
		font-size:24px;
	}
}


.header-notification {
	position:relative;
	z-index:10;
	margin-top:-50px;
}

.header-notification .container p {
	background-color:#fbfbfb;
	padding:40px;
	text-align:center;
	font-size:18px;
}



.sections h2 { 
	font-weight:700;  
	position:relative;
	margin-bottom:80px;
}
@media screen and (max-width:767px) {
	.sections h2 { 
		font-size:18px;	
	}
}

	.sections h2:after { 
		content:"";
		display:block;
		width:16px; height:2px;
		background-color:#fff;
		position:absolute;
		bottom:-40px;
		transition: all 0.5s ease-out;
	}
	.sections h2:hover:after { 
		width:32px;
	}
	.sections h2:hover:before { 
		width:16px;
	}
	.sections h2:before { 
		content:"";
		display:block;
		width:32px; height:2px;
		background-color:#fff;
		position:absolute;
		bottom:-46px;
	}


@media screen and (min-width:768px) {
	.white-stripes { position:relative; }
	.white-stripes .container { position:relative; z-index:2; }
	.white-stripes:before { content:""; display:block; position:absolute; top:0; background-color:#fff; width:100%; height:70px; }
	.white-stripes:after { content:""; display:block; position:absolute; bottom:0; background-color:#fff; width:100%; height:70px; }
}

@media screen and (max-width:767px) {
	.white-stripes .container{ padding:30px; }
	.white-stripes { position:relative; }
	.sections.white-stripes .text-wrapper {
		background-color:rgba(21,21,21,0.9) !important;
	}
	.white-stripes .container { position:relative; z-index:2; }
	.white-stripes:before { display:none;}
	.white-stripes:after { display:none;}
}

#section-1 {
	background-image: url('/img/section-1.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment:fixed;
	padding:0;
	margin:50px 0; 
}
#section-1 .text-wrapper {
	background-color:#151515;
	padding:70px 50px;
	color:#fff;
}

@media screen and (max-width:767px) {
	#section-1.sections.white-stripes {
		background-image: none !important;
		padding:0;
		margin:0 !important; 
	}

	#section-1 .text-wrapper {
		background-color:#151515 !important;
		padding:20px;
		font-size:14px;
	}
}

#section-3 {
	background-image: url('/img/section-3.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment:fixed; 
	padding:0;
	margin:50px 0; 
}
#section-3 .text-wrapper {
	background-color:#151515;
	padding:70px 50px;
	color:#fff;
}

#section-8 {
	margin:100px 0;

}
	#section-2 { margin-top:50px; margin-bottom:100px; }
	#section-8.sections h2:after, 
	#section-9.sections h2:after, 
	#section-2.sections h2:after { 
		content:"";
		display:block;
		width:16px; height:2px;
		background-color:#151515;
		position:absolute;
		bottom:-40px;
		left:50%;
		transform:translateX(-50%);
	}
	#section-8.sections h2:before, 
	#section-9.sections h2:before,
	#section-2.sections h2:before { 
		content:"";
		display:block;
		width:32px; height:2px;
		background-color:#151515;
		position:absolute;
		bottom:-46px;
		left:50%;
		transform:translateX(-50%);
	}

	#section-10.sections h2:after, 
	#section-10.sections h2:before{ 
		background-color:#151515;
	}

.sections .background-image {
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center center;
/*	background-attachment:fixed;*/
}

@media screen and (max-width:767px) {
	.sections .background-image {
		min-height:400px;
	}
}




.calendly-inline-widget { 
	min-width:320px;
	height:700px;
}
@media screen and (max-width:767px) {
	.calendly-inline-widget { 
		min-width:320px;
		height:1000px;
	}
}



#section-4 .text-wrapper {
	background-color:#151515;
	padding:70px 50px;
	color:#fff;
}
#section-5 .text-wrapper {
	background-color:#151515;
	padding:70px 50px;
	color:#fff;
}
#section-6 .text-wrapper {
	background-color:#151515;
	padding:70px 50px;
	color:#fff;
}
#section-7 .text-wrapper {
	background-color:#151515;
	padding:70px 50px;
	color:#fff;
}


#section-10 {
	background-color:#efefef;
}

#section-10 .text-wrapper {
/*	background-color:#ffffff; */
	padding:70px 50px;
	color:#151515;
}

#section-9 {
	padding:100px 0;
	background-color:#efefef;
}

footer {
	padding: 30px 0 20px;
}