/*MENU*/

.menu .active{
	color: #FFF4E8;
	background: #DC005F;
}
.active:hover{
	font-style: normal!important;
	cursor: default;
}
.menu li a.active:hover{
	transform: none;
	box-shadow:initial;
}

.tiny, .short{
	display: none!important;
}

/*HEADER*/
h1{
	text-align: right;
	margin:0 5%;
	margin-block-end:-1.8rem;
}
.h1-grid{
	display: block;
	margin: 0 auto;
	border-bottom: 2px dashed #DC005F50;
}
.projects-intro{
	padding: 5rem 2rem 4rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 1240px;
}
.projects-text{
	padding: 1rem 0;
	max-width: 760px;
}
.projects-list{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.projects-list ul{
	padding-left: 0.6rem;
}

/*PROJECTS*/

/*Projects grid*/
.projects {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	list-style: none;
	grid-gap: 2rem;
	padding: 1rem 2rem 2rem 2rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 1240px;
}

/*Projects cards*/
.projects button{
	padding: 1rem;
	width: 100%;
	height: 100%;
}

.projects .projects-project-title{
	margin:1rem 0 2rem;
	padding:initial;
	border-style:initial;
	box-shadow:initial;
}
h3:hover{
	transform: translateX(0);
}

/*Projects image*/
.projects figure{
	overflow: hidden;
}
.projects img{
	max-height: 188px;
}

/*Projects tasks*/
.projects ul{
	margin: 1rem 0 0 1.5rem;
	line-height: 2rem;
	text-align: initial;
	text-transform: initial;
	font-size: 18;
	padding-top: 1rem;
	font-weight: 400;
	font-family: 'Rubik', sans-serif;
	letter-spacing: initial;
}
.projects li div a:hover{
	text-decoration: none; 
}

/*TOOLS*/
.tools-container{
	color: #FFF4E8;
	margin: 4rem auto 0;
	background: #AB004A;
	width: 102.5vw;
	position: relative;
	left: -5vw;
	padding-top: 4rem;
}
.tools-content{
	padding:0 6.5% 2rem 8%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1240px;
}
.tools-content ul{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 2rem;
	grid-row-gap: 3rem;
	list-style: none;
	margin:1em 0 2em;

}
.tools-content li{
	border-left: 2px solid #FFF4E850;
	display: grid;
	grid-template-rows: auto 1fr;
}
.tools-content li img{
	grid-row-end: span 2;
	padding: 1rem;
	max-width: 100px;
}
.tools-content dt{
	padding: 0 0 1rem 1rem;
	text-transform: uppercase;
}
.tools-content dd{
	padding: 0 0 0 1rem;
	font-weight: 300;
	font-size: 16;
	min-height: 55px;
}

/*FOOTER*/
.titre-footer {
    margin-block-start: 0.3em;
}

/*MEDIA QUERIES*/

/*Large devices*/
@media screen and (max-width: 1430px){
	.projects button img{
		max-height: 266px;
		max-width: 100%;
    	height: auto;
	}
	.tools-background{
		left:-5.7%;
		width: 98.8vw;
	}
}

/*Classic devices (landscape tablets, laptops)*/
@media screen and (max-width: 1200px){
	.tools-background{
		left:-5.8%;
		width: 98.7vw;
	}
	.projects{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 1080px){
	h1{
		margin-block-end:-1.6rem;
	}
	.tools-background{
		width: 98.4vw;
	}
}
@media screen and (max-width: 960px){
	h1{
		margin-block-end:-1.2rem;
	}
	.projects {
		grid-template-columns: repeat(2, 1fr);
	}
	.tools-content ul{
		grid-template-columns: 1fr 1fr;
	}
	.tools-background{
		width: 98.4vw;
	}
}
@media screen and (max-width: 850px){
	h1{
		margin-block-end:-1rem;
	}
/*Medium devices (landscape phones, portrait tablets)*/
@media screen and (max-width: 768px){
	.projects-text{
		margin: 2em 0;
	}
	.tools-content .projects-text{
		margin: 0;
	}
	.projects-list{
		display: block;
	}
	.projects {
		grid-template-columns: repeat(1, 1fr);
	}
	.tools-background{
		width: 98vw;
		left:-5.9%;
	}
}
@media screen and (max-width: 700px){
	.tools-content ul{
		grid-template-columns: 1fr;
	}
	.tools-background{
		width: 97.8vw;
	}
}

/*Small devices (SE)*/
@media screen and (max-width: 576px){
	h1{
		margin-block-end:-.7rem;
	}
	.tools-background{
		left:-6%;
		width: 97.3vw;
	}
	.projects-intro{
	padding: 5rem 1rem 4rem;
	}
}
/*Very small devices (SE)*/
@media screen and (max-width: 490px){
	.tools-background{
		left:-6%;
		width: 96.8vw;
	}
}
@media screen and (max-width: 410px){
	.tools-background{
		left:-6.1%;
		width: 96.1vw;
	}
}