/* ================================
 * Author: Jérôme De Boysère
 * Agency: ATYPIC / APIK
 * ================================ */

/* SMALL - Phone landscape and bigger (>= 480) */
@media (min-width: 480px) {

}

/* MEDIUM - Tablet and bigger (>= 768) */
@media (min-width: 768px) {

}

/* LARGE - Desktop and bigger (>= 960) */
@media (min-width: 960px) {

}

/* XLARGE - Large screen and bigger (>= 1220) */
@media (min-width: 1220px) {

}

/* ================================ */

/* LARGE - Desktop and smaller (< 1220) */
@media (max-width : 1219px) {

}

/* MEDIUM - Tablet and smaller (< 960) */
@media (max-width : 959px) {
    #banner {
        height: 200px;
    }
}

/* SMALL - Phone landscape and smaller (< 767) */
@media (max-width : 767px) {

}