@font-face {
    font-family: 'national-web-book';
    src: url('https://filmchief.com/festivals/leidenshorts/fonts/national-web-book.woff2') format('woff2'),
        url('https://filmchief.com/festivals/leidenshorts/fonts/national-web-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'national-2-condensed-web-extrabold';
    src: url('https://filmchief.com/festivals/leidenshorts/fonts/national-2-condensed-web-extrabold.woff2') format('woff2'),
        url('https://filmchief.com/festivals/leidenshorts/fonts/national-2-condensed-web-extrabold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html,body {
	font-family: 'national-web-book', sans-serif;
	font-size:1rem;
}
footer .page-footer-inner {
    font-family: 'national-2-condensed-web-extrabold', sans-serif;
}
h1,h2,h3,h4 {
	font-family: 'national-2-condensed-web-extrabold', sans-serif;
}
h1 {
	font-size:3rem;
}
h2 {
	font-size:2rem;
}
h3 {
	font-size:1.5rem;
}
h4 {
	font-size:1.33rem;
}

#top-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 80px;
  width: 100%;
  background-color:rgba(139, 118, 211, 1.0);
  padding: 0 20px; /* Add some padding for spacing */
}
/* Style for the logo */
#top-nav > .navbar-header {
  margin:0 auto;
}
.navbar-brand.primary > img {
	height:54px;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
	.form-horizontal .control-label {
		padding-top: 3px;
	}	
}