@media screen and (max-width:1200px){}
@media screen and (max-width:1024px){
    #menu li{display: none;}
    #burger{display: block;}
    #reseau{margin-top: 700px;}
}
@media screen and (max-width:960px){}
@media screen and (max-width:768px){
    #reseau li{display: block;}
    #reseau{margin-top: 100px;position: fixed;margin-left: 93%;}
    #soundcloud{background: url(../images/750/soundcloud.png);width: 60px;height: 60px;margin-top: 10px;}
    #twitter{background: url(../images/750/twitter.png);width: 60px;height: 60px;margin-top: 10px;}
    #youtube{background: url(../images/750/youtube.png);width: 60px;height: 60px;margin-top: 10px;}
    #lineup{display: block;}

    #lineup li{
        background: url(../images/750/noir-blanc/torynb.jpg)left;
        border-bottom: solid 3px white;
        height: 400px;
        transition:all 0.3s;}

    #lineup li:hover{
        height: 750px;
        background: url(../images/750/tory.jpg)left;
    }

    #lineup li:nth-child(2){
        background: url(../images/750/noir-blanc/travisnb.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(2):hover{
        background: url(../images/750/travis.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(3){
        background: url(../images/750/noir-blanc/trey-songznb.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(3):hover{
        background: url(../images/750/trey-songz.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(4){
        background: url(../images/750/noir-blanc/futurenb.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(4):hover{
        background: url(../images/750/future.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(5){
        background: url(../images/750/noir-blanc/drakenb.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(5):hover{
        background: url(../images/750/drake.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(6){
        background: url(../images/750/noir-blanc/jeremihnb.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(6):hover{
        background: url(../images/750/jeremih.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(7){
        background: url(../images/750/noir-blanc/pndnb.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(7):hover{
        background: url(../images/750/pnd.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(8){
        background: url(../images/750/noir-blanc/bigs-seannb.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(8):hover{
        background: url(../images/750/bigs-sean.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(9){
        background: url(../images/750/noir-blanc/weekndnb.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(9):hover{
        background: url(../images/750/weeknd.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(10){
        background: url(../images/750/noir-blanc/nickinb.jpg)no-repeat right top;
        background-size:cover;
    }

    #lineup li:nth-child(10):hover{
        background: url(../images/750/nicki.jpg)no-repeat right top;
        background-size:cover;
    }
    
    #contact{display: block;}
    #appelez-nous{display: block;}
}