@charset "utf-8";
/* CSS Document */
.hidden {
  display: none;
}

.container {
  max-width: 750px;
  margin:10px auto 10px auto;
}

.container > div {
  display: inline-block;
}

#slide-wrapper{width:100%; position:relative;}

#slideshow {
    margin:20px auto; 
    position: relative; 
    width: 90%; 
    min-height: 200px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div {
	position: absolute; 
   	top: 10px; 
    left: 5px; 
    right: 5px; 
    bottom: 5px;
}

#slideshow img {
	flex-shrink:0;
	max-height:100%;
	max-width: 100%;
	display:block;
  margin: 0px auto 0px auto;
}

.arrowR, .arrowL {
  cursor: pointer;
  position: absolute;
  top: 50%;
  font-size:24px !important;
  width: auto;
  color: #9FA8DA;
  padding: 0px;
  margin:5px;
  z-index:1;
}
/* Position the "next button" to the right */
.arrowR {
  right: 0;
}
/* Position the "next button" to the right */
.arrowL {
  left: 0;
}
/* On hover, add a black background color with a little bit see-through */
.arrowL:hover,
.arrowR:hover {
color: rgba(0, 0, 0, 0.8);
}
#gallery{background-color:#EFE601;}
#services a{ font-weight:bolder; font-size:18px; text-decoration:underline;}
#home a{ font-weight:bolder; font-size:18px; text-decoration:underline;}
.title{font-size:20px; margin-bottom:20px; display:block; text-align:center;}
.gallery{list-style-type:none; margin:0px auto 0px auto; padding: 0px; display:inline-block; width:90%;}
.galpix{margin:5px; padding:7px; display:inline-block; list-style-type:none; max-width:250px; height:400px; text-align:justify;}
.galpix img{flex-shrink:0; max-height:100%; max-width:100%; margin:0px auto 0px auto;}
.title{text-align:center;}


@media only screen and (min-width: 600px) {
	/* For tablets: */
.arrowR, .arrowL {font-size:40px !important;}
#slideshow { min-height:300px;}
.galpix{display:inline-block;}
.title{font-size:25px;}
.galpix{ max-width:355px;
}

@media only screen and (min-width: 1000px) {
	/* For desktop: */
.arrowR, .arrowL {font-size:50px !important;}
#slideshow {min-height:600px;}
#list{margin:auto; width:90%;}

}