@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;
}

body {
font-family: oswaldbold, sans-serif;
background-color: #0c3483;
background-image: linear-gradient(90deg, #0a2765, #3d63b4);
color: white;
}

h1 a, h1 a:hover {
background-color: transparent;
color: white;
}

header, footer, .goto {
max-width: 700px;
padding-right: 100px;
margin: 0 auto 0 auto;
}

.band {
background: white none;
margin-top: 20px;
}

h1 {
font-size: 60px;
line-height: 1;
padding: 10px 20px 10px 20px;
border-top: 6px solid white;
border-bottom: 6px solid white;
margin: 20px 0 0 0;
}

h2 {
font-size: 30px;
line-height: 39px;
margin: 19px 20px 0 20px;
}

h3 {
font-size: 26px;
line-height: 34px;
margin: 10px 20px 0 20px;;
}

p {font-family: ibm_plex_sansregular, sans-serif;}

header p {
font-size: 18px;
line-height: 29px;
margin: 10px 20px 0 20px;
}

.notenorm {
background: white none;
line-height: normal;
border: 1px solid #0a2765;
padding: 10px;
}

.notenorm a {
background: white none;
color: #0a2765;
padding: 2px;
}

.notenorm a:hover {
background: #0a2765 none;
color: white;
}

img {
display: inline;
position: relative;
top: 2px;
}

.goto {padding-bottom: 20px;}

.goto div {
padding-top: 10px;
font-size: 26px;
line-height: 37px;
}

.goto a {
display: block;
background-color: transparent;
color: #0a2765;
padding: 0 20px 2px 20px;
border-bottom: 1px solid #0a2765;
}

a.scot {background-image: url(scotsid.gif);}

a.wales {background-image: url(walesid.gif);}

a.scot, a.wales {
background-repeat: no-repeat;
background-position: 20px center;
text-indent: 40px; 
}

.goto a:hover {
display: block;
background-color: #0a2765;
color: white;
border-bottom: 1px solid white;
}

footer p {
margin: 60px 20px 0 20px;
font-size: 15px;
line-height: 24px;
}

.narrow {display: none;}

.nojs {
font-family: sans-serif;
font-size: 20px;
line-height: 1.5;
padding: 20px 0 20px 0;
text-align: center;
}

@media screen and (max-width: 800px) {
header, .goto, footer {padding-right: 0;}
}

@media screen and (max-width: 600px) {
h1 {font-size: 9vw;}
}

@media screen and (max-width: 550px) {
h2, h3, .goto div {font-size: 22px;}
.narrow {display: inline;}
.null {display: none;}
h1, .goto a {
padding-right: 10px;
padding-left: 10px;
}
h2, h3, header p, footer p, form {
margin-right: 10px;
margin-left: 10px;
}
a.scot, a.wales {background-position: 10px center;}
}