/* For smartphone----------------------------- */
@media only screen and (max-width: 1100px) {

/* Section */

section
{
	width:100%;
	
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}

.container_section
{
	width:100%;

	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}

.bloc_section
{
	width:90%;
}

.bloc_section:nth-child(1)
{
	padding:5% 0 5% 0;

	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}

.sub_section
{
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
}

.sub_section:nth-child(2), .sub_section:nth-child(4)
{
	padding:1% 0 10% 0;
}

.bout
{
	padding:10% 0 10% 0;
	border-bottom: solid;
}

.sub_bout:nth-child(2) img
{
	display: block;
	margin:auto;
	width: 50%;
	height: auto;
}

.ft
{
	text-align: center;
}

.ft ul
{
	list-style-type: none;
	margin: 0;
    padding: 0;
}

.ft li
{
    display: block;
    text-align: center;
}

.ft a 
{
	text-decoration:none;
	color:rgb(157,157,156); /* Color 4 - Text - Light Grey */
	text-align: center;
}

.ft a:hover
{
	color: rgb(81,109,117); /* Color 6 - Blue*/
	text-decoration: underline;
}

.sub_bout:nth-child(1), .sub_bout:nth-child(3)
{
	font-size: 1.3em;
	color: rgb(29,30,28); /* Color 3 - Text - Dark Grey */
	text-align: center;
}

/* Bloc Section 3 - Background Photo */

.bloc_section:nth-child(2)
{
	background-image: url("../photos/presentation_des_vins_13.jpg");

	width: 90%;
	height: 300px;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

}

/* For desktop----------------------------- */
@media only screen and (min-width: 1100px) {

/* Body Container */
.slideshow_container
{
	background-image: url("../photos/slideshow_vins.jpg");
}

/* Nav */
.dropdown:nth-child(4) a
{
	color: rgb(81,109,117); /* Color 6 - Blue */
	font-weight: bold;
	background-color: rgba(255,255,255,1); /* Background 1 - White */
}

/* Section */
section
{
	text-align: justify;
	width:100%;
	
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}

.container_section
{
	width:100%;

	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}

.bloc_section
{
	width:100%;
}

/* Bloc Section 1 - Wines */

.bloc_section:nth-child(1)
{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;

	padding:4% 0 4% 0;
}

.sub_section
{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:last baseline;
	padding:0 0 4% 0;
}

.bout
{
	width:14%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}

.sub_bout:nth-child(2)
{
	height:85%;
}

.sub_bout:nth-child(2) img
{
	width: 100%;
	height: auto;
}

.sub_bout:nth-child(1), .sub_bout:nth-child(3)
{			
	color: rgb(29,30,28); /* Color 3 - Text - Dark Grey */
	text-align: center;
}

.ft
{
	text-align: center;
}

.ft ul
{
	list-style-type: none;
	margin: 0;
    padding: 0;
}

.ft li
{
    display: block;
    text-align: center;
}

.ft a 
{
	text-decoration:none;
	font-size: 0.8em;
	color: rgb(157,157,156); /* Color 4 - Text - Light Grey */
}

.ft a:hover
{
	color: rgb(81,109,117); /* Color 6 - Blue*/
	text-decoration: underline;
}

/* Bloc Section 3 - Background Photo */

.bloc_section:nth-child(2)
{
	background-image: url("../photos/presentation_des_vins_13.jpg");

	/* Set a specific height */
	min-height: 600px; 

	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

}