/* FORMAT TABLETTE */
@media screen and (min-width: 768px) and (max-width: 1024px) {

	body {
		background-color: rgba(113, 198, 125, 0.2);
	}

	.site-header {
		background-color: #71C67D;
		width: 100%;
		position: static;
	}

	.site-header-wrapper {
		width: 100%;
		justify-content: center;
	}

	.site-header-logo {
		margin: auto;
	}

	.site-all-nav {
		display: none;
	}

	.site-nav {
		display: none;
	}

	.site-nav2 {
		display: none;
	}

	.site-responsive {
		width: 100%;
		display: block;
	}

	.site-responsive-wrapper {
		width: 100%;
		margin: auto;
	}

	.site-responsive-title {
		margin-top: 250px;
		margin-bottom: 30px;
		font-size: 60px;
		font-family: Poppins, sans-serif;
		color: #2C3338;
		font-weight: 500;
		text-align: center;
	}

	.site-responsive-text {
		margin: auto;
		width: 80%;
		font-size: 20px;
		font-family: Poppins, sans-serif;
		color: #2C3338;
		font-weight: 100;
		text-align: center;
	}


	.site-main {
		display: none;
	}



	.site-about {
		display: none;
	}

	.site-operation {
		display: none;
	}

	.site-services {
		display: none;
	}

	.site-realisations {
		display: none;
	}

	.site-clients {
		display: none;
	}

	.site-footer {
		display: none;
	}

}


/* FORMAT SMARTPHONE */

@media screen and (max-width: 767px) {

	body {
		background-color: rgba(113, 198, 125, 0.2);
	}

	.site-header {
		background-color: #71C67D;
		width: 100%;
		position: static;
	}

	.site-header-wrapper {
		width: 100%;
		justify-content: center;
	}

	.site-header-logo {
		margin: auto;
	}

	.site-all-nav {
		display: none;
	}

	.site-nav {
		display: none;
	}

	.site-nav2 {
		display: none;
	}

	.site-responsive {
		width: 100%;
		display: block;
	}

	.site-responsive-wrapper {
		width: 100%;
		margin: auto;
	}

	.site-responsive-title {
		margin-top: 250px;
		margin-bottom: 30px;
		font-size: 60px;
		font-family: Poppins, sans-serif;
		color: #2C3338;
		font-weight: 500;
		text-align: center;
	}

	.site-responsive-text {
		margin: auto;
		width: 80%;
		font-size: 20px;
		font-family: Poppins, sans-serif;
		color: #2C3338;
		font-weight: 100;
		text-align: center;
	}


	.site-main {
		display: none;
	}



	.site-about {
		display: none;
	}

	.site-operation {
		display: none;
	}

	.site-services {
		display: none;
	}

	.site-realisations {
		display: none;
	}

	.site-clients {
		display: none;
	}

	.site-footer {
		display: none;
	}

}