@media (min-width: 640px) {
body{
width: 70%; 
min-width: 640px;
margin: auto; 
font: 1.1em Roboto, Sans-Serif;
color: #111;
}

h3{
margin-top: 2em; 
background: #4577B3; 
color: #fff; 
padding: 3px; 
text-align: center;
}

a{color: #4577B3;}

a:visited{text-decoration: none;}

a:hover, a:focus{color: #B00503;}

h2{
font-size: 2.5em; 
text-align: center; 
font-weight: bold; 
margin: 0; 
background: #4577B3;
}

h2 a:visited, h2 a{
color: #fff; 
text-shadow: 2px 2px 1px #333; 
display: block; 
padding: 0.2em;
text-decoration: none;
}

h2 + b{
display: block; 
text-align: center; 
background: #eee; 
font-weight: 100; 
font-size: smaller; 
padding: 0.3em;
}

ul{padding:0;}

li{
list-style: none; 
padding: 1em .5em; 
border-bottom: 1px solid #bbb; 
line-height: 140%;
}

li:nth-child(odd){background: #eee;}

ul ol{
margin: .8em auto; 
background: transparent !important;
}

* ul ol li, * ul ul li{
border-bottom: none; 
list-style: decimal; 
padding: 0.3em 0; 
background-color: transparent !important;
}
}

@media only screen and (max-width: 640px) {


body{
width: 100%; 
margin: auto; 
font: 1.35em Roboto, Sans-Serif;
color: #111;
}

a{color: #4577B3;}

a:visited{text-decoration: none;}

a:hover, a:focus{color: #B00503;}

h2{
font-size: 2.5em; 
text-align: center; 
font-weight: bold; 
margin: 0; 
background: #4577B3;
}

h2 a:visited, h2 a{
color: #fff; 
text-shadow: 2px 2px 1px #333; 
display: block; 
padding: 0.2em;
text-decoration: none;
}

h2 + b, h2 + b + p[style]{
display: block; 
text-align: center !important; 
background: #eee; 
font: 300 .7em 'Roboto-Condensed', 'Roboto Condensed', sans-serif-condensed, Sans-Serif; 
padding: 0.3em;
margin: 0;
}

h3{
margin-top: 2em; 
background: #4577B3; 
color: #fff; 
padding: 5px; 
text-align: center;
}

ul{padding:0;}

li{
list-style: none; 
padding: 1.7rem; 
border-bottom: 1px solid #bbb; 
line-height: 150%;
}

li:nth-child(odd){background: #eee;}

ul ol{
margin: .8em auto; 
background: transparent !important;
}

* ul ol li, * ul ul li{
border-bottom: none; 
list-style: decimal; 
padding: 0.3em 0; 
background-color: transparent !important;
}

blockquote {
    padding: .5em 1.7rem;
    margin-left: -1.7rem;
    color: #203651;
    font-family: 'Roboto-Condensed', 'Roboto Condensed', sans-serif-condensed, Sans-Serif;
    width: calc(100% + 2 * 1.7rem);
    box-sizing: border-box;
    border: 5px solid #4577B3;
    border-width: 0 5px;
    background: #e3eaf2;
}
}