body { background-color: #f2f2f2; font-family: Tahoma, Verdana, sans-serif; }

ul { list-style-position: inside; text-align: left; }

.banner { background-color: #fff; width: 80%; max-width: 1400px; margin: auto; border-top-left-radius: 30px; border-top-right-radius: 30px; padding: 0px; }

.thebox { background-color: #fff; width: 80%; max-width: 1400px; margin: auto; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }

.insidethebox { padding: 30px; }

t1 { font-weight: bold; font-size: 48px; font-family: Tahoma, Verdana, sans-serif; }

t2 { font-style: italic; font-size: 12px; font-family: Arial, sans-serif; }

p { text-align: justify; text-indent: 20px; padding: 0px; }

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 780px) {
  menu { padding: 0px; font-weight: bold; max-width: 100%; font-size: 24px; }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 779px) {
  menu { padding: 0px; font-weight: bold; max-width: 100%; font-size: 14px; }
}

a { color: #8CB5AE; text-decoration: none; }
a:hover { color: #CF9874; }