body{
margin:0px;
font-family: Georgia, verdana,helvetica,arial,sans-serif;
background-color: #fffbeb;
}

.header{
width:100%;
position:relative;
text-align:center;
}

h1{
font-size: xxx-large;
padding: 23px;
margin: 0px;
}



.navfixation{
width:85%;
margin: auto;
text-align:center;
padding:6px;
}

.navfixation a{
font-size:1.2em;
}


a{
text-decoration:none;
color:black;
}

.galleryname{
display: inline-block;
padding: 23px;

}

hr{
width:55%;
border:0px;
background-color:black;
height:1px;
margin-top: 5px;
margin-bottom: 5px;
}

img{
border:0px;
}

.picdump{
margin: auto;
text-align:center;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 80%;
max-width: 1000px;
}

.box{
  width: 20%;
  display: flex; 
  flex-direction: column; 
  justify-content: flex-end;
  padding-top: 23px;
}



.title{
width: 75%;
font-size:1em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}

.data{
width: 80%;
font-size:0.8em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}

.text{
width:60%;
margin:auto;
padding-top: 23px;
text-align: center;
}

.text a{
font-size:0.8em;
}




.invert{
width:100%;
text-align:center;
bottom:0px;
position:fixed;
background-color:black;
color:white;
padding:6px;
}

.invert a{
color:white;
}




.invpicdump{
margin: auto;;
text-align:center;
min-height:500px;
padding:20px;
text-align:bottom;
}

.invpicdump a{
font-size:0.8em;
color:white;
}

.pics{
max-width: 50%;
max-height: 120px;
padding:12px;
filter: drop-shadow(10px 15px 9px #c0c0c0);
}

.pic{
width: 75%;
height: auto;
filter: drop-shadow(10px 15px 9px #c0c0c0);
padding-top: 23px;
}


form, select {
	padding:0px;
	margin:0px;
	display: inline;
}

@media (max-width: 1000px) {
  .box {
  width: 33%;
  }
  

  
}


@media (max-width: 700px) {
  .box {
  width: 50%;
  }
  
  h1{
font-size: xx-large;
}

.navfixation a{
font-size:0.7em;
}

.pics{
max-width: 75%;
max-height: 100px;
height: auto;	
padding:12px;
filter: drop-shadow(10px 15px 9px #c0c0c0);
}

.pic{
width: 75%;
height: auto;
filter: drop-shadow(10px 15px 9px #c0c0c0);
padding-top: 23px;
}




.picdump{
margin: auto;
text-align:center;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 75%;
max-width: 700px;
}


.title{
width: 90%;
font-size:0.9em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}

.data{
width: 90%;
font-size:0.6em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
  
}