﻿			/* Banner section */
			
			.banner-section{
				position: relative
			}
			
			.banner-section img:nth-child(2){
				display: none;
			}
			
			.banner-section .banner-text-container{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				padding-left: 6%;

			}
			
			.banner-section .banner-text-container .banner-text{
				max-width: 550px;
				padding: 40px;
				background-color: rgba(255,255,255, 0.9);
				border-radius: 8px;
			}
			
			.banner-section .banner-text-container div h3{
				font-size: 24px;
				font-weight: 400;
				line-height: 32px;
				margin: 0 0 20px 0;
			}
			
			.banner-section .banner-text-container div p{
				font-size: 16px;
				font-weight: 400;
				line-height: 24px;
				margin: 0;
			}
			
			.banner-section .banner-text-container div button{
				padding: 16px 24px;
				background-color: #222426;
				border: none;
				border-radius: 4px;
				font-size: 16px;
				color: white;
				margin: 24px 0 0 0;
			}
			
			.banner-section .banner-text-container div button:hover{
				background-color: #1840DD;
			}
			
			@media (min-width: 2500px){
				.banner-section .img-responsive{
					width: 100%;
					max-width: unset;
				}
			}

			@media (max-width: 1275px){
				.banner-section{
					height: 500px;
				}
				
				.banner-section .img-responsive {
					height: inherit;
					object-fit: cover;
				}
				
			}

			@media (max-width: 992px) {
				
				.banner-section{
					height: unset;
				}
				
				.banner-section .img-responsive {
					height: auto;
					object-fit: unset;
				}
				
				.banner-section .banner-text-container {
					position: unset;
					padding-left: 0;
				}
				
				.banner-section .banner-text-container .banner-text {
					max-width: unset;
					padding: 60px 32px;
					background-color: #F5F5F7;
					border-radius: 0;
					display: flex;
					width: 100%;
				}
				
				.banner-section .banner-text-container .banner-text div:nth-child(1) {
					margin: 0 10% 0 0;
				}
				
				.banner-section .banner-text-container div h3 {
					font-size: 22px;
					max-width: 379px;
				}
				
				.banner-section .banner-text-container .banner-text div:nth-child(2) p{
					max-width: 458px;
				}
			}

			@media (max-width: 768px){
			
				.banner-section .banner-text-container .banner-text {
					padding: 40px 16px;
					display: initial;
				}
				
				.banner-section .banner-text-container .banner-text div:nth-child(1) {
					margin: 0 0 20px;
				}
				
				.banner-section .banner-text-container .banner-text h3 {
					font-size: 20px;
					line-height: 30px;
					max-width: unset;
				}
				
				.banner-section .banner-text-container .banner-text div:nth-child(2) p {
					max-width: unset;
				}
			}

			@media (max-width: 576px){
					
				.banner-section img:nth-child(1){
					display: none;
				}
				
				.banner-section img:nth-child(2){
					display: block;
				}
			}