body {
    background-color: #ffffff;
    color: #808080;
    /* background-color: lightgrey; */
    /* background-image: url(bg2.png); */
    /* color: "dark blue"; */
    /* background-attachment: fixed; */
    /* background-repeat:r no-repeat; */
    url("Comfortaa-Regular.ttf");
    font-family: "Comfortaa", sans-serif;
    padding: 0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 2048px;
    
}

/* h1 { */
/*     margin-left: 10%; */
/*     margin-top: 10%; */
/*     margin-bottom: -.2em; */
/*     text-transform: uppercase; */
/* } */

h1 {
    margin: 0;
    padding: 0;
}

.header {
    position: absolute;
    top: 1em;
    right: 1em;
    color: #535d6c;
    text-transform: uppercase;
    padding: 0;
    
}



/* .header { */
/*     background-color: #ffffff; */
/*     background-image: url(sliver.svg); */
/*     background-repeat: r no-repeat; */
/*     text-align: left */
/*     /\* margin: 0px; *\/ */
/*     /\* padding: 0px; *\/ */
/* } */

/* .header img { */
/*     display: inline; */
/*     background-color: white; */
/*     margin: 0px; */
/*     padding: 0px; */
/* } */

/* .header h2 { */
/*     float: right; */
/*     display: inline; */
/*     font-size: 3em; */
/*     margin: 0px 0px 0px 0px; */
/*     padding: 4.1em 1em 0 0; */
/*     text-transform: uppercase; */
    
/* } */


.navigation {
    list-style-type: none;
    /* background-color: yellow; */
    text-align: center;
    /* align: center; */
    margin: 0;
    padding: 0;
    /* display: inline; */
    text-transform: uppercase;
    /* width: 100%; */
    /* overflow: auto; */
}

/* ul.navigation { */
/*     list-style-type: none; */
/*     background-color: yellow; */
/*     margin: 0; */
/*     padding: 0; */
/*     display: inline; */
/*     text-transform: uppercase; */
/* } */

.navigation li {
    display: inline-block;
    width: 16%;
    /* background-color: red; */
    margin: 1em 0;
    padding: 0
}

.navigation li a {
    color: #808080;
    text-decoration: none;
}

@media (max-width: 1000px) {
    body {
	/* background-color: pink; */
    }

    .navigation li {
	display: block;
	width: 100%;
    }
}

@media print {
    .navigation {
	display: none;
    }
    .navigation li {
	display: none;
    }
}

/* .gallery { */
/*     background-color: lightgreen; */
/* } */

ul.gallery {
    text-align: center;
    margin: 0px 10% 10% 10%;
    padding: 5%;

}

.gallery li {
    text-align: center;
    display: inline;
    list-style-type: none;
}

.gallery img {
    text-align: center;
    margin: 20px;
    padding: 20px;
    border-style: none;
    border-width: thin;
    border-color: "white";
}


h6 {
    text-align: center;
}