@font-face {
    font-family: 'Barlow';
    src: url('../font/Barlow-Medium.woff2') format('woff2'),
        url('../font/Barlow-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agane';
    src: url('../font/Aan55.woff2') format('woff2'),
        url('../font/Aan55.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agane';
    src: url('../font/Agan45.woff2') format('woff2'),
        url('../font/Agan45.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agane';
    src: url('../font/Agan65.woff2') format('woff2'),
        url('../font/Agan65.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body, html {
    height: 100%;
	font-family:Agane,Tahoma,sans-serif;
	font-size:18px;
	background-color:#9CA0AD;
	color:#000;
}


a:link, a:visited {
	color:#fff;
}

h1, h2, h3 {
	color:#fff;
	font-family:'Barlow',sans-serif;
	font-weight:400;
}

h1 {
	margin:1em 0;
	text-align:center;
}

header {
	background-color:#000;
	border:1px solid 000;
}

header .container {
	padding-top:1em;
}

nav {
	border-top:1px solid #fff;		
	padding-top:1em;
}

.hbheader {
	text-align:center;
	color:#fff;
	margin:1em 0;
}

.minihero-text h1 {
	text-align:center;
	font-weight:400 !important;
}

.main {
	margin-top:5vH;
}

aside {
	font-size:85%;
}

footer {
	margin-top:5vH;
	font-size:85%;	
	padding:1rem 0;
	background-color:#000;
	color:#fff;
}

img {
	max-width:100%;
	height:auto;
}