/*SLIDER-album*/
.slider-container-al {
  position: relative;
  overflow: hidden;
}
@media all and (min-width:80em) {		
.slider-container-al {
  width: 100em;
  max-width: 100vw;
  padding-bottom: 0em;
  height: 37vw;
  max-height: 37em;}}
@media all and (max-width:80em) and (min-width:60em){		
.slider-container-al {
  width: 100em;
  max-width: 100vw;
  padding-bottom: 0;
  height: 40vw;}}
@media all and (max-width:60em) and (min-width:52em){		
.slider-container-al {
  width: 50em;
  max-width: 90vw;
  padding-bottom: 33.5em;
  height: 49vw;
  }}
@media all and (max-width:52em) {		
.slider-container-al {
  width: 50em;
  max-width: 90vw;
  padding-bottom: 92vw;
  height: 30vw;
  max-height: 12em;}}


.menu-al {
  position: absolute;
  z-index: 111;}
@media all and (min-width:80em){
.menu-al {	
  right: 0;
  width: 40%;
  top: 0;
  text-align: right;}}
@media all and (max-width:80em) and (min-width:60em){	
.menu-al {
  right: 0;
  width: 45%;
  top: 0;
  text-align: right;}}
@media all and (max-width:60em){	
.menu-al {
  left: 0;
  width: 100%;
  bottom: 0;
  text-align: center;}}

.menu-al label {
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: auto;
  border-radius: 0;
  margin: 0 0.2em 0.7em;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0)}

@media all and (min-width:80em){
.menu-al img {
  width: 11em;
  max-width: 11vw;}}
@media all and (max-width:80em) and (min-width:60em){	
.menu-al img {
  width: 9em;
  max-width: 11.5vw;}}
@media all and (max-width:60em){
.menu-al img {
  width: 9em;
  max-width: 20vw;}}

.menu-al label:hover,.menu label:focus {
  background: #FFFFFF;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.4)}
  
.slide-input{
  opacity: 0;}

.slide-img {	
  height: auto;
  position: absolute;
  top: 0.1em;
  z-index: 50;
  transition: left 0s 0.75s;
  box-shadow: 0}
  
@media all and (min-width:80em){
.slide-img {	
  width: 52%;
  max-width:70em;
  left: 0%;
  margin-left:5%;}}
@media all and (max-width:80em) and (min-width:60em){
.slide-img {	
  width: 56%;
  max-width:50em;
  left: 0%;}}
@media all and (max-width:60em){
.slide-img {	
  width: 100%;
  max-width:50em;
  left: 100%;}}

[id^="slide"]:checked + .slide-img {
  left: 0;
  z-index: 100;
  transition: left 0.65s ease-out;}
  
  /*.photo {
}
@media all and (min-width:59em){	
.photo img {
  width: 70%;
  max-width:50em;
}}

@media all and (max-width:59em){	
.photo img {
  width: 100%;
  max-width:50em;
}}*/