body {
        color: #444444;
        background-color: #E0E0E0;
        font-family: 'Trebuchet MS', sans-serif;
        font-size: 0.8em;
        margin: 0px;
        padding: 0px;
    }
    img.logo { width: 400px; height: auto; margin-bottom: 50px;}
    a {color: #002255; text-decoration: none;}
    h1 {}
    h2 { font-size: 1.2em; }
    #page{
        background-color: #FFFFFF;
        width: 100%;
     margin: 24px 0;
           /*padding: 12px;*/
    }
    #header{
        padding: 16px ;
        text-align: center;
    }
    .header{ background-color: #E0E0E0; color: #343434;}
    #content {
        padding: 18px 0 24px 0; border-top: solid 4px #EFEFEF; text-align: center; font-size: 1.3em; text-transform: uppercase; font-weight: 700;
    }
    #content:hover{
    background-color: #FFCC00;
    }
    #footer {
        color: #666666;
        background: #f9f9f9;
        padding-bottom: 10px; padding-top: 6px;
        border-top: 4px #efefef solid;
        font-size: 0.8em;
        text-align: center;
    }
    #footer a {
        color: #999999;
    }
    #footer a:hover {
        color: #FF7F2A;
    }
@media only screen and (min-width:720px) and (max-width:1280px),
       only screen and (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio:2) and (min-width:720px) and (max-width:1280px)  {
    img.logo { width: 710px; height: auto; margin-bottom: 30px;}
    .header { font-size: 1.4em; }
    #content {
        padding: 18px 0 24px 0; text-align: center; font-size: 1.6em; text-transform: uppercase; font-weight: 700;
    }
    #footer { position: absolute; left: 0px; bottom: 0px; width: 100%; font-size: 1.4em;}
}
@media screen and (max-width: 412px) {
    img.logo { width: 380px; height: auto; margin-bottom: 30px;}
    #content {
        padding: 18px 0 24px 0; text-align: center; font-size: 1.1em; text-transform: uppercase; font-weight: 700;
    }
    #footer { position: absolute; left: 0px; bottom: 0px; width: 100%;}
}
@media screen and (max-width: 384px) {
    img.logo { width: 300px; height: auto; margin-bottom: 30px;}
    #content {
        padding: 18px 0 24px 0; text-align: center; font-size: 1.1em; text-transform: uppercase; font-weight: 700;
    }
    #footer { position: absolute; left: 0px; bottom: 0px; width: 100%;}
}
@media screen and (max-width: 360px) {
    img.logo { width: 300px; height: auto; margin-bottom: 30px;}
    #content {
        padding: 18px 0 24px 0; text-align: center; font-size: 1.1em; text-transform: uppercase; font-weight: 700;
    }
    #footer { position: absolute; left: 0px; bottom: 0px; width: 100%;}
}

@media screen and (max-width: 320px) {
    img.logo { width: 280px; height: auto; margin-bottom: 30px;}
    #content {
        padding: 18px 0 24px 0; text-align: center; font-size: 1.1em; text-transform: uppercase; font-weight: 700;
    }
    #footer { position: absolute; left: 0px; bottom: 0px; width: 100%;}
}