/**
* General settings
*/
h2 {
    margin-bottom: 3rem;
}
.gold-underline {
    border-bottom-color: var(--gold-color);
    border-bottom-style: solid;
    border-bottom-width: 0.2rem;
    width: 100%;
}
div.gold-underline {
    width: 80%;
    margin: 10px auto 0;
}
h2 > .gold-underline {
    padding-bottom: 0.75rem;
}
p {
    margin-bottom: 2.4rem;
    line-height: 1.6em;
}
/**
* Description
*/
#home-description {
    display: flex;
    flex-wrap: wrap;
}
#home-description > figure.description-image {
    width: 50%;
    margin: 0;
    padding: 0 5rem;
}
#home-description > figure.description-image img {
    width: 100%;
    height: auto;
}
#home-description > .description-text {
    width: 50%;
    padding: 0 5rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
/**
* Usinage
*/
#home-usinage {
    margin-top: 5rem;
}
#home-usinage .video-container iframe {
    width: 66%;
    aspect-ratio: 16/9;
    max-width: 800px;
}
#home-usinage .usinage-text {
    width: 66%;
    max-width: 800px;
    margin: 3rem auto 5rem;
}
#home-usinage figure.image-seperator {
    text-align: center;
}
#home-usinage figure.image-seperator img {
    width: 100%;
    height: auto;
    max-width: 600px;
}
/**
* Produits
*/
#home-produits {
    margin: 5rem auto;
}
#home-produits .product-images {
    margin-top: 5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
#home-produits .product-images figure {
    width: 30%;
    margin: 0;
    text-align: center;
    --caption-opacity: 0;
}
#home-produits .product-images figure img {
    width: 100%;
    height: auto;
    max-width: 400px;
}
#home-produits .product-images figure figcaption {
    margin: 3rem auto 0;
    font-size: 2.4rem;
    opacity: var(--caption-opacity);
    transition: opacity 0.3s ease-in 0s;
    max-width: 80%;
}
#home-produits .product-images figure:hover figcaption {
    --caption-opacity: 1;
}

/* Large devices (Monitors, 1440px and down)  
@media only screen and (max-width: 1440px) {
}

/* Medium devices (Laptop, 1280px and down) 
@media only screen and (max-width: 1280px) {
}

/* Small devices (tablets, 992px and down)
@media only screen and (max-width: 992px) {
}

/* Extra small devices (phones, 768px and down) */
@media only screen and (max-width: 768px) {
    #home-description > figure.description-image,
    #home-description > .description-text {
        width: 100%;
    }
    #home-description > figure.description-image {
        text-align: center;
    }
    #home-description > figure.description-image:last-child {
        margin-bottom: 2rem;
    }
    #home-description > figure.description-image img {
        width: 60%;
        max-width: 300px;
        margin: auto;
    }
    #home-description h2,
    #home-usinage .usinage-text h2 {
        text-align: center;
    }
    #home-description .description-text:first-of-type h2 {
        margin-top: 3rem;
    }
    #home-usinage .video-container iframe {
        width: 90%;
        max-width: 400px;
    }
    #home-produits .product-images figure {
        width: 100%;
        text-align: center;
        margin-bottom: 5rem;
    }
    #home-produits .product-images figure:last-child {
        margin-bottom: 0;
    }
    #home-produits .product-images figure img {
        width: 40%;
    }
    #home-produits .product-images figure figcaption {
        font-size: 2rem;
        opacity: 1;
        max-width: 60%;
    }
    #home-produits .product-images figure figcaption .gold-underline {
        width: 60%;
    }
}

/* Tiny devices (phones, 480px and down) */
@media only screen and (max-width: 480px) {
    #home-description p,
    #home-usinage .usinage-text p {
        text-align: justify;
    }
    #home-usinage {
        margin-top: 2rem;
    }
    #home-produits {
        margin: 2rem auto;
    }
}