@media screen and (min-width:400px) {
body {
    margin: 0px;
    padding: 0;
    background: #C9C9C9;
    line-height: 1.6em;
    text-align: justify;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
}

h1 {
    font-size: 32px;
    font-weight: normal;
  /* text-transform: lowercase;*/
}

a {
    text-decoration: none;
    color: #CC0099;
}


#header {
    width: 800px;
    height: 80px;
    margin: 0px auto;
    padding: 40px 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
}

#header h1 { 
    padding: 0 5px 10px 200px  ;
    border-bottom: #CC0099 2px solid;
}

#main_content {
    width: 800px;
    margin: 0px auto;
    padding: 0;
}}

/* *********************************************************************************** */

@media screen and (max-width:400px) {
body {
    margin: 0px;
    padding: 5px;
    background: #C9C9C9;
    line-height: 2em;
    text-align: justify;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
}

h1 {
    font-size: 20px;
    font-weight: normal;
  /* text-transform: lowercase;*/
}

a {
    text-decoration: none;
    color: #CC0099;
}

#header {
    /* width: 800px; */
    /* height: 80px; */
    margin: 0px auto;
    padding: 40px 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
}

#header h1 { 
    text-align:center;
    padding: 0 5px 10px 5px;
    border-bottom: #CC0099 2px solid;
}

#main_content {
    /* width: 800px; */
    margin: 0px auto;
    padding: 0;
}}