body {
background-color : #CCFFFF;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-style : normal;
line-height : normal;
}

body, td, th {
color : #333333;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-style : normal;
}

h1 {
color : navy;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : large;
font-weight : bold;
font-style : normal;
}
h2 {
color : blue;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-weight : bold;
font-style : normal;
}

h3 {
color : blue;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-weight : normal;
font-style : normal;
}

h4 {
color : navy;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-weight : normal;
font-style : italic;
text-align: center;
}

h5 {
color : blue;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
font-weight : lighter;
font-style : normal;
}

h6 {
color : black;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : xx-small;
font-weight : lighter;
font-style : normal;
}
a {
color : #003366;
}


img {
  width: 600px;
  height: auto;
  border: 2px solid #1c87c9;
  border-radius: 10px;
  }

/* Media query for screens smaller than 600px */
@media (max-width: 600px) {
  img {
    width: 100%;
  }
}