@media screen and (max-width: 640px)
{
    .headPage h1 {
        font-size: 18vw;
    }

    .artist-block {
        height: 250px;
    }

    .synthArtist {
        margin-top: 240px;
        /* padding-top: .5em; */
        background: var(--black);
        position: relative;
    }


    .synthArtist::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -10vh;
        height: 10vh;
        background: linear-gradient(0deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0) 100%);
        z-index: 0;
    }

    .pagePost.artist .containerHeader {
        height: auto;
    }

    .pagePost.artist .headPage {
        background-size: contain;
        margin-top: 70px;
        position: relative;
    }

    .gradient::after {
        display: none;
    }
}

@media screen and (min-width: 768px) (max-width: 991px)
{
    .headPage h1 {
        font-size: 10vw;
    }
}


@media screen and (max-width: 992px)
{
    .container-prepare 
    {
        height: 40vh;
    }

    .Footer-merch, .Footer-cult 
    {
        height: 40vh;
    }

    .Home-introTitle img
    {
        width: 100%;
    }


}

@media screen and (max-width: 768px) 
{
    .slick .item h1
    {
        margin-left: 0;
        font-size: 36px;
    }
    .slick-list
    {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .slick .item figure.thumbnail
    {
        height: 15rem;
    }
    .socialFooter ul li
    {
        padding: 0 10px;
    }
    .socialFooter ul li img
    {
        max-width: 22px;
    }
    .end-Footer ul.links li
    {
        display: block;
    }
    .end-Footer ul.links li.footer-xs
    {
        display: none;
    }

    .o-title {
        -webkit-text-stroke: 1px var(--pr-color);
        margin: 8vw 0;
    }

    .focus {
        display: none;
    }

    .Home-bands {
        background: url(../img/home/bloc-bands-back.jpg) top right no-repeat;
        background-size: inherit;
        padding: 8em 3em 0 3em;
        margin-top: 0;
    }

    .experience
    {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .home-bands-desktop {
        display: none;
    }

    .swap-desktop {
        display: none;
    }

    .menuTop ul li {
        padding: 23px 0 20px 10px;
        font-size: 20px;
    }

    .menu__link
    {
        font-size: 10vw;
    }

    .fanzone-title br, .introFanzone br
    {
        display: none;
    }
        .services h2, .concerts h2, .animations h2
    {
        font-size: 60px;
    }
    .introFanzone, .services, .concerts, .animations {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .services .sepfan img, .concerts .sepfan img, .animations .sepfan img {
        width: 100%;
        margin: 0
    }
}

@media screen and (min-width: 768px) 
{
    .hidden-xs {
        display: block !important;
    }

    /** FOCUS **/
    .desktopWelc
    {
        display: inline-block;
    }
    .home-bands-mobile {
        display: none;
    }
    /** FOCUS **/

    .swap-mobile {
        display: none;
    }

    .Home-introTitle img {
        max-width: 55%;
    }
    
}

@media screen and (max-width: 1280px)
{
    h1,.h1-like,.experience h1
    {
        font-size: 86px;
    }

    h2,.h2-like
    {
        font-size: 40px;
    }

    h3,.h3-like
    {
        font-size: 38px;
    }

    h4,.h4-like
    {
        font-size: 25px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1440px)
{
    .slick-list {
        padding-left: 240px !important;
        padding-right: 240px !important;
    }
}


@media screen and (min-width: 1440px)
{
    .slick-list {
        padding-left: 360px !important;
        padding-right: 360px !important;
    }
}

@media screen and (min-width: 1028px) 
{
    .Home-introTitle img {
        max-width: 35%;
    }
    
}

@media screen and (min-width: 1280px) 
{
    .Home-introTitle img {
        max-width: 30%;
    }
    
}

@media screen and (min-width: 2560px) 
{
    .o-title {
        margin: 3vw 0;
        padding: 0 2vw;
    }
    .o-title_line span {
        font-size: 6vw;
    }
    .Home-bands {
        background-size: auto;
    }
}