.top-banner {
    padding-right: 20px;
    padding-bottom: 96px;
    position: relative;
}

.top-banner:before{
	content: '';
	position: absolute;
	height: 77%;
	bottom: 0;
	right: 0;
	left: 20px;
	background: rgba(193, 232, 242, 0.28);
	z-index: 0;
}

.top-banner .image img{
	width: 100%;
	object-fit: cover;
}

.banner-content {
    margin-right: 30px;
    padding-bottom: 15px;
}

.section.section-banner .container-content .container {
    margin-bottom: 21px;
}

.section.section-banner {
    padding-top: 49px;
    background: #fff;
}

div#primary {
    position: relative;
    z-index: 2;
}

.top-banner .image {
    position: relative;
}

@media (min-width: 1180px){
	.top-banner {
    padding-right: calc((100% - 1180px)/ 2 + 20px);
}

.top-banner:before{
	left: calc((100% - 1180px)/ 2 + 20px);
	height: 381px;
}
}

@media (min-width: 1440px){
	.top-banner .image img{
		height: 400px;
	}
}

@media (max-width: 1199px){
	.top-banner{
		padding-bottom: 70px;
	}
}

@media (max-width: 767px){

	.section.section-banner {
    padding-top: 40px;
}

	.section.section-banner .container-content .container{
	    margin-bottom: 5px;
	}

	.top-banner {
	    padding-bottom: 26px;
	}

	.top-banner .image img {
	    min-height: 109px;
	}

	.top-banner:before {
	    height: 77.4%;
	}
}