@font-face {
  font-display: swap; 
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.miniaturflieger.com/fonts/outfit-v15-latin-300.woff2') format('woff2'); 
}
body {
    background-color: #fff;
    color: #36393d;
    display: grid;
    font-family: "outfit", sans-serif;
    line-height: 1.6;
    font-weight: 300;
	-webkit-text-size-adjust: 100%;
}
#main {
    max-width: 1024px;
    margin: 0 auto;
    padding-top: 2.5%;
}
.clear {
    padding-top: 30px;
}
strong,
b {
    color: #36393d;
    font-weight: 300;
}
small {
    font-size: 15px;
    color: #36393d;
}
header {
    text-align: center;
}
nav {
	overflow: hidden;
}
nav ul {
    list-style: none;
    margin: 0 42px 8px 0;
    text-align: center;
    font-weight: 300;
}
nav li {
    display: inline;
    font-size: 20px;
}
nav a {
	color: #ff4500;
    text-decoration: none;
    padding: 8px 6px;
}
nav a:hover {
      color: #36393d;
}
article h1,
article h2,
article h3,
article h4,
section h1,
aside h3 {
    font-size: 20px;
   color: #36393d;
    font-weight: 400;
}
article p,
article li,
section p {
    font-size: 20px;
    font-weight: 300;
}
article a,
section a {
    color: #ff4500;
    text-decoration: none;
    font-weight: 300;
}
article a:hover,
section a:hover {
    color: #36393d;
    text-decoration: underline;
    text-decoration: none;
}
.txclear {
    padding-top: 10px;
}
.left {
    padding-left: 5px;
}
footer a {
    color: #36393d;
    text-decoration: none;
}
footer a:hover {
   color: #ff4500;
    text-decoration: none;
}
footer {
    font-size: 18px;
    text-align: center;
    line-height: 2;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    nav li {
    font-size: 21px;
    }
    article h1,
    article h2,
    article h3,
    section h4 {
        font-size: 21px;
    }
    article p,
    article li,
    section p {
        font-size: 21px;
    }
   }