body{
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#1B3830;
color:#f2f2f2;
}

/* CONTAINER */

#container{
max-width:1200px;
margin:auto;
}

/* HEADER */

#masthead{
text-align:center;
padding:120px 20px;
background-color:#0f3b33;
background-image:url("../images/album-quetzal.jpg");
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}

#masthead h1{
font-size:72px;
margin:0;
color:#f2f2f2;
letter-spacing:6px;
}

#masthead p{
	font-size: 22px;
	margin-top: 15px;
	color: #FFFFFF;
}

/* MENU */

#navigation{
background:#081f1b;
}

#navigation ul{
margin:0;
padding:0;
list-style:none;
text-align:center;
}

#navigation li{
display:inline-block;
}

#navigation a{
display:block;
padding:18px 22px;
text-decoration:none;
color:#f2f2f2;
font-weight:bold;
}

#navigation a:hover{
background:#d9a441;
color:#081f1b;
}

/* SECTIONS */

.section{
padding:80px 30px;
}

.section h2{
text-align:center;
font-size:36px;
margin-bottom:40px;
color:#d9a441;
}

/* TEXTE */

.intro{
max-width:900px;
margin:auto;
text-align:center;
font-size:18px;
line-height:1.7;
}

/* ALBUM */

.album{
text-align:center;
}

.album img{
max-width:100%;
height:auto;
box-shadow:0px 0px 30px #000000;
}

/* CARDS */

.cards{
display:flex;
flex-wrap:wrap;
justify-content:center;
}

.card{
background:#163f36;
border:1px solid #2f8f6b;
margin:15px;
padding:30px;
min-width:220px;
text-align:center;
}

.card h3{
color:#3fb7a4;
margin-top:0;
}

/* VIDEO */

.video-player{
max-width:900px;
margin:auto;
}

.video-player iframe{
width:100%;
height:500px;
border:0;
}

/* FOOTER */

#footer{
background:#081f1b;
text-align:center;
padding:40px;
color:#aaaaaa;
}

/* RESPONSIVE */

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

#masthead h1{
font-size:42px;
}

.cards{
flex-direction:column;
align-items:center;
}

.video-player iframe{
height:300px;
}

}