BODY {
	MARGIN-TOP: 0px; FONT-SIZE: 11px; BACKGROUND-ATTACHMENT: scroll; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
TD {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
P {
	BACKGROUND: white
}
H1 {
	FONT-SIZE: 12px; COLOR: #979797; FONT-FAMILY: Helvetica, Verdana, Arial
}
A:hover {
	COLOR: #804c4c; BACKGROUND-COLOR: #f0efe3
}
H2 {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H3 {
	FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textsm {
	FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textbg {
	FONT-SIZE: 20px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; position:absolute; left:200px;
}
.textreg {
	FONT-SIZE: 12px; COLOR: #979797; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

/**/
@media (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 1.5;
  }

	.textbg {
		FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; position:absolute; left: auto; right:1px;
	}

  .container {
    width: 100%;
    padding: 0 15px;
  }

  header {
    text-align: center;
  }

  nav ul {
    display: flex;
    flex-direction: column;
    padding: 0;
  }

  nav ul li {
    margin-bottom: 10px;
  }

  .content {
    display: flex;
    flex-direction: column;
  }

  .main {
    width: 100%;
  }

  .sidebar {
    width: 100%;
    margin-top: 20px;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  table {
    font-size: 14px;
  }
}

@media (orientation: landscape) {
  img {
    width: auto;
    max-height: calc(100vh - 80px);
  }
}