/*!
 * Reponsive design pour les mobiles
 * Pour ajouter des tailles d'écrans, mettre dans 
    l'ordre décroissant selon la largeur (width)
 */


/* iPhone 6/7/8 Plus & Pixel 2 & Pixel 2 XL */
@media only screen and (max-width: 414px) {

    .services figure div {
        padding-top: 15px;
        height: 100px;
    }

    .services figure div img {
        display: block;
        margin: auto;
        width: 100%;
    }

    .services figure div p {
        font-size: 0.4em;
    }

    .services {
        height: 100px;
    }

        .services figure figcaption {
            font-size: 0.7em;
            height: 100px;
        }

    .champagnes {
        margin-top: 10px !important;
        margin-left: 10px !important;
    }
}

/* iPhone X & iPhone 6/7/8 */
@media only screen and (max-width: 375px) {
    .services figure div {
        padding-top: 20px;
        height: 100px;
    }

        .services figure div img {
            display: block;
            margin: auto;
            width: 100%;
        }

        .services figure div p {
            font-size: 0.4em;
        }

    .services {
        height: 100px;
    }

        .services figure figcaption {
            font-size: 0.6em;
            height: 100px;
        }
}

/* Galaxy S5 */
@media only screen and (max-width: 360px) {
    
}

/* iPhone 5/SE */
@media only screen and (max-width: 320px) {
   
}