@import url("https://fonts.googleapis.com/css?family=Open+Sans,Montserrat");
@font-face {
  font-family: noway;
  src: url(../inc/fonts/noway.ttf); }

@font-face {
  font-family: nowayItalic;
  src: url(../inc/fonts/noway_italic.ttf); }

.mm-1 {
  margin-right: 10px; }

.mm-2 {
  margin-right: 20px; }

.mm-3 {
  margin-right: 30px; }

.mm-4 {
  margin-right: 40px; }

.mm-5 {
  margin-right: 50px; }

.mm-6 {
  margin-right: 60px; }

.mb-1 {
  margin-right: 10px; }

.mb-2 {
  margin-right: 20px; }

.mb-3 {
  margin-right: 30px; }

.mb-4 {
  margin-right: 40px; }

.mb-5 {
  margin-right: 50px; }

.mb-6 {
  margin-right: 60px; }

.ml-1 {
  margin-right: 10px; }

.ml-2 {
  margin-right: 20px; }

.ml-3 {
  margin-right: 30px; }

.ml-4 {
  margin-right: 40px; }

.ml-5 {
  margin-right: 50px; }

.ml-6 {
  margin-right: 60px; }

.mt-1 {
  margin-right: 10px; }

.mt-2 {
  margin-right: 20px; }

.mt-3 {
  margin-right: 30px; }

.mt-4 {
  margin-right: 40px; }

.mt-5 {
  margin-right: 50px; }

.mt-6 {
  margin-right: 60px; }

.mr-1 {
  margin-right: 10px; }

.mr-2 {
  margin-right: 20px; }

.mr-3 {
  margin-right: 30px; }

.mr-4 {
  margin-right: 40px; }

.mr-5 {
  margin-right: 50px; }

.mr-6 {
  margin-right: 60px; }

.pp-1 {
  margin-right: 10px; }

.pp-2 {
  margin-right: 20px; }

.pp-3 {
  margin-right: 30px; }

.pp-4 {
  margin-right: 40px; }

.pp-5 {
  margin-right: 50px; }

.pp-6 {
  margin-right: 60px; }

.pb-1 {
  margin-right: 10px; }

.pb-2 {
  margin-right: 20px; }

.pb-3 {
  margin-right: 30px; }

.pb-4 {
  margin-right: 40px; }

.pb-5 {
  margin-right: 50px; }

.pb-6 {
  margin-right: 60px; }

.pl-1 {
  margin-right: 10px; }

.pl-2 {
  margin-right: 20px; }

.pl-3 {
  margin-right: 30px; }

.pl-4 {
  margin-right: 40px; }

.pl-5 {
  margin-right: 50px; }

.pl-6 {
  margin-right: 60px; }

.pt-1 {
  margin-right: 10px; }

.pt-2 {
  margin-right: 20px; }

.pt-3 {
  margin-right: 30px; }

.pt-4 {
  margin-right: 40px; }

.pt-5 {
  margin-right: 50px; }

.pt-6 {
  margin-right: 60px; }

.pr-1 {
  margin-right: 10px; }

.pr-2 {
  margin-right: 20px; }

.pr-3 {
  margin-right: 30px; }

.pr-4 {
  margin-right: 40px; }

.pr-5 {
  margin-right: 50px; }

.pr-6 {
  margin-right: 60px; }

/* Montserrat, Roboto, Brandon Grotesque, Lucida Grande, Bitter, Source Sans Pro, Publico, Helvetica Neue, Georgia and Lato. */
html, body {
  margin: 0px;
  padding: 0;
  color: rgba(34, 33, 61, 0.71); }

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px; }

h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px; }

a {
  text-decoration: none;
  color: inherit;
  margin-right: 20px; }

.navi {
  background-color: rgba(34, 33, 61, 0.71);
  height: 6vh;
  max-height: 42px;
  display: grid;
  grid-template-columns: auto 3fr 2fr;
  grid-gap: 0; }

.headerLogo {
  color: #f7f7f7;
  font-weight: bold;
  background-color: rgba(14, 7, 29, 0.801);
  padding: 10px 40px 10px 30px;
  grid-column: 1/2; }

.headerTitle {
  grid-column: 2/5; }

.headerMenu {
  grid-column: 5/7;
  color: #f7f7f7;
  padding: 10px 20px; }

.headerMenu > a:hover {
  font-weight: bolder;
  color: #f8f7ec;
  text-shadow: 2px 2px 6px rgba(34, 34, 34, 0.5); }

.container {
  margin: 20px; }

.hideThisTag {
  display: none; }

@media only screen and (max-width: 790px) {
  body {
    font-size: 12px; }
  .container {
    margin: 10px; } }

@media only screen and (max-width: 400px) {
  body {
    font-size: 11px; }
  .container {
    margin: 5px; } }