/* CSS Document */


/*------------------------------//////////// OTHER SIZES --*/

#header_archive {
	width: 240px;
	height: auto;
	position: fixed;
	z-index: 7;
	border-bottom-style: none;
	background-color: #3B3B3B;
	padding-bottom: 5px;
}

.bloc_visu_header {
	width: 1024px;
	height: 230px;
	display: block;
	float: left;
    margin-bottom: 20px;
	background-color: #3B3B3B;
}

.bloc_visu_header img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}


#bloc_latest_work {
	width: 1040px;
	height: auto;
	display: block;
	float: left;
	margin-top: 30px;
    margin-bottom: 10px;
}


#archive_social_media {
	width: 1040px;
	display: block;
	float: left;
	height: auto;
	margin-top: 20px;
}

.space_top_social_media {
	display: block;
	width: auto;
	height: 45px;
}


/*--------------------------------  btn --*/

.btn_work_square {
	width: 330px;
	height: 330px;
	display: block;
	float: left;
	margin-right: 16px;
    margin-bottom: 16px;
    background-size: 330px 660px;
    color: #8d8d8d;
	cursor: pointer;
}

.btn_work_square:hover, .btn_work_square:active {
	background-position: bottom;
}






/*---- image fills div --*/
#prints_visu1 img, #prints_visu2 img, #prints_visu_4 img {
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}









/*------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ---------------*/
/*------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ---------------*/
/*------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ---------------*/
/*------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ---------------*/
/*------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ---------------*/
/*------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ----------------  RESPONSIVE ---------------*/



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

	#header_archive {
		width: 100%;
		height: auto;
		background-color: #3B3B3B;
	}

	.bloc_visu_header {
		width: 96vw;
		height: 22vw;
		margin-bottom: 20px;
		margin-top: 450px;
		margin-left: 2vw;
	}

	#bloc_latest_work {
		width: 100%;
		margin-left: 2vw;
		margin-left: 0px;
		padding-top: 30px;
		display: block;
	}


	.btn_work_square, .btn_work_square:hover, .btn_work_square:active {
		width: 48vw;
		height: 48vw;
		background-repeat: no-repeat;
		background-size: cover;
		margin-bottom: 40px;
	}


	#archive_social_media {
		width: 96vw;
		border-style: none;
		margin-top: 80px;
	}

	.space_top_social_media {
		display: none;
	}
	

	
	
	


}