@supports (-webkit-touch-callout: none) {
    .bg-cover { background: center top no-repeat scroll; background-size: auto 100vh; }    
}

@media screen and (max-width: 1399px) {
    .art-video > div { padding-top: 0px; }
}

@media screen and (max-width: 1099px) {
    .navbar-brand img { height: 50px; }
    .navbar-dark .navbar-nav .nav-link { margin: 3px 5px;}
}

@media screen and (max-width: 991px) {
    .navbar-dark .navbar-nav .nav-link { margin: 3px 8px;}
    .encarts > div { margin: 15px; padding: 20px; }
    .art-video { margin-bottom: 0; }
    .art-video .video-right { bottom: 0; position: inherit; width: 100%; }
    .art-video .video-right .video-popup { left: 20px; bottom: -20px; }
    .art-video > div > .row > div:first-child { padding: 50px 15px; }
}

@media screen and (max-width: 767px) {
    .navbar-brand img { height: 50px; }.encarts { flex-direction: column; }
    .encarts > div { margin: 15px auto; }
    .bg-parallax > .icon-parallax { width: 150px; height: 150px; }
    .contenu { padding: 30px 20px 100px; }
}

@media screen and (max-width:525px) {
    .page_404 .page_404_gif span { font-size: 100px; height: 150px; line-height: 150px; }
    .page_404 .page_404_gif div { height: 150px; width: 150px; }
    .page_404 .page_404_gif img { width: 130px; }
    .bg-parallax > .icon-parallax { width: 120px; height: 120px; }
}

@media screen and (max-width:499px) {
    .heading > div > #block > p#titre { font-size: 2rem; margin-top: 0px;}
    .heading > div > #block > h1, h1 span { font-size: 1.2rem; }
    .heading > div > #block > h1 span::after { bottom: -4px; }
    .heading li a { margin: 10px 30px; }
    .heading li a, .heading li a img { width: 100px; }
    footer li { margin: 0 2px; }
}

@media screen and (max-width:399px) {
    .page_404 .page_404_gif span { font-size: 60px; height: 150px; line-height: 150px; }
    .page_404 .page_404_gif div { height: 100px; width: 100px; }
    .page_404 .page_404_gif img { width: 90px; }
    footer li a { font-size: .8rem; margin: 2px 0; }
}

@supports (-webkit-overflow-scrolling: touch) {
    #video > video { display: none; }
}