/* breadcrumbs */
			
			@media (min-width: 768px) {
				.breadcrumbs{
					background-color: white;
				}
			}
			
			@media (max-width: 767px) {
				.breadcrumbs-mobile{
					background-color: white;
				}
			}
			
			/* Global */
			
			html{
				scroll-behavior: smooth;
			}

			.masthead{
				background-color: white;
			}

			.footer{
				margin-top: 0 !important;
			}
			
			@media (min-width: 768px) and (max-width: 992px){
				.visible-sm-block {
					display: block !important;
				}
			}


			/* Header parallax */
			
			
			.header-intro{
				background: white;
				padding: 40px 0;
			}
			
			.header-intro .hp-width{
				display: grid;
				grid-template-columns: 4fr 8fr;
				grid-gap: 10%;
			}
			
			.header-intro .hp-width div:nth-child(1){
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: flex-start;
			}
			
			/* Quick swap logo */
			
			.header-intro .hp-width div:nth-child(1) section{
				margin: 0 0 24px;
			}

			.header-intro .hp-width div:nth-child(1) section img{
				display: block;
				filter: brightness(0);
				width: 50%;
			}

			.header-intro .hp-width div:nth-child(1) section h1{
				display: none;
			}

			.header-intro .hp-width div:nth-child(1) h1{
				font-size: 38px;
				font-weight: 400;
				line-height: 46px;
				margin: 0 0 24px;
			}

			.header-intro .hp-width div:nth-child(2) {
				display: flex;
				position: relative;
			}
			
			.header-intro .hp-width div:nth-child(2) img{
				max-width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 4px;
			}
			
			.header-intro .hp-width div:nth-child(2) img:nth-child(2){
				display: none;
			}
			
			.header-intro .hp-width div:nth-child(2) div img:nth-child(1){
				display: block;
				height: initial;
				filter: brightness(0) invert(1);
				width: 25%;
			}
			
			.header-intro .hp-width div:nth-child(2) div{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			
			.header-intro .hp-width div p{
				font-size: 16px;
				line-height: 28px;
				margin: 0;
			}
			
			.header-intro .hp-width div button{
				padding: 16px 24px;
				background-color: #222426;
				border: none;
				border-radius: 4px;
				font-size: 16px;
				color: white;
				margin: 32px 0 0 0;
			}
			
			.header-intro .hp-width div button:hover{
				background-color: #1840DD;
			}
			
			/* Vidéo parallax*/
			
			.ParallaxVideo{ 
				height: 100vh;
				padding-bottom: 50px;
				padding-top: 50px; 
				display:flex;
				justify-content: center;
				align-items: center;
				overflow: hidden;
			}
			
			.ParallaxVideo video{
				position: fixed;
				top: 0;
				z-index: -999;
				object-fit: cover;
			}
			
			@media (min-aspect-ratio: 16/9){
				.ParallaxVideo video {
					width: 100%;
					height: auto;
				}
			}
			
			@media (max-aspect-ratio: 16/9){
				.ParallaxVideo video {
					width: auto;
					height: 100%;
				}
			}

			@media (min-width: 992px) and (max-height: 575px){
				.ParallaxVideo {
					min-height: 500px;
				}
			}
			
			
			/* SEO */
			
			.seo-container {
				padding-bottom: 80px;
			}
			
			/* Ipad landscape */
			
			@media (max-width: 1920px) and (orientation: landscape){
			
				.header-intro .hp-width div:nth-child(2) img {
					height: unset;
				}
			}

			@media (max-width: 992px) {
				
				.header-intro .hp-width {				   
					grid-template-columns: 5fr 7fr;
					grid-gap: unset;
					margin: 0;
				}
				
				.header-intro .hp-width div:nth-child(1) {
					padding: 16px 10%;
					min-height: 400px;
					background-color: #F5F5F7;
				}
				
				.header-intro .hp-width div:nth-child(1) h1 {
					font-size: 32px;
					line-height: 40px;
				}
				
				.header-intro .hp-width div:nth-child(2) img {
					border-radius: 0px;
				}
				
				.header-intro .hp-width div:nth-child(2) div img:nth-child(1){
					width: 180px;
				}
				
				.header-intro {
					padding: 0;
				}
				
				.ParallaxVideo {
					display: none;
				}
			}

			@media (max-width: 768px){
				
				.header-intro .hp-width {
					display: flex;
					flex-direction: column-reverse;
				}
				
				.header-intro .hp-width div:nth-child(1) {
					display: flex;
					justify-content: center;
					align-items: center;
					margin: 0;
					padding: 16px;
					min-height: 306px;
				}
				
				.header-intro .hp-width{
					margin-left: 0;
					margin-right: 0;
				}
				
				.header-intro .hp-width div:nth-child(1) section {
					display: flex;
					justify-content: center;
					align-items: center;
					margin: 0 0 20px;
				}
				
				.header-intro .hp-width div:nth-child(1) img{
					display: none;
				}
				
				.header-intro .hp-width div:nth-child(2) img {
					height: auto;
					object-fit: unset;
				}
				
				.header-intro .hp-width div:nth-child(1) h1{
					font-size: 32px;
					margin: 0 0 20px;
				}
				
				.header-intro .hp-width div:nth-child(1) p{
					max-width: 480px;
					text-align: center;
				}
				
				.header-intro .hp-width div:nth-child(1) button{
					margin: 24px 0 0;
				}
			}

			@media (max-width: 576px){
				
				.header-intro .hp-width div:nth-child(2) img:nth-child(1){
					display: none;
				}
				
				.header-intro .hp-width div:nth-child(2) img:nth-child(2) {
					 display: block;
				}
				
				.header-intro .hp-width div:nth-child(2) div img:nth-child(1){
					width: 120px;
				}
			}