@media (max-width: 500px) {

@font-face {
   font-family: 'TW Cen MT';
   font-style: normal;
   font-weight: normal;
   src: url('tcm.eot');
   src: local('TW Cen MT'),
        url('tcm.eot') format('embedded-opentype'),
        url('tcm.woff') format('woff');
}

body {
    margin: 0;
    font-family: "TW Cen MT", Geneva, sans-serif;
    opacity: 1.0;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
}

.emphasis {
    font-weight: bold;
}

#container {
    width: 100%;
    margin: auto;
}

#header {
    height: 170px;
}

#main, #info, #page-main {
    padding: 0 12px;
    text-align: justify;
}

#page-main h3, #page-main h4 {
    text-transform: uppercase;
    text-align: left;
}

#page-main img {
    margin: 5px;
    width: 150px;
    height: auto;
}

#page-main ul {
    text-align: left;
}

#page-main li {
    margin-left: -10px;
    list-style-type: circle;
}

#main a, #info a, #page-main a, #location a {
    color: #0E9500;
    text-decoration: none;
}

#main a:hover, #info a:hover, #page-main a:hover, #location a:hover {
    text-decoration: underline;
}

#location {
    padding: 0 7px;
    text-align: justify;
}

#location a {
    text-transform: uppercase;
    padding: 0 5px;
}

#location a#active {
    color: #000;
    text-decoration: none;
}

#logo h1, #page-logo h1 {
    width: 100%;
    height: 60px;
    position: absolute;
    top: 0;
    margin: 0 auto;
    padding: 0;
    background: #0E9500;
    text-align: center;
}

#logo h1 img, #page-logo h1 img {
    display: inline-block;
    margin: 0 auto;
    float: middle;
    text-align: center;
}

.site-title, #title, #page-title, #text-readers-main, #text-readers-social, #share, #text-readers-services, ul#login-links, ul#share-links, ul.dropdown li ul, ul#main-links li ul, ul#main-links li ul li, ul.dropdown li ul, #thumbnail, #map, #sitemap, #validation {
    display: none !important;
}

#header ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    display:inline;
}

#header li {
    width: 100%;
    display: inline;
    text-align: center;
    margin-bottom: 1px;
}

#header li a {
    width: 100%;
    display: inline;
    background-color: #222;
    color: #fff;
    text-align: center;
    padding: 4px 0;
}

#subtitle h2 {
   background-image: url('../img/subtitle-5.png');
   background-repeat:no-repeat;
   background-position: center top;
   margin: 60px 0 0 0;
   padding: 60px 0 0 10px;
   height: 32px;
   color: #fff;
   text-align: left;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: normal;
   letter-spacing: 5px;
}

#main-image img {
    width: 120px;
    position:absolute;
    z-index -1;
    margin-top: -10px;
}

#main h2 {
    padding-left: 130px;
    margin-top: 40px;
}

#info {
    padding-top: 1px;
}

#copyright {
    width: 100%;
    display: block;
    background-color: #222;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    margin-bottom: 0;
}

}