@font-face {
font-family: 'oswaldbold';
src: url('oswald-bold-webfont.woff2') format('woff2'),
url('oswald-bold-webfont.woff') format('woff');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'Linguistics Pro';
src: url('subset-LinguisticsPro-Regular.woff2') format('woff2'),
url('subset-LinguisticsPro-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}

body {
background-color: white;
color: black;
font-family: 'Linguistics Pro', serif;
text-align: justify;
}

a, .nb a:hover, .tip a:hover, a.switch:hover, a.nov:hover, .o_lay a:hover {
background-color: transparent;
color: black;
border-bottom: 2px solid #bd251a;
}

nav a, .fwd a, a.link, .panelcollapsed p, .panel p {
background-color: #bd251a;
color: white;
border-bottom: 0;
}

a:hover, .panel p:hover, .panelcollapsed p:hover {
background-color: #c0c0c0;
color: black;
border-color: transparent;
}

article {
max-width: 700px;
padding-right: 100px;
font-size: 18px;
line-height: 29px;
}

h1, h2 {
margin: 0;
font-family: oswaldbold, sans-serif;
background-color: #bd251a;
color: white;
text-align: left;
padding: 5px 10px 7px 10px;
}

h1 {
font-size: 32px;
line-height: 38px;
border-top: 6px solid white;
border-bottom: 16px double white;
}

h2 {
font-size: 24px;
line-height: 29px;
border-top: 10px solid white;
border-bottom: 4px double white;
}

p {margin: 10px 30px 0 30px;}

blockquote, ul {margin: 5px 60px 0 60px;}

blockquote.double {margin-top: 10px;}

p.half {margin-top: 5px;}

.notenorm blockquote, .notemed blockquote, .notebig blockquote, .panelcontent blockquote {margin: 3px 25px 0 25px;}

.panelcontent blockquote.double {margin-top: 6px;}

figure.right {
float: right;
margin: 16px 0 5px 25px;
}

figure.left {
float: left;
margin: 16px 25px 5px 0;
}

figcaption {
text-align: center;
padding: 5px;
}

figcaption, footer, .notesml, .notenorm, .notemed, .notebig {
font-size: 15px;
line-height: 24px;	
}

.spacer {margin-top: 6px;}

.line {
border-bottom: 3px solid #c0c0c0;
margin: 20px 0 120px 0;
}

nav, .fwd {
background-color: #bd251a;
border-top: 10px solid white;
}

nav a {
float: left;
width: 50%;
}

a.switch {
top: 170px;
left: 10px;
}

.notesml, .notenorm, .notemed, .notebig {
border: 3px solid #c0c0c0;
background-color: white;
color: black;
}

.panelcontent {
font-size: 16px;
line-height: 26px;
border: 3px solid #c0c0c0;
padding: 10px 57px 10px 57px;
}

.panelcollapsed p, .panel p {
width: 250px;
margin: 5px 0 0 0;
}

@media screen and (max-width: 800px) {
article {padding-right: 0;}
}

@media screen and (max-width: 700px) {
.panelcontent figure.right, .panelcontent figure.left {
float: none;
margin: 10px auto 10px auto;
}
}

@media screen and (max-width: 600px) {
figure.right, figure.left {
float: none;
margin: 10px auto 10px auto;
}
}

@media screen and (max-width: 500px) {
article {hyphens: auto;}
header, figcaption{hyphens: none;}
h1 {border-top: 0;}
nav {height: 80px;}
nav a {width: 100%;}
nav a, nav a:hover {border-bottom: 10px solid white;}
p {
margin-right: 10px;
margin-left: 10px;
}
blockquote {
margin-right: 40px;
margin-left: 40px;
}
.panelcontent {
padding-right: 37px;
padding-left: 37px;
}
}