#crests {
    #crests-list {

        .crest-list {

            display: flex;
            flex-direction: column;
            width: 100%;

            gap: 2rem;

            .crest {
                display: flex;
                flex-direction: row;
                gap: 2rem;
                padding-bottom: 2rem;

                @media(width<700px) {
                    gap: 1rem;
                }

                .image {
                    width: 180px;

                    @media(width< 700px){
                        width: 100px;
                    }

                    img {
                        width: 100%;
                    }
                }

                .title-and-text {
                    flex: 1;

                    h3 {
                        margin-top: 0;
                    }
                }
            }
        }

    }
}