@media (max-width: 1110px) {
    :root {
        --wrapper-padding-x: 16px;
        --wrapper-padding-y: 32px;
    }

    body.homepage {
        padding-left: 0;
        padding-top: 50px;


        div.header, div.header-bg, a#top-arrow, .wrapper.ac {
            display: none;
        }


        .left-panel.ac {
            width: 100%;
            height: 50px;
            display: flex;
            justify-content: center;

            a.logo {
                padding: 0;
                margin-right: 16px;

                img {
                    margin-top: 3px;
                    margin-bottom: 3px;
                }
            }

            div.menu {
                overflow-x: auto;
                overflow-y: hidden;
                white-space: nowrap;

                a {
                    display: inline;
                    line-height: 50px;
                }
            }
        }


        .slider.slider-home {
            width: 100%;
            height: 50vh;
        }

        .slider.slider-music {
            width: calc(100vw - var(--wrapper-padding-x) * 2);
            height: calc(100vw - var(--wrapper-padding-x) * 2);
            margin: auto;
        }

        .wrapper {
            width: unset;
            padding: var(--wrapper-padding-y) var(--wrapper-padding-x);


            .home-gallery {
                a {
                    width: 100%;
                }
            }

            #youtube-iframe {
                display: block;
                margin: auto;
                float: unset;
                max-width: 100%;
            }

            .videos-list {
                float: unset;
                width: 100%;

                a {
                    width: 100%;

                    img {
                        height: unset;
                    }
                }
            }

            .albums {
                .album {
                    margin: 32px 0;
                    display: flex;
                    flex-direction: column;
                    height: unset;
                    width: 100%;

                    .album-cover, .album-info {
                        float: unset;
                        margin: auto;
                    }

                    .album-info {
                        width: 100%;
                    }
                }
            }
        }

        #contact {
            .wrapper {
                display: flex;
                flex-direction: column;
                align-items: center;

                [class^="col"] {
                    text-align: center;
                }
            }
        }
    }
}