@font-face {
    font-family: 'TheSansW4SemiLight';
    src: url('../fonts/TheSansB-W4SemiLight.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/TheSansB-W4SemiLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/TheSansB-W4SemiLight.ttf') format('truetype');
    /* Safari, Android, iOS */
}

.mycloud-down-area {
    font-family: 'TheSansW4SemiLight';
    font-size: 24px;
    color: #333333;
    background-color: white;
}

.mycloud-down-header {
    height: 79px;
    border-bottom: solid 1px #dde3e7;
    width: 100%;
}

.mycloud-down-logo {
    position: absolute;
    left: 56px;
    top: 22px;
    width: 30px;
    height: 40px;
    background-size: 30px 40px;
    background-repeat: no-repeat;
    background-image: url('assets/swisscom_logo.png')
}

.mycloud-down-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    bottom: 0;
}

.mycloud-down-error {
    margin-top: 80px;
    width: 320px;
    height: 320px;
    background-repeat: no-repeat;
    background-size: 320px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3/2),
all and (min--moz-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5) {
    .mycloud-down-error {
        width: 320px;
        height: 320px;
        background-repeat: no-repeat;
        background-size: 320px;
    }
}

@media only screen and (-o-min-device-pixel-ratio: 9/4),
only screen and (-webkit-min-device-pixel-ratio: 2.25),
only screen and (min-device-pixel-ratio: 2.25),
only screen and (min-resolution: 2.25dppx) {
    .mycloud-down-error {
        width: 320px;
        height: 320px;
        background-repeat: no-repeat;
        background-size: 320px;
    }
}

.mycloud-down-text-area {
    text-align: center;
    width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.mycloud-down-text-line {
    width: 100%;
}

@media (min-width: 300px) {
    .mycloud-down-text-area {
        font-size: 12px;
        width: 320px;
    }
}

@media (min-width: 640px) {
    .mycloud-down-text-area {
        font-size: 16px;
        width: 600px;
    }
}

@media (min-width: 720px) {
    .mycloud-down-text-area {
        width: 720px;
        font-size: 24px;
    }
}