@font-face {
  font-family: "NettoPro-Bold";
  src: url("../font/NettoPro-Bold.otf"); }
body {
  font-family: "NettoPro-Bold";
  background-image: url("../img/body-bg.jpg");
  background-position: center 78%;
  color: white;
  height: 100vh; }
  body .container {
    padding: 40px 40px 0 40px; }

header {
  margin: 0 0 70px 0; }
  header nav {
    display: inline-block;
    float: right;
    margin: 0 80px 0 0; }
    header nav ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      header nav ul li {
        display: inline-block; }
        header nav ul li:not(:last-child) {
          margin: 0 20px 0 0; }
        header nav ul li a, header nav ul li a:link, header nav ul li a:active, header nav ul li a:visited {
          font-size: 14px;
          color: white;
          text-decoration: none;
          transition: all 0.3s ease-in-out; }
          header nav ul li a:hover, header nav ul li a:link:hover, header nav ul li a:active:hover, header nav ul li a:visited:hover {
            color: yellow; }

section.content h1 {
  font-size: 56px;
  display: inline-block;
  margin: 0;
  line-height: 68px; }
  section.content h1 span {
    transition: all 0.3s ease-in-out; }
    section.content h1 span:hover {
      color: yellow;
      cursor: default; }

@media only screen and (max-width: 480px) {
  body .container {
    padding: 20px 20px 0 20px; }

  header nav {
    float: left;
    margin: 25px 0 0 0; }

  section.content h1 {
    font-size: 36px;
    line-height: 38px; } }
@media only screen and (max-width: 320px) {
  body .container {
    padding: 20px 20px 0 20px; }

  header nav ul li:not(:last-child) {
    margin: 0 10px 0 0; }
  header nav ul li a {
    font-size: 12px !important; } }

/*# sourceMappingURL=styles.css.map */