@charset "UTF-8";
/* CSS Document */



/* No greater than 900px, no less than 400px */
@media (max-width:10000px) and (min-width:1000px) {
.diy-slideshow{
	position: relative;
	display: block;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
figure{
	width: 100%;
	height: 750px;
	position: absolute;
	opacity: 0;
	transition: 1s opacity;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: center center;
	background-size: cover;
}
#SearchBox {
	position: absolute;
	z-index: 100;
	left: 5%;
	top: 25%;
	color: #FEFEFE;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: block;
	background-image: url(../Images/ImagesPage/BKGDSubTitle.png);
}
}
@media (max-width:1000px) and (min-width:800px) {
.diy-slideshow{
	position: relative;
	display: block;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
figure{
	width: 100%;
	height: 600px;
	position: absolute;
	opacity: 0;
	transition: 1s opacity;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: center center;
	background-size: cover;
}
#SearchBox {
	position: absolute;
	z-index: 100;
	left: 5%;
	top: 15%;
	color: #FEFEFE;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: block;
	background-image: url(../Images/ImagesPage/BKGDSubTitle.png);
	font-size: small;
}
}
@media (max-width:800px) and (min-width:500px) {
.diy-slideshow{
	position: relative;
	display: block;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
figure{
	width: 100%;
	height: 600px;
	position: absolute;
	opacity: 0;
	transition: 1s opacity;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: center center;
	background-size: auto 100%;
} 
#SearchBox {
	position: absolute;
	z-index: 100;
	left: 5%;
	top: 25%;
	color: #FEFEFE;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: block;
	background-image: url(../Images/ImagesPage/BKGDSubTitle.png);
}
}
@media (max-width:500px) and (min-width:100px) {
.diy-slideshow{
	position: relative;
	display: block;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
figure{
	width: 100%;
	height: 650px;
	position: absolute;
	opacity: 0;
	transition: 1s opacity;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: center center;
	background-size: auto 100%;
}
#SearchBox {
	position: absolute;
	z-index: 100;
	left: 5%;
	top: 15%;
	color: #FEFEFE;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: block;
	background-image: url(../Images/ImagesPage/BKGDSubTitle.png);
}
}



/* Other aspects */
figure.show{
	opacity: 1;
	position: static;
	transition: 1s opacity;
}
.next, .prev{
  color: #fff;
  position: absolute;
  background: rgba(0,0,0, .6);
  top: 50%;
  z-index: 1;
  font-size: 2em;
  margin-top: -.75em;
  opacity: .3;
  user-select: none;
}
.next:hover, .prev:hover{
  cursor: pointer;
  opacity: 1;
}
.next{
	right: 0;
	padding: 10px 5px 15px 10px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	position: absolute;
}
.prev{
	left: 0;
	padding: 10px 10px 15px 5px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	position: absolute;
}