/*** RESPONSIVE ***/

/* Tablettes */
@media screen and (max-width: 1399px) {
    header {
        position: relative;
        margin-top:  0;
        width:  100%;
    }
      .player {
        text-align:  center;
        width: 100%;
        left:  0;
        top:  80px;
        right: 0;
        height:  70px;
        position:  absolute;
        padding:  0;
        margin:  0;
      }
    .player .imgcontrol {
        width:  50px;
        height:  50px;
        text-align:  center;
    }
      .space {
        padding-top:  7px;
      }
    #controls {
        width:  100%;
        margin:  0;
        padding:  0;
        float:  left;
    }

    #time {
        display: block;
        margin-top: 6px;
        width: 100%;
    }
    .playeralbum {
        display:  none;
    }
    .infos {
        display:  none;
    }
    .albumlist {
    margin:  60px 40px;
    }
    #about {
        margin-top:  100px;
    }
    .right {
        right: 40px;
        top: 180px;
    }
}

/* Smartphones */
@media screen and (max-width: 1067px) {
    header {
        height:  120px;
    }
    header h1 {
          font-size: 320%;
    }
    .menu a {
        font-size:  280%;
        margin-top:  0px;
    }
    .player {
        top:  140px;
        height:  160px;
    }
    .player .imgcontrol {
        width: 140px;
        height: 140px;
    }
    .albumlist {
      margin-top: 240px;
    }
    .albumlist .album {
        width:  240px;
        height:  240px;
    }
    .albumlist .tracklist .track .num, .albumlist .tracklist .track .name, .albumlist .tracklist .track .time {
        font-size: 340%;
    }
    .albumlist .infosalbum h3 {
        font-size:  200%;
    }
    .albumlist .infosalbum small {
        font-size:  200%;
    }
    .albumlist {
        width: 90%;
    }

    #about {
        width: 90%;
        margin-top: 200px;
    }
    #about h3 {
        font-size:  300%;
    }
    #about .musician {
        font-size:  200%;
    }
    .right {
        position: relative;
        margin: 100px auto;
        width: 600px;
        right: 0;
    }

}