body {
        margin-left: 20%;
        margin-right: 20%;
        font-family: Roboto, Arial, sans-serif;
        background: #ECEFF1;
        color: rgba(0, 0, 0, 0.87);
    }

    a {
        color: rgb(3, 155, 229);
    }

    h1 {
        font-size: 14px;
        color: rgb(3, 155, 229);
    }

    #message {
        max-width: 400px;
        margin: 40px auto;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
        border-radius: 2px;
        background: white;
        padding: 16px 24px;
    }

    #message h1 {
        font-size: 22px;
        font-weight: 500;
        text-align: center;
        margin: 0 0 16px;
    }

    #message p {
        font-weight: 300;
        line-height: 150%;
    }

    #message ul {
        list-style: none;
        margin: 16px 0 0;
        padding: 0;
        text-align: center;
    }

    #message li a {
        display: inline-block;
        padding: 8px;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 500;
        background: rgb(3, 155, 229);
        color: white;
        border: 1px solid rgb(3, 155, 229);
        border-radius: 3px;
        font-size: 14px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    }
    @media (max-width: 978px) {
        body {
            margin-left: 30px;
        	margin-right: 30px;
			font-family: Roboto, Arial, sans-serif;
        	background: #ECEFF1;
        	color: rgba(0, 0, 0, 0.87);
        }
    }