body {

	margin: 0;

	padding: 0;

	font-family: 'Mulish', sans-serif;

	color: #000;

}



a {

	color: #000000;

}



.btn {

	color: #ffffff;

	font-size: 36px;

	line-height: 85px;

	font-weight: 700;

	min-height: 85px;

	min-width: 467px;

	border-radius: 15px;

	background: #deb444;

}

.container {

	width: 100% !important;

	max-width: 87% !important

}



.banner {

	padding-top: 200px;

	position: relative;

}



.flex-container {

	display: flex;

	align-items: center;

	position: relative;

	z-index: 2

}



.header {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	margin: 0 auto;

}



.bg {

	min-height: 614px;

	background: url(../images/banner.jpg) no-repeat bottom center;

	flex: 0 0 50%;

	background-size: cover;

}



.logo {

	padding-left: 110px;

}



.banner-content {

	padding: 120px 0;

	background: url(../images/text-bg.jpg) no-repeat top center

}



p {

	font-size: 24px;

	line-height: 1;

	margin-bottom: 40px;

}



.banner-content .btn {

	margin-top: 40px;

}



h1 {

	font-family: 'Roboto', sans-serif;

	font-size: 60px;

	line-height: 1.2;

	margin-bottom: 50px;

}



.content {

	padding-bottom: 170px;

}



.content img {

	width: 100%;

	margin-bottom: 30px;

}





@media(max-width: 1600px) {

	h1 {

		font-size: 50px;

	}



	.content {

		padding-bottom: 100px;

	}



	.btn {

	    color: #ffffff;

	    font-size: 26px;

	    line-height: 65px;

	    font-weight: 700;

	    min-height: 65px;

	    min-width: 367px;

	    border-radius: 15px;

	    background: #deb444;

	}



	.header {

		max-height: 120px;

	}



	.banner {

		padding: 85px 0 0;

	}



	.bg {

		min-height: 404px;

	}



	.logo img {

		max-width: 70%

	}

}





@media(max-width: 1100px) {

	.container {

		width: 100% !important;

		max-width: 100% !important;

	}



	br {

		display: none;

	}



	h1 {

		font-size: 35px;

	}



	.content {

		padding-bottom: 70px;

	}



	.btn {

	    color: #ffffff;

	    font-size: 23px;

	    line-height: 55px;

	    font-weight: 700;

	    min-height: 55px;

	    min-width: 320px;

	    border-radius: 15px;

	    background: #deb444;

	}



	.header {

		max-height: 140px;

		z-index: 1

	}



	.banner {

		padding-top: 140px;

	}



	p {

		font-size: 20px;

		line-height: 1

	}



	.logo img {

		max-width: 50%

	}

}





@media (max-width: 991px) {

	.flex-container {

		flex-direction: column;

		justify-content: center;

	}



	.header {

		max-height: 90px;

	}



	.banner {

		padding-top: 90px;

	}



	.bg {

		min-height: 270px;

		background-position: bottom right;

		width: 100%

	}



	.logo {

		width: 100%;

		padding: 0;

		display: flex;

		align-items: center;

		justify-content: center;

		padding: 60px 15px 0

	}



	.logo img {

		max-width: 200px;

	}



	.btn {

		margin-top: 0;

	}



	.banner-content {

		padding: 120px 0 70px;

	}

}



@media (max-width: 767px) {

	.header {

		width: auto;

		position: relative;

	}



	.banner {

		padding-top: 0;

	}



	img {

		max-width: 100%;

	}



	.banner-content {

		background: #ffffff;

		padding: 60px 0;

	}



	h1 {

		font-size: 30px;

	}

}