/* ===== HERO PARC ===== */

.hero-parc{

height:100vh;

background:
linear-gradient(rgba(0,0,0,0.45),
rgba(0,0,0,0.45)),
url("images/fond parc.jpg");

background-size:cover;
background-position:center;

color:white;

position:relative;
}


/* ===== NAVIGATION ===== */

nav{

display:flex;

justify-content:space-between;

align-items:center;

padding:35px 60px;

position:relative;
z-index:2;
}

nav ul{

display:flex;

gap:40px;

list-style:none;
}

nav a{

color:white;

text-decoration:none;

font-family:'Montserrat', sans-serif;

font-size:16px;

font-weight:500;

transition:0.3s;
}

nav a:hover,
.active{

color:#c8a550;
}


/* ===== LOGO ===== */

.logo h1{

font-family:'Cormorant Garamond', serif;

font-size:22px;

font-weight:400;

letter-spacing:1px;
}

.logo p{

font-family:'Cormorant Garamond', serif;

font-size:18px;

font-style:italic;

color:#c8a550;

margin-top:5px;
}


/* ===== CONTENU HERO ===== */

.hero-content{

position:relative;

z-index:2;

height:80vh;

display:flex;

flex-direction:column;

justify-content:center;

padding-left:80px;
}


/* GRAND TITRE */

.hero-content h1{

font-family:'Cormorant Garamond', serif;

font-size:110px;

font-weight:300;

letter-spacing:4px;

color:#c8a550;

margin-bottom:30px;
}


/* PETIT TITRE */

.hero-content h2{

font-family:'Cormorant Garamond', serif;

font-size:28px;

font-weight:300;

letter-spacing:5px;

margin-bottom:25px;

text-transform:uppercase;
}


/* TRAIT */

.separator{

width:70px;

height:2px;

background:#c8a550;

margin:0 0 25px 0;
}


/* TEXTE */

.hero-content p{

font-family:'Montserrat', sans-serif;

font-size:22px;

letter-spacing:2px;

line-height:1.6;
}


/* ===== RESPONSIVE ===== */

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

.hero-content{

padding-left:40px;
}

.hero-content h1{

font-size:70px;
}

.hero-content h2{

font-size:22px;
}

.hero-content p{

font-size:18px;
}

nav{

padding:25px 30px;
}

nav ul{

gap:20px;
}

}
/* ===== SECTIONS ===== */

.service-section{

padding:100px 10%;

text-align:center;

border-bottom:1px solid #e5e5e5;
}


/* TITRES */

.service-section h2{

font-family:'Cormorant Garamond', serif;

font-size:55px;

font-weight:400;

color:#c8a550;

margin-bottom:40px;
}


/* TEXTES */

.service-section p{

font-family:'Cormorant Garamond', serif;

font-size:22px;

line-height:1.8;

color:#222;

margin-bottom:50px;
}


/* IMAGES */

.service-images{

display:flex;

justify-content:center;

gap:30px;

flex-wrap:wrap;
}

.service-images img{

width:500px;

max-width:100%;

height:auto;

object-fit:cover;
}
/* IMAGES ET VIDEOS */

.service-section img,
.service-section video{

width:100%;
max-width:350px;

height:auto;

display:block;

margin:30px auto;

border-radius:10px;

object-fit:cover;
}
.image-row{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

margin-top:30px;
}

.image-row img{

width:250px;

height:180px;

object-fit:cover;

border-radius:10px;
}
.parc-section{
text-align:center;
padding:80px 10%;
}

.parc-section h2{
font-family:'Cormorant Garamond', serif;
font-size:52px;
font-weight:300;
color:#c8a550;
margin-bottom:40px;
letter-spacing:2px;
}

.parc-section p{
font-family:'Montserrat', sans-serif;
font-size:19px;
line-height:1.9;
color:#333;
max-width:1100px;
margin:0 auto 20px;
}.contact-buttons{
display:flex;
justify-content:center;
gap:25px;
margin-top:40px;
flex-wrap:wrap;
}

.btn-contact{
background:#c8a550;
color:white;
padding:15px 35px;
border-radius:50px;
text-decoration:none;
font-family:'Montserrat', sans-serif;
font-size:16px;
font-weight:600;
transition:0.3s;
}

.btn-contact:hover{
background:#a6843f;
transform:translateY(-3px);
}
@media screen and (max-width: 768px){

nav ul{

flex-direction:row;

flex-wrap:wrap;

justify-content:center;

gap:15px;

padding:0;

}

nav ul li a{

font-size:18px;

}

.hero-content h1{

font-size:70px;

line-height:1.1;

text-align:center;

}

.hero-content p{

font-size:22px;

text-align:center;

padding:0 20px;

}

.hero-content{

padding:0 20px;

align-items:center;

text-align:center;

}

body{

overflow-x:hidden;

}

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

/* GENERAL */

body{
overflow-x:hidden;
}

section{
padding:40px 20px;
}

/* MENU */

nav ul{
display:flex;
flex-direction:column;
align-items:center;
gap:15px;
padding:0;
margin-top:20px;
}

nav ul li a{
font-size:28px;
}

/* HERO */

.hero,
header{
height:auto;
padding:40px 20px;
text-align:center;
}

.hero-content{
width:100%;
padding:0;
}

.hero-content h1{
font-size:55px;
line-height:1.1;
word-break:break-word;
}

.hero-content p{
font-size:24px;
line-height:1.4;
}

/* TITRES */

h2{
font-size:48px;
line-height:1.1;
text-align:center;
}

/* TEXTES */

p{
font-size:22px;
line-height:1.6;
text-align:center;
}

/* CARTES */

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

.gamme-card{
width:90%;
}

/* IMAGES */

img{
max-width:100%;
height:auto;
display:block;
}

/* VIDEOS */

video{
width:100%;
height:auto;
}

/* CONTACT */

.contact-map{
display:flex;
flex-direction:column;
gap:40px;
}

.contact-info,
.map-info{
width:100%;
}

/* IFRAME GOOGLE MAP */

iframe{
width:100%;
height:300px;
border:none;
}

/* BOUTONS */

.btn-contact{
width:90%;
text-align:center;
font-size:22px;
padding:15px;
}

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

.hero-content h1{
font-size:70px !important;
line-height:0.95;
word-break:break-word;
}

.hero-content p{
font-size:24px;
}

.hero-parc,
.hero-elevage,
.hero-contact,
.hero-collier,
.hero{
padding:40px 20px;
min-height:auto;
}

}