+h1 {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ margin: 0;
+ padding: 10px 0 0 130px; /* IE8 and older do not support rem */
+ padding: 1rem 0 0 130px;
+ height: 60px; /* IE8 and older do not support rem */
+ height: 4rem;
+ min-height: calc(70px - 1rem);
+ font-size: 2em;
+ background-color: #003366;
+ color: #FFFFEE;
+ background-image: url("KaiRoLogo-100x62.png");
+ background-repeat: no-repeat;
+ background-position: 10px 50%;
+ overflow: hidden;
+}
+@media screen and (max-width: 550px) {
+ h1 {
+ font-size: 1.5em;
+ }
+}
+@media screen and (max-width: 375px) {
+ h1 {
+ font-size: 1.2em;
+ padding-left: 120px;
+ }
+}
+@media screen and (max-width: 325px) {
+ h1 {
+ padding-top: 0.5rem;
+ height: 4.5rem;
+ min-height: calc(70px - 0.5rem);
+ }
+}
+
+a:link { color: #669999; }
+a:visited { color: #003366; }
+a:hover, a:active { color: #88BBBB; }
+