
/* For smar^tphone----------------------------- */
@media only screen and (max-width: 1100px)
{

/* Section */
section
{
	width:100%;

	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.bloc_section a
{
	text-decoration: none;
	color: #41403f;
}

.section_container
{
	width:100%;

	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}

.bloc_section
{
	width:90%;

	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

/* Bloc Section #1 - Image */
.bloc_section:nth-child(1) img
{
	width:100%;
	height:auto;
}

/* Bloc Section #2 - Title */
.bloc_section:nth-child(2), .bloc_section:nth-child(4)
{
	text-align: left;
	margin:10% 0 10% 0;
	width:70%;
}

/* Sub Section 3 - Video */
.sub_section_3
{
	width:90%;
	margin:0 0 10% 0;
}

.sub_section_3 iframe
{
	width:100%;
	height:250px;
}

/* Bloc Section 4 - Icons */
.bloc_section:nth-child(4)
{
	text-align: center;
	margin:5% 0 15% 0;
}

.sub_section_4
{
	padding:7% 0 0 0;
}

.sub_section_4 img
{
	width:30%;
	height:auto;
}
	
}

/* For desktop: ----------------------------- */
@media only screen and (min-width: 1100px)
{

/* Slideshow Container */
.slideshow_container
{
	background-image: url("../photos/slideshow_home.jpg");
}

/* Section Container */
.section_container
{
	width:100%;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

/* Bloc Section */
.bloc_section
{
	width:100%;

	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

/* Responsive */
.sub_section_1, .sub_section_4
{
	display:none;
}

/* Sub Section 2 - Title */
.sub_section_2
{
	width:75%;
	padding:4% 0 4% 0;
	text-align: center;
}

/* Sub Section 3 - Video */
.sub_section_3
{
	width:100%;
	padding:0 0 10% 0;

	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.sub_section_3 iframe
{
	width:70%;
	height:670px;
}

}
