@font-face {
    font-family: 'Bitter';
    src: url('fonts/Bitter-Bold.woff2') format('woff2'),
        url('fonts/Bitter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('fonts/Bitter-Italic.woff2') format('woff2'),
        url('fonts/Bitter-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('fonts/Bitter-Regular.woff2') format('woff2'),
        url('fonts/Bitter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: 'Bitter', serif;
	color: #d9d9d9;
}
h1{
	font-family: 'Bitter', serif;
	font-weight: bold;
	margin-top: 50px;
}
h5 {			
	font-family: 'Bitter', serif;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	margin: 0 0 10px 0;
}
p {
	margin: 10px 0 10px 0;
	font-size: 14px;
	font-style: italic;
}
hr {
	border-top-color: transparent;
	margin: 15px 0 15px 0;
}
.categories, .uk-container-xsmall { 
	max-width: 650px;
	margin: auto;
 }
li.category a{
	opacity: .7;
}
li.category a p, a{
	color: #fff;
}
a:hover{
	color: #fff;
}
li.category.selected a{
	font-weight: 600;
	opacity: 1;
}
.uk-slidenav{
 	padding: 5px 7px;
 }
.lang{
	color: #cdd932;
	font-style: italic;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: .1rem;
	text-transform: uppercase;
}
.aux {
	font-size: 0.7rem;
	font-weight: normal;
	font-style: italic;
	color: #d9d9d9;
	white-space: nowrap;
}
.legal{
	margin-top: 50px;
	border-top: 1px solid #d9d9d9;
}
.legal p{
	font-size: .75rem;
}
.uk-margin-medium-top{
	margin-top: 50px!important;
}
.c-y{
	color: #ecc539;
}
.c-b{
	color: #86bbc9;
}
.c-v{
	color: #8c52a9;
}
.c-g{
	color: #cdd932;
}
.c-r{
	color: #da1513;
}
.c-p{
	color: #d34481;
}

@media screen and (max-width: 1199px){
	.categories{ 
	max-width: 610px;
 	}
}
@media screen and (min-width: 1200px){
	.categories{ 
	max-width: 680px;
 	}
}