body.page {
  font-family: 'Open Sans', sans-serif;
  color: #555;
  line-height: 1.3;
  font-size: 16px;
 }

embed.worldclock {
  width: 580px;
  height: 580px;
  position: relative;
  z-index: 99;
 }


/* for 720px or less */
@media screen and (max-width: 720px) {

body.page {
  font-size: 14px;
 }

embed.worldclock {
  width: 450px;
  height: 450px;
 }

}


/* for 480px or less */
@media screen and (max-width: 480px) {

body.page {
  font-size: 13px;
 }

embed.worldclock {
  width: 360px;
  height: 360px;
 }
 
}

p {
  font-family: 'Open Sans', sans-serif;
  color: #555;
  line-height: 1.3;
  font-size: 16px;
}

h1 {
  font-size: 2em;
  color: #750017;
  line-height: 1.0;
  margin-bottom: 5px;
}


h2 {
  font-size: 1.7em;
  color: #750017;
  line-height: 1.0;
  margin-bottom: 5px;
}

h3 {
  font-size: 1.4em;
  color: #750017;
  line-height: 1.2;
  margin-bottom: 5px;
}

h4 {
  font-size: 1.3em;
  color: #750017;
  line-height: 1.0;
  margin-bottom: 5px;
}

h5 {
  font-size: 1.2em;
  color: #750017;
  line-height: 1.0;
  margin-bottom: 5px;
}

h6 {
  font-size: 1.1em;
  color: #750017;
  line-height: 1.0;
  margin-bottom: 5px;
}


a:link {
 color: #7f0000;
 text-decoration: underline;
 text-decoration-color: #ddddff;
}

a:visited {
 color: #7f0000;
 text-decoration: underline;
 text-decoration-color: #ddddff;

}

a:active {
  color: red;
}

a:hover {
 color: #cf0000;
 text-decoration: underline;
}


a.footlinks:link {
 color: #7f0000;
 font-size: 0.9em;
 text-decoration: underline;
 text-decoration-color: #ccccff;
}

a.footlinks:visited {
 color: #7f0000;
 text-decoration: underline;
 text-decoration-color: #ccccff;

}

a.footlinks:active {
  color: red;
}

a.footlinks:hover {
 color: #af0000;
 text-decoration: underline;
}


b, strong {
 font-weight: bold;
 }


i, em {
 font-style: oblique;
 }
 
ul {

    list-style: disc;
    margin: 0;
    margin-top: 0.5em;
    padding: 0;
    text-indent: 0;
    margin-left: 20px;
}

ol {
    list-style-type: numeric;    
    margin: 0;
    margin-top: 0.5em;
    padding: 0;
    text-indent: 0;
    margin-left: 20px;
}


li {
    margin: 0;
    padding: 0;
    text-indent: 0;
}

li.content {
    margin-bottom: 10px;
}

img {
    border-color: #7f0000;
  display: block;
  max-width:100%;;  
    
}