.menu-label {
  position: absolute;
  top: 1em;
  left: 15px;
  display: block;
  width: 46px;
  height: 42px;
  cursor: pointer;
  background-image: url('../images/menu-icon.png');
  color:green;
}
.menu-checkbox {
  position: absolute;
  opacity: 0;
}

.menu-checkbox:checked ~ .menu-label:before {
  position: absolute;
  top: 25px;
  left: 15px;
  display: block;
  width: 46px;
  height: 42px;
   background-image: url('../images/menu-close.png');
}
.menu-checkbox:checked ~ .menu-label {
  position: absolute;
  top: 50px;
  left: 15px;
  display: block;
  width: 46px;
  height: 42px;
   background-image: url('../images/menu-close.png');
}
.galleries{
    list-style: none; 
	font-size: 4vw;
    padding-left: 020px;
    height:0;
    width:0;
    opacity:0;
    display:none
}

.galleries-checkbox:checked ~ .galleries {
    height:auto;
    width: auto;
    opacity:100;
    display:list-item;
}

.reading{
    list-style: none; 
	font-size: 4vw;
    padding-left: 020px;
    height:0;
    width:0;
    opacity:0;
}

.reading-checkbox:checked ~ .reading {
    height:auto;
    width: auto;
    opacity:100;
}

.sidebar {
  overflow: hidden;
  width: 65vw;
  height: 0;
  left:-65vw;
  background: #444;
  color: #eee;
  transition: all 1s;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;  
  padding-right: 20px;
  position:relative;

}

.menu-checkbox:checked ~ .sidebar {
  width: 90vw;
  left:0;
  height: auto;
  padding-top: 0;
}

.menu { list-style: none; 
	font-size: 18pt;
    padding-left: 020px;
}
#mainmenu{
    padding-left: 5px;
}

.menu li {
  padding: 5px 5px 5px 10px;
  border-top: 1px solid #0b0b0b;
}	

a { color:  white;
	text-decoration: none; 
}
a:hover{ color:  red; }
a:visited{
    border: none;
    outline: none;
}

.gallerychoice {
 display: grid; 
 grid-template-columns: 9em auto;
 font-family: 'Cronus Round';
 font-size: 20pt;
     /*letter-spacing: .1em;*/
}      

.gallerychoice a{
    align-self:center;
    font-size:1.2em;
    /*transform: scale(1, 1.4 ); make the font taller*/
    white-space: nowrap;
}
@media screen and (max-width: 1000px){
    .gallerychoice a{
        font-size: 1.75em;
    }
    .gallerychoice{
        grid-template-columns: 13.4em auto;
    }
}
.galleryhdr{
    /* Used if headers are different from sub-items
    font-family: 'Cronus Round';
     letter-spacing: .1em;
    */
   font-size: 22pt;
}

.menugallery{
	display:flex;
	align-self: end;
 	flex-direction: row ;
    flex-wrap:none;
	overflow: hidden;
    align-items: center;
    padding-top: 5px;
    padding-left: 10px;
    width: 58vw;
}
.menugallery img{
    height:48pt;
    width:auto;
    padding: 0px 6px 0px 0px;
 }

@media (min-width: 1000px) {
   .menu-checkbox:checked ~ .sidebar {
   width: 65vw;
   left:0;
   }
   .menu{
       font-size:20pt;
   }
   .menugallery{
        width:41vw;
   }
}