/* .social-media-nav, */
  .desktop-tablet-nav {
    display: none !important; /* Hide the social media menu and website menu */
  }
html{
	background-color:black;
}
#background{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("bg.jpg");
    background-position: center center;
    background-size: cover;
    z-index: -1;
}
body {
	font-family: 'ralewaylight';
    margin: 0;
    padding: 0;
    color: white;
    /*background-image: url("bg.jpg");
    background-position: center center;
    background-size: cover;
	height: 100vh; /* Set the height to 100% of the viewport height */
    /*background-attachment: fixed;*/
}
@font-face {
    font-family: 'chunkfive_printregular';
    src: url('./font/chunk_five_print-webfont.eot');
    src: url('./font/chunk_five_print-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/chunk_five_print-webfont.woff2') format('woff2'),
         url('./font/chunk_five_print-webfont.woff') format('woff'),
         url('./font/chunk_five_print-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('./font/raleway-light-webfont.eot');
    src: url('./font/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/raleway-light-webfont.woff2') format('woff2'),
         url('./font/raleway-light-webfont.woff') format('woff'),
         url('./font/raleway-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
header {
	text-align: center;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
a {
    text-decoration: none; /* Remove underline */
    color: rgba(255, 255, 255, 0.7); /* Set white color with 70% transparency */
    transition: color 0.3s; /* Add transition effect */
}

a:hover {
    color: rgba(255, 255, 255, 1); /* Change color to 100% opacity on hover */
}
.desktop-tablet-nav ul,
.language-nav ul,
.social-media-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.desktop-tablet-nav ul li,
.language-nav ul li,
.social-media-nav ul li {
    display: inline;
    margin: 0 10px;
}
.desktop-tablet-nav a,
.language-nav a{}
.social-media-nav a
{    opacity: 0.7; /* Set default transparency to 70% */
    transition: opacity 0.3s ease;
}
.social-media-nav a:hover {
    opacity: 1; /* Set transparency to 100% on hover */
}}
.desktop-tablet-nav,
.language-nav,
.social-media-nav {
    display: inline-block; /* Set elements to display inline */
    vertical-align: middle; /* Align elements vertically in the middle */
}

.desktop-tablet-nav {
    text-align: center; /* Center the site menu */
	text-transform: uppercase; 
	font-size: 18px;
}

.language-nav {
    text-align: right; /* Align the language menu to the right */
}

.social-media-nav {
    text-align: left; /* Align the social media menu to the left */
}

.content {
    max-width: 700px;
    margin: 0 auto;
    padding: 20px;
}
h1 {
	font-family:chunkfive_printregular;
	font-weight: normal;
}	
b {
	text-align: center;
}
img {
	margin-top: 30px;
}
footer {
	text-align: center;
    align-items: center;
}