@font-face {
    font-family: 'strawfordregular';
    src: url('../fonts/strawford-regular-webfont.eot');
    src: url('../fonts/strawford-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/strawford-regular-webfont.woff2') format('woff2'),
    url('../fonts/strawford-regular-webfont.woff') format('woff'),
    url('../fonts/strawford-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'strawfordbold';
    src: url('../fonts/strawford-bold-webfont.eot');
    src: url('../fonts/strawford-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/strawford-bold-webfont.woff2') format('woff2'),
    url('../fonts/strawford-bold-webfont.woff') format('woff'),
    url('../fonts/strawford-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
}

body {
    background: #FD945B;
    color: #333;
    font-family: 'strawfordregular', 'Open sans', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    text-align: left;
}

h2 {
    font-family: 'strawfordbold', 'Open sans', sans-serif;
    font-size: 3.6rem;
    line-height: 4.2rem;
    font-weight: 700;
    margin: 0;
    color: #fff;
}

p {
    margin: 0 0 10px;
    color: #24214C;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 300;
}

p.light {
    color: #fff;
    margin: 2rem 0;
}

.maintenance-wrapper {
    height: 100vh;
    background-position: right center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 40%;
    z-index: 2;
}

.maintenance-content {
    font-weight: 600;
    position: absolute;
    top: 20%;
    left: 10%;
    z-index: 999;
    font-size: 15px;
    line-height: 26px;
    padding: 15px;
}

.maintenance-content ul {
    padding-left: 20px;
}

.maintenance-content a {
    font-family: 'strawfordbold', 'Open sans', sans-serif;
    color: #24214C;
    text-decoration: none;
    margin: 0;
    font-weight: 700;
}

@media only screen and (min-width: 768px) and (max-width: 1080px) {
    .maintenance-wrapper {
        background-position: right bottom;
        background-size: 50%;
    }
}

@media (max-width: 768px) {
    .maintenance-wrapper {
        background-position: right bottom;
        background-size: 80%;
    }

    .maintenance-content {
        top: 0;
        left: 0;
    }

    h2 {
        font-size: 2.2rem;
        line-height: 2.6rem;
    }
}

@media (max-width: 550px) {
    .maintenance-wrapper {
        background-size: 90%;
    }
}