@media screen and (min-device-width: 320px) and (max-device-width: 800px) {

@import url('reset.css');
@import url('fonts.css');
@import url('base.css');


.netscape4, #hd h5 {display: none !important;}

#hd ul {margin: 0; padding: 0; text-align: center; line-height: 2em;}

#hd li{list-style: none; display: inline;}

#hd li a{padding: 10px;}

#join-button {width: 160px; margin: 10px auto;}

h2, h3, h4, h5 {text-align: center;}

#fsf-links {display: none !important;}

.portletHeader {text-align: center; font-size: 23px; font-weight: bold; line-height: 34px;}

#sidebar dl, #sidebar dt, #sidebar dd {padding: 0; margin: 0;}

#sidebar dl img {display: none !important;}

#sidebar dd a{ display: block; padding: 15px; border: 1px solid #ccc; -webkit-border-radius: 10px; margin: 5px;}

.odd {background-color: #eee;}

.portletHeader a{ text-decoration: none; color: black !important;}

ul{padding: 0; margin: 0;}

#bd li {margin-bottom: 1em;}

blockquote {margin: 0; padding: 0; font-style: italic; padding: 10px; background-color: #ccc;}

blockquote a {display: block; text-decoration: none;}


#hd {display: relative;}

#hd h1 {
    width: 283px;
    background: url(http://static.fsf.org/common/img/logo-new.png) no-repeat;
    border: 0;
    margin: 0 auto;
    padding: 0;
}

#hd h1 a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 33px;
    height: 0px !important;
    height /**/: 33px;
    width: 283px;
    cursor: pointer;
}

body {background-color: white !important;}

#fp-deserve, #fp-getstart,#fp-charac,#fp-control, #fp-demand, #fp-systems, #fp-support-box, #fp-lp-box {margin-bottom: 1em; -moz-border-radius: 20px; padding: 15px;}

#fp-deserve {background-color: #0197fd;} 
#fp-deserve a{color: white !important; padding: 15px; text-decoration: none;}

#fp-getstart {background-color: #f44800;} 
#fp-getstart a{color: white !important; padding: 15px; text-decoration: none;}

#fp-charac {background-color: #980101;} 
#fp-charac a{color: white !important; padding: 15px; text-decoration: none;}

#fp-control {background-color: #fdca01;} 
#fp-control a{color: white !important; padding: 15px; text-decoration: none;}

#fp-demand {background-color: #fb8b00;} 
#fp-demand a{color: white !important; padding: 15px; text-decoration: none;}

#fp-systems {background-color: #aaccee;} 
#fp-systems a{color: white !important; padding: 15px; text-decoration: none;}

#fp-support-box {background-color: #336699;} 
#fp-support-box a{color: white !important; padding: 15px; text-decoration: none;}

#fp-lp-box {background-color: #black;} 
#fp-lp-box a{color: white !important; padding: 15px; text-decoration: none;}

form {text-align: center;}

input {margin-bottom: 8px;}

}