@charset "utf-8";
/* CSS Document */
.middiv{margin:0px;}
.imgdiv img{flex-shrink:0; max-height:100%; max-width:100%; display:block; margin:20px auto 0px auto; box-shadow:1px 2px 4px #050505;}
.middiv p{margin:20px auto 20px auto; padding:10px;  width:90%; text-align:justify;display:block;}
.middiv h1{font-size:20px;}
.imgdiv{width:85%; margin:0px auto 0px auto;}
.comtitle{text-align:center;}
.rsdiv ul {padding:5px;}
.rsdiv ul li{margin:8px;}
.rsdiv ul li a{text-decoration:none;}
.rsdiv ul li a:hover{text-decoration:underline;}
.photoimg{margin:5px; list-style-type:none; display:inline-block; border:medium solid #8F3100; border-radius:15px; }
.photoimg h5{width:260px; padding:5px; margin:0px;}
.photoimg img{flex-shrink:1; max-height:100%; max-width:100%; margin:0px auto 0px auto; border-radius:15px 15px 0px 0px;}
#photoul{margin:0px auto 0px auto; padding:0px; list-style-type:none; width:90%;} 


@media only screen and (min-width: 600px) {
	/* For tablets: */
.body{width:95%;}
.middiv img{margin:20px auto 5px auto;}
.middiv p{margin:20px auto 20px auto;  padding:0px 0px 0px 20px;}
.middiv h1{font-size:35px;}
.main{display:inline-block; position:relative}
.rsdiv{ min-height:600px; position:absolute; right:0; top:0;}
}

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

}