body {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/

    -webkit-background-repeat: no-repeat;
    -moz-background-repeat: no-repeat;
    -o-background-repeat: no-repeat;
    background-repeat: no-repeat;
}

#logo {
    position: fixed;
    top: 0;
    left: 50%;
    height: 237px;
    width: 312px;
    transform: translate(-50%, 0);

    -webkit-background-size: contain; /* For WebKit*/
    -moz-background-size: contain;    /* Mozilla*/
    -o-background-size: contain;      /* Opera*/
    background-size: contain;         /* Generic*/

    -webkit-background-repeat: no-repeat;
    -moz-background-repeat: no-repeat;
    -o-background-repeat: no-repeat;
    background-repeat: no-repeat;
}

@media (min-height: 683px) {
        body {
            background-image: url('../assets/images/background@2x.png');
        }

        #logo {
            background-image: url('../assets/images/logo@2x.png');
        }
    }
    @media (max-height: 683px) {
        body {
            background-image: url('../assets/images/background.png');
        }

        #logo {
            background-image: url('../assets/images/logo.png');
        }
}

#copyright {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 78px;
    background: #254E80 0% 0% no-repeat padding-box;
}
  
  #copyright h2 {
    padding-top: 22px;
    text-align: center;
    font: 500 12px/15px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
}

#message {
    max-width: 660px;
    margin: auto auto;
    padding-top: 250px;
    text-align: center;
}

#message h1 {
    font: normal normal 500 26px/32px Montserrat;
    letter-spacing: 0px;
    color: #264E80;
}

#message h2 {
    font: normal normal bold 64px/65px Montserrat;
    letter-spacing: 0px;
    color: #264E80;
}

#message2 {
    max-width: 660px;
    margin: auto auto;
    text-align: center;
}

#message2 h1 {
    font: normal normal bold 24px/29px Montserrat;
    letter-spacing: 0px;
    color: #264E80;
}

#message2 h1 span {
    color: #FD7734;
}

#gauteng {
    max-width: 660px;
    margin: auto auto;
    transform: translate(25%, 0);
    padding-top: 50px;
}

#gauteng img {
    height: 69px;
}