@import "light.min.css";

header img { 
  width: 7.5rem; 
  float: right; 
/*  margin-right: 2.33rem; */
}

header + p { 
  clear: both; 
  margin-top: 1.5rem;
}

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0; 
  text-align: left;
}

nav ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

nav ul li::before {
  content: "·";
  margin-right: .5rem;
  margin-left: .25rem;
}

nav ul li:first-child::before {
  content: "";
  margin: 0;
  padding: 0;
}

footer { 
  margin-top: 2rem; 
  margin-bottom: 2rem; 
  font-size: .65rem; 
}


@media screen and (max-width: 480px) {
  body {
    font-size: .75rem;
  }

  header img { 
    width: 5.33rem; 
    float: right; 
  }

  nav ul li::before {
    content: "·";
    margin-top: 3rem;
    margin-right: .3rem;
    margin-left: .15rem;
  }

  footer {
    font-size: .6rem;
  }
}

@media screen and (max-width: 360px) {
  header img {
    width: 4.25rem;
    float: right;
  }
}