@charset "utf-8";

h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
#content ul { list-style: disc outside; margin-left: 1em; }
#content ul li {margin-bottom:.8em; line-height:1.1em;}
.pixwrap {width: 100%;text-align: center;margin-top: 1em;}
.pix {position:relative;}
.pix img {display: block;margin-right: auto;margin-left: auto; margin-bottom:.1em;}
.mag { display:block;position: absolute; height: 1.4em; width: 1.4em; bottom: 0px; right: 0px; padding-bottom:.1em; padding-right:.1em;  font-size:1.35em;}
.pix img :hover { -o-transition: opacity .5s;-moz-transition: opacity .5s;-webkit-transition: opacity .5s;transition: opacity .5s;opacity:.5;}
.mag a:hover {opacity: 1; filter: alpha(opacity=1); /* IE8 + b4 */}

@media (max-width: 480px) {
#imgschl {margin-left:auto; margin-right:auto; margin-top:15px;}
#capschl {text-align:center;}
#msg, #news, #videos {padding: 20px 8px 10px;}
#msg img {margin-left:auto; margin-right:auto;}
}
@media (min-width:481px) and (max-width: 699px) {
#imgschl {margin-left:auto; margin-top:15px;}
#capschl {text-align:center;}
#msg img {margin-left:auto; margin-right:auto;}
}
@media (min-width: 700px) {
h1 {font-size: 1.7em;}
#msg img {margin-left:auto; margin-right:auto;}
}
@media (min-width: 800px) {
#capschl {text-align:right;}
}
@media (min-width: 992px) {
h1 {font-size: 1.9em;}
#msg img {display:block;float: right;margin-right: 0px;margin-left: 1em;}
}
@media (min-width: 1200px) {h1 {font-size: 2em;}}