@font-face {
    font-family: "HarbingerCaps";
    src: url("../fonts/HarbingerCaps.otf");
    font-display: swap;
}

@font-face {
    font-family: "RobotoRegular";
    src: url("../fonts/RobotoRegular.ttf");
    font-display: swap;
}

.galerie {
    margin-top: 40px;
}

.galerie .imageGalerie {
    margin: 0 3% 7px;
}

.galerie .imageGalerie img {
    width: 100%;
    height: auto
}

    .galerie .imageGalerie p {
        font-family: "RobotoRegular";
        text-align: center;
        font-size: 1.1rem;
        margin: 0
    }


@media (min-width: 720px) {
    .galerie {
        margin-top: 80px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-around;
    }

        .galerie .imageGalerie {
            margin: 0 0 27px;
        }

            .galerie .imageGalerie img {
                box-shadow: grey 10px 10px 23px;
            }

            .galerie .imageGalerie p {
                margin: 14px 0 0;
                font-size: 19px;
            }
}