body { 
	line-height: 1.3;
	font-family: Arial (sans-serif);
	min-width: 800px;
	display: grid;
    grid-column-gap: 10px;
	grid-template-rows: auto;
    justify-content: center;
    grid-template-areas:  "header header" "side main";
	background-color:#8c8c8c;
}

header {
    grid-row-start: 1;
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
    display: inline-block;
    grid-column-end: span 2;
    padding: 10px;
	border-radius : 20px;
}

main {
	background-color: #d1d1d1;
    grid-area: main;
    grid-area: main;
    padding: 20px;
	border-radius : 20px;
}


h1 {
font-weight:bold;
-webkit-text-stroke-width: 0.6px; 
}

h2,h3 {
	font-weight:bold;
	text-align:center;
	-webkit-text-stroke-width: 0.6px; 
}

hr {
	border-image-slice: 1;
    border-top: 2px solid;
    margin: 5px; 
	border-radius: 2px;
}

a { 
color: #497575;
font-weight:bold;
text-decoration: none;
}


section {
	background-color:#d1d1d1;
    padding: 3px;
    font-size: 18px;
	border-radius : 20px;
}

ul {
	margin: auto;
    display: flex;
    list-style-type: none;
    justify-content: space-evenly;
	
}

li {
	margin: 5px;
	list-style-type: none;
}

 .gallerybox {
padding:3px;
border-width: 5px;
filter: drop-shadow(2px 1px black);
text-align:center;
 }	 


.galleryimage {
width: 200px;
height:auto;
}

 @media screen and (min-width: 1000px) {
 .hidefull{
	display: none;
}

 aside {
    grid-area: side;
    text-align: center;
    padding: 15px;
	background-color: #d1d1d1;
	border-radius : 10px;
}

body { 
    grid-template-columns: 10% 65%;
 }
 
 }
 
 @media screen and (max-width: 1000px) {

.hidemobile{
	display: none;
}


body { 
    grid-template-columns: 0% 65%;
 }
 


  ul { 
   display:flex;
   width: 100%;
   float: right;
   vertical-align: top;
   background-color: none;
}

li {
  width: 100%;
  margin:1%;
  list-style-type: none;
}


.galleryimage {
max-width: 100px;
min-width: auto;
height:auto;
}

 }