/*****************************/
/* BELOW 1200px (Landscape Tablets) */
/*****************************/

@media (max-width: 75em) {
	
	.mindset {
		font-size: 0.8rem;
	}	
	
}

/*****************************/
/* BELOW 944px (Tablets) */
/*****************************/
@media (max-width: 59em) {
	
	/*** GENERAL ***/
	p {
		line-height: 1.2;
		font-size: 1rem;
	}
	
	h1 {
		font-size: 2.4rem;
	}
	
	h2 {
		font-size: 1.8rem;
	}
	
	h3 {
		font-size: 1.2rem;
	}
	
	/****** OTHERS **********/
	.column-title {
		font-size: 1.2rem;
	}

	.btn-rouge {
  		width: 400px;
		font-size: 1.2rem;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.equipe-img {
		width: 250px;
	}

	.services ul {
		font-size: 1rem;
	}

	.services-img {
		width:75%;
	}
	
}

/*****************************/
/* BELOW 704px (Smaller Tablets) */
/*****************************/
@media (max-width: 44em) {
	

	/*** GENERAL ***/	
	p {
		font-size: 0.8rem;
	}
	
	h1 {
		font-size: 1.6rem;
	}
	
	h2 {
		font-size: 1.2rem;
	}
	
	h3 {
		font-size: 0.8rem;
	}
	
	/******** OTHERS **********/	
	.btn-rouge {
  		width: 300px;
		font-size: 0.8rem;
	}

	.column-title {
		font-size: 1rem;
	}
	
	.column-img {
		width:40%;
	}

	.equipe-img {
		width: 200px;
	}
	
	.services ul {
		font-size: 0.8rem;
	}
	
	/****** MOBILE NAVIGATION *********/
	.navbar {
		opacity: 0.95;
		top:0;
	}

	.navbar-container input[type="checkbox"],
	.navbar-container .hamburger-lines {
		display: block;
	}

	.navbar-container {
		display: block;
		position: relative;
		height: 120px;
	}

	.navbar-container input[type="checkbox"] {
		position: absolute;
		display: block;
		height: 32px;
		width: 30px;
		top: 20px;
		left: 20px;
		z-index: 5;
		opacity: 0;
	}

	.navbar-container .hamburger-lines {
		display: block;
		height: 23px;
		width: 35px;
		position: absolute;
		top: 17px;
		left: 20px;
		z-index: 2;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.navbar-container .hamburger-lines .line {
		display: block;
		height: 4px;
		width: 100%;
		border-radius: 10px;
		background: #FFF;
	}

	.navbar-container .hamburger-lines .line1 {
		transform-origin: 0% 0%;
		transition: transform 0.4s ease-in-out;
	}

	.navbar-container .hamburger-lines .line2 {
		transition: transform 0.2s ease-in-out;
	}

	.navbar-container .hamburger-lines .line3 {
		transform-origin: 0% 100%;
		transition: transform 0.4s ease-in-out;
	}

	.navbar .menu-items {
		padding-top: 100px;
		background: #5e276e;
		height: 100vh;
		max-width: 200px;
		transform: translate(-150%);
		display: flex;
		flex-direction: column;
		margin-left: -40px;
		padding-left: 50px;
		transition: transform 0.5s ease-in-out;
		box-shadow: 5px 0px 10px 0px #aaa;
	}

	.navbar .menu-items li {
		margin-bottom: 1.5rem;
		font-size: 0.8rem;
		font-weight: 500;
	}

	.logo {
		position: absolute;
		padding: 0;
		margin: 0;
		top: 0;
		right: 5px;
		height: 100%;
	}
	
	.logo img {
		width: 75%;
	}

	.navbar-container input[type="checkbox"]:checked ~ .menu-items {
		transform: translateX(0);
	}

	.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
		transform: rotate(35deg);
	}

	.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
		transform: scaleY(0);
	}

	.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
		transform: rotate(-35deg);
	}

}

/*****************************/
/* BELOW 544px (Phones) */
/*****************************/
@media (max-width: 34em) {
	
	/*** GENERAL ***/
	p {
		font-size: 0.8rem;
	}
	
	.client-images {
		width: 300px;
	}
	
	.mindset {
		grid-template-columns: 1fr;

	}

	.column-title {
		font-size: 1.6rem;
	}
	
	.column-img {
		width: auto;
	}
	
	.column p {
		font-size:1rem;
	}
	
	.fo-column p {
		font-size: 0.6rem;
	}

}