body {
  font-family: "Spartan", sans-serif;
  background-color: #fff;
  margin: 4% 0 0 1%;
  font-size: 1vw;
  line-height: 0;
}

header {
  display: block;
}

header a {
  text-decoration: none;
}

.text {
  font-size: 0.95vw;
  line-height:1.5em;
  display: inline-block;
  vertical-align: top;
  width: 27%;
  height: 7vw;
}

nav {
  margin-top: 2%;
  display: inline-block;
}

h1,
h2 {
  text-transform: uppercase;
  font-weight: 800;
  line-height: 0;
}

h1 {
  color: rgb(255, 123, 0);
  font-size: 5vw;
}

h2 {
  color: rgb(19, 19, 19);
  font-size: 2.42vw;
}

#main {
  margin: 0 auto;
  width: 90%;
  max-width: 1800px;
}

img.thumb {
  
  height: auto;
  max-width: 15.6%;
  display: inline-block;
  margin:0;
  padding:0;
}

/*img.thumb:hover {
  outline-style: inset;
  outline: 2px solid rgb(255, 123, 0);
}*/

img.thumb:hover {
  outline: 5px solid rgb(255, 123, 0);
outline-offset: -5px;
}

.big-image {
  width: 70%;
  height: auto;
  margin-right: 2%;
  float: left;
}

a.print {
  background-color: rgb(255, 123, 0);
  font-size: 80%;
  padding: 7px 10px 5px 10px;
  border-radius: 4px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
}

a.print:hover {
  background-color: rgb(255, 15, 0);
}

nav a {
  margin-right: 1vw;
  font-size: 80%;
  color: rgb(218, 218, 218);
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 800;
}

nav a[href] {
  color: rgb(255, 123, 0);
}

nav a[href]:hover {
  color: rgb(255, 15, 0);
}

footer {
  display: block;
  text-transform: uppercase;
  letter-spacing: 150%;
  margin: 2% 0 2% 0;
  font-size: 70%;
  color: rgb(192, 192, 192);
  font-weight: 700;
}

footer img {
  margin-left:20px;
  width: 18px;
  height: auto;
}

@media only screen and (max-width: 1026px) {
  /* For mobile phones: */

  h1 {
    font-size: 6.5vw;
  }

  h2 {
    font-size: 3.13vw;
  }

  img.thumb {
    max-width: 24%;
  }

  a.print {
    display: inline-block;
  }

  .text {
    height: 12vw;
    font-size: 1.4vw;
  }

  nav {
    font-size: 1.4vw;
  }

  footer {
    font-size: 1.3vw;
  }
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */

  h1 {
    font-size: 9.7vw;
    margin: 10% 0 5% 0;
  }

  h2 {
    font-size: 4.66vw;
    line-height: 100%;
    margin: 2% 0;
  }

  img.thumb {
    max-width: 32%;
  }

  h3 {
    height: 7vw;
    max-width: 65%;
    display: inline-block;
  }

  .big-image {
    width: 100%;
    height: auto;
  }

  nav {
    margin: 0;
  }

  nav a {
    font-size: 2.3vw;
  }

  a.print {
    display: inline-block;
    vertical-align: middle;
    margin: 3% 5% 3%;
    font-size: 100%;
  }

  .text {
    width: 100%;
    height: auto;
    font-size: 2.3vw;
  }

  footer {
    margin-top: 4%;
    font-size: 1.5vw;
  }
}