
.home{
	height:100vh;
	width:100%;
	display: flex;
    flex-wrap: wrap;
}

body{
	margin:0% !important;
	font-family: 'Montserrat', sans-serif;
}

.bloc{
	width:50%;
	flex:0 0 50%;
	overflow:hidden;
	height:50vh;
	position:relative;
}



.bloc_1{
	background-image:url('images/SLIDER3.jpg');
	box-shadow: inset 0 0 0 500px rgba(0, 0, 0, 0.42);
	background-size:cover;
	background-position:center;
	width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
	transition:all linear 0.5s;
	transform: scale(1);
}

.bloc:hover .bloc_1{
	transform: scale(1.2);
}

.bloc:hover .bloc_2{
	transform: scale(1.2);
}

.bloc:hover .bloc_3{
	transform: scale(1.2);
}

.bloc:hover .bloc_4{
	transform: scale(1.2);
}

.logo{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 6px;
}

.bloc_2{
	background-image:url('images/328_1.jpg');
	background-size:cover;
	background-position:center;
	width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
	transition:all linear 0.5s;
	transform: scale(1);
}

.bloc_3{
	background-image:url('images/CONSEIL.jpg');
	background-size:cover;
	background-position:center;
	width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
	transition:all linear 0.5s;
	transform: scale(1);
	
}

.bloc_4{
	background-image:url('images/ENCADREMENT2.jpg');
	box-shadow: inset 0 0 0 500px rgba(0, 0, 0, 0.42);
	background-size:cover;
	background-position:center;
	width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
	transition:all linear 0.5s;
	transform: scale(1);
}

.bloc .title{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
	text-decoration:none;
	color: #fff;
    font-size: 41px;
	text-align: center;
    font-weight: 600;
}


@media screen and (max-width: 767px){
	.bloc {
		width: 100%;
		flex: 0 0 100%;
		overflow: hidden;
		position: relative;
		height: 50vh;
	}
	
	.bloc .title{
		font-size:36px;
	}
	
	.logo{
		position:relative;
	}
}

@media screen and (min-width: 768px) and (max-width: 1100px) { 
	
	.bloc .title{
		font-size:36px;
	}
}