body {
  margin: 0;
  padding: 0;
  font-family: "proxima-nova-1", "proxima-nova-2", helvetica, arial, sans-serif; }

.inner {
  width: 900px;
  max-width: 90%;
  margin: 0 auto; }

.border {
  border: 1px solid black; }

.header-area .header-logo {
  margin: 0px;
  padding: 60px 0px; }

.announcement {
  background-color: #36c;
  color: white; }
  .announcement a {
    color: white !important; }

.section {
  padding: 10px; }
  .section a {
    color: #36c; }
  .section h1 {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 80%;
    color: #333; }
  .section p {
    font-size: 18px;
    line-height: 140%; }
  .section ul {
    width: 45%;
    float: left; }
    .section ul li {
      padding: 2px;
      line-height: 140%; }

.footer {
  margin-top: 20px;
  padding: 20px;
  background-color: black;
  color: white; }
  .footer a {
    color: white; }

@media only screen and (min-width: 300px) {
  .header-logo img {
    width: 875px; }

  .section ul {
    width: 90%; } }
@media only screen and (min-width: 620px) {
  .header-logo img {
    width: 1300px; } }
@media only screen and (min-width: 980px) {
  .header-logo img {
    width: 2000px; }

  .section ul {
    width: 45%; } }