@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");

section {
	display: grid;
	/* grid-template-rows: repeat(3, auto); */
	/* grid-template-columns: 4fr 4fr 5fr; */
	grid-template-areas: ". . title" "img img content" "img img .";
	max-width: 1000px;
	margin-right: 10rem;
	margin-left: auto;
}
section::after {
	content: "";
	grid-column: 2/-1;
	grid-row: 1/3;
	position: relative;
	z-index: -1;
	background: #fff;
	box-shadow: 0 0.2em 1em rgba(61, 48, 41, 0.2);
}
.content {
	grid-area: content;
	padding-bottom: 5rem;
	/* padding-left: 2rem; */
	padding-right: 2rem;
	margin-bottom: 0;
	margin-left: -2rem;
}
section .img {
	/* position: relative; */
	margin-left: -15rem;
	margin-right: 5rem;
	grid-area: img;
}
#img_mockup {
	background-color: rgba(246, 136, 51, 0.2);
	padding-top: 25px;
}
.img img {
	margin-top: -5rem;
	position: relative;
	max-width: 100%;
	vertical-align: middle;
	box-shadow: 0 0.2em 1.2em rgba(61, 48, 41, 0.1);
}
#img-gp {
	max-width: 40%;
	margin-top: 5%;
	margin-right: -0.25rem !important;
}
#img-gpb {
	max-width: 40%;
	margin-top: 5%;
	margin-left: -0.25rem !important;
	margin-bottom: 7rem !important;
}
h3 {
	font-size: 42px;
	grid-area: title;
	padding-top: 10rem;
	padding-right: 4rem;
}
section p {
	text-align: justify;
}

#span_profil h3 span {
	color: rgba(246, 136, 51, 1);
}
#span_profil .content {
	color: rgb(0, 0, 0);
}