/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape phones and portrait tablets (max 768px) */
@media (max-width: 768px) {
    .error400 {
        margin-bottom: 520px !important;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .error400 {
        margin-bottom: 380px !important;
    }

}

@media (max-width: 415px) {

}

@media (max-width: 380px) {

}

/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
    .error400 {
        margin-bottom: 280px !important;
    }
}

body {
    background-color: #efefef;
    background-image: url('/Content/Images/Error/400.png');
    background-repeat: no-repeat;
    background-position: top;
    width: auto;
    height: auto;
    padding: 0;
    background-attachment: fixed;
    background-size: cover;
    z-index: -1;
}

.error400 {
    margin-bottom: 390px;
}