/*for small devices*/
	.wrapper {
		display: grid;
		grid-gap: 1px;
		margin: 1px;
	}

	.grid-header {
		display: grid;
		align-content: flex-start;
		background-color: #272727;
		color: #B1B1B1;
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	}

	.grid-img{
		display: flex;
		object-fit: cover;
		width: 100%;
		height: auto;
		background-size: cover;
		grid-row: 2;/*mobile*/
	}

	.grid-header-left {
		display: flex;
		grid-row: 1;
		background: #232323;
		padding: 60px;
		padding-left: 20px;
		justify-content: center;
	}

	.grid-header-right {
		display: flex;
		grid-row: 3;	
		justify-content: center;
		margin-top: 5vh;
		text-align: center;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 40px
	}

	.grid-item {
		display: none;
		justify-content: center;
		background-color: #272727;
		color: #B1B1B1;
		padding: 0.85rem;
	}
	.escri{
		display: grid;
	}
	.escri .marg-title{
		margin-left: 0;
		margin-top: 0;
		text-align: center;
	}
	.escri .marg-text{
		margin-left: 0;
		margin-right: 0;
		margin-top: 10px
	}
	.escri-img{
		display: flex;
		object-fit: cover;
		width: 100%;
		height: auto;
		background-size: cover;
	}
	
	.inter{
		display: grid;
	}
	.inter .marg-title{
		margin-left: 0;
		margin-top: 20px;
		text-align: center;
	}

	.inter .desk-inter-blocks{
		display: grid;
		position: relative;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 16px;
		padding: 0;
		padding-bottom: 20px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		justify-content: center
		
	}
	.inter .desk-inter-blocks span{
		display: grid;
		align-content: center;
		background-color: #000000;
		text-align: center;
		width: 214px;
	}
	.inter .marg-text{
		margin-left: 0;
		margin-right: 0;
	}

	.equipe{
		display: grid;
	}

	.equipe .marg-title{
		text-align: center;
		margin-left: 0;
		margin-top: 20px;
	}

	.equipe .desk-equipe-images{
		display: grid;
		position: relative;
		grid-gap: 28px;
		grid-template-columns: 180px;
		grid-row-gap: 34px;
		padding: 0;
		margin-top: 40px;
	}

	.equipe .equipe-row{
		text-align: center;
	}
	.equipe .equipe-col-1{
		grid-column: unset;
		grid-row: auto;
	}
	.equipe .equipe-col-2{
		grid-column: unset;
		grid-row: auto;
	}
	.equipe .equipe-col-3{
		grid-column: unset;
		grid-row: unset;
	}
	.equipe .equipe-col-4{
		grid-column: unset;
		grid-row: auto;
	}
	.equipe .equipe-col-5{
		grid-column: unset;
		grid-row: auto;
	}

	.mapa{
		display: flex;
		padding: 0;
		padding-top: 20px;
	}
	.mapa-img{
		object-fit: cover;
		width: 100%;
		height: auto;
		background-size: cover;	
	}

	.footer{
		display: grid;
		color:#B1B1B1;
		display: grid;
		align-items: flex-end;
		grid-template-rows: 200px 30px 70px; 
	 }
	 .footer span{
		 width: 90vw;
	 }

	.grid-menu {
		display: none;
	}

        
	/* Medium devices (tablets, 1024px and up) */
	@media screen and (min-width: 1024px){

		.desk-menu {
			display: none;
		}
		
		
		.wrapper {
			align-content: center;
			grid-template-columns: repeat(12, 113.83px);
		    grid-template-rows:518px 54px 753px 410px 510px 398px 300px;
			grid-template-areas:
			"header header header header header header header header header header header header"
			"menu menu menu menu menu menu menu menu menu menu menu menu"
			"escri escri escri escri escri escri escri escri escri escri escri escri"
			"inter inter inter inter inter inter inter inter inter inter inter inter"
			"equipe equipe equipe equipe equipe equipe equipe equipe equipe equipe equipe equipe"
			"mapa mapa mapa mapa mapa mapa mapa mapa mapa mapa mapa mapa"
			"footer footer footer footer footer footer footer footer footer footer footer footer";
			grid-gap: unset;
			justify-content: center;
			margin: auto;
		}

		.grid-img{
			display: grid;
			width: 100%;
			height: 528px;
			grid-column: 1 / 12;
			grid-row: 1 / 3;
		}	

		.header {
			grid-area: header;
		}
		.menu{
			grid-area: menu;
		}
		
		.escri{
			grid-area: escri;
		}
		.escri .marg-title{
			margin-left: 140px;
			margin-top: 80px;
			text-align: left;
		}
		.escri .marg-text{
			margin-left: 140px;
			margin-right: 140px;
			margin-top: 20px
		}

		.inter{
			grid-area: inter;
		}
		.inter .marg-title{
			margin-left: 140px;
			margin-top: 100px;
			text-align: left;	
		}

		.inter .desk-inter-blocks{
			grid-template-columns: repeat(6, 1fr);
			margin-top: 30px;
			margin-left: 140px;
			
		}
		.inter .desk-inter-blocks span{
			display: grid;
			align-content: center;
			background-color: #000000;
			text-align: center;
			width: 214px;
		}
		.inter .marg-text{
			margin-left: 140px;
			margin-right: 140px;
		} 

		.equipe{
			grid-area: equipe;
		}
		.equipe .marg-title{
			margin-left: 140px;
			margin-top: 100px;
			text-align: left;
		}

		.equipe .desk-equipe-images{
			display: grid;
			position: relative;
			grid-template-columns: repeat(6, 1fr);
			grid-template-rows: repeat(2, 1fr);
			grid-gap: 18px;
			grid-row-gap: 4px;
			padding: 0;
			margin-left: 140px;
		}
		.equipe .equipe-row{
			grid-row: 1;	
		}
		.equipe .equipe-col-1{
			grid-column: 1;
			grid-row: 2;
		}
		.equipe .equipe-col-2{
			grid-column: 2;
			grid-row: 2;
		}
		.equipe .equipe-col-3{
			grid-column: 3;
			grid-row: 2;
		}
		.equipe .equipe-col-4{
			grid-column: 4;
			grid-row: 2;
		}
		.equipe .equipe-col-5{
			grid-column: 5;
			grid-row: 2;
		}

				
		.mapa{
			grid-area: mapa;
			padding: 0;
		}

		.mapa-img{
			object-fit: cover;
			width: 100%;
			height: auto;
			background-size: cover;	
		}
		.mapa-img-poi{
			position: absolute;
			margin-left:-622px;
			margin-top: 140px;
		}
		.section{
			grid-area: section;
		}
		.footer{
			grid-area: footer;
		 }
		 
		 .footer span{
			width: unset;
		}
		

		/*Generic grid*/
		.grid-header {
			justify-content: unset;
			padding: unset;
		}

		.grid-header-link-left {
			display: grid;
			grid-column: 1;
			width: 414px;
		}
		.grid-header-left {
			display: grid;
			grid-column: 1;
			width: 414px;
			padding-bottom: 45px;
		}
		.grid-header-right {
			display: grid;
			grid-column: 11;
			grid-row: 1;
			margin-top: 60px;
			margin-right: 60px;
			text-align: right;
			padding-bottom: 0;
		}


		.grid-item {
			display: grid;
			justify-content: initial;
			padding: 0;
		}
		.grid-menu {
			display: grid;
			background-color: #000000;
			padding: 0.85rem;
		}
		.grid-center{
			grid-column: 1 / 12;
		}

		/*especial styles*/
		.grid-especi-1{
			grid-column: 1;
		}
		.grid-especi-2{
			grid-column: 2;
		}
		.grid-especi-3{
			grid-column: 3;
		}
		.grid-especi-4{
			grid-column: 4;
		}

		/*escri styles*/
		.escri-img{
			object-fit: cover;
			width: 100%;
			height: auto;
			background-size: cover;
			align-self: flex-end;
		}

		/*equip styles*/

		.equip-img{
			display: flex;
			flex-direction: column;
		}
		
	    .desk-menu {
			display: grid;
			position: relative;
			grid-template-columns: repeat(11, auto);
			grid-gap: 1px;
			align-items: center;			
		}

		.desk-menu-a {
			color: #686868;
			cursor: pointer;
			justify-self: center;
			text-decoration: none;
			text-align: center;
			padding-top: 2px;
		}

		.desk-menu-a:hover{
			color: #C8A477;
		}
		
		.desk-menu-a-visited{
			color: #C8A477;
		}
               
    }    

	/* Extra large devices (large desktops, 1200px and up) */
	@media screen and (min-width: 1200px) {
		.wrapper {
			align-content: center;
			grid-template-columns: repeat(12, 100px);
		}		

	}