@charset "utf-8";

#pix {float:right; margin-bottom:1em; margin-left:1.25em; margin-right:0;}
#content ul {list-style: disc outside; margin-left: 1em;}
#content ul li {margin-bottom:.8em; line-height:1.1em;}

@media (max-width: 480px) {
h1 {font-size: 1.6em;}
h2 {font-size: 1.2em; margin-top:2em;}
#pix { width:100%; max-width:340px; float:none; margin-left:0; margin-right:auto;}
}
@media (min-width:481px) and (max-width: 699px) {
h1 {font-size: 1.65em;}
h2 {font-size: 1.25em;}
#pix {width:35%; max-width:250px;}
}
@media (min-width: 700px) {
h1 {font-size: 1.7em;}
h2 {font-size: 1.25em;}
#pix {width:35%; max-width:300px;}
}
@media (min-width: 800px) {
h1 {font-size: 1.8em;}
h2 {font-size: 1.3em;}
#pix {width:35%; max-width:340px;}
}
@media (min-width: 992px) {
h1 {font-size: 1.9em;}
h2 {font-size: 1.35em;}
#pix {width:35%; max-width:340px;}
}
@media (min-width: 1200px) {
h1 {font-size: 2em;}
h2 {font-size: 1.4em;}
#pix {width:35%; max-width:340px;}
}