}
    .page-title {
        line-height: 3em;
        font-size: 1.2em;

    .megamenu {
        width: 100%;
    }

    }
    #container {
        top: 50px;
    }
    .page-teaser-desc h2,
    .page-header .home,
    .page-albumtitle {
        font-size: 1.45em;
    }
    .page-teaser-desc h3 {
        font-size: 1.0em;
        font-weight: 400;
    }
    .card {
        width: 304px;
    }
    .page-title {
        line-height: 3em;
        font-size: 1.1em;
    }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    .page-teaser-desc h2,
    .page-header .home,
    .page-albumtitle {
        font-size: 1.50em;
    }
    .page-teaser-desc h3 {
        font-size: 1.15em;
        font-weight: 400;
    }
    .megamenu {
        width: 100%;
    }
    .megamenu .card {
        margin-right: 10px;
    }
    .page-title {
        line-height: 3em;
        font-size: 1.2em;

}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #albums {
        margin: 0;
        margin-left: 30px;
    }
    .card {
        width: 340px;
        margin-right: 1.5em;
    }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */