@charset "utf-8";
/* CSS Document */
#jpic{background-color:#EFE601;}
.jpiclogo{position:relative;}
.jpiclogo img{display:block; margin:10px auto 0px auto; height:80px; max-width:100%; }
.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;}
ol{list-style-type:lower-roman; list-style-position:inside; width:98%; padding:0px; margin:auto; text-align:center;}
ol h4{max-width:600px; text-align:center;margin:0px auto 0px auto; font-weight:500;}
ol h3{display:inline;}
ol img{flex-shrink:0; max-height:100%; max-width:100%; display:block; margin:8px 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; margin-top:3px;}
.middiv h2{font-size:15px;}
.imgdiv{width:85%; margin:0px auto 0px auto;}
.comtitle{text-align:center; color:#E35B0B; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-weight:bold;}
.photoimg{margin:5px; list-style-type:none; display:inline-block; background-color:#D2FDCD; border-radius:15px; }
.photoimg h5{padding:5px; margin:0px;}
.photoimg img{flex-shrink:0; max-height:100%; max-width:100%; margin:5px; border-radius:15px 15px 0px 0px;}
#photoul{margin:0px auto 0px auto; padding:0px; list-style-type:none; width:90%;} 
#fcomment{flex-shrink:0; max-height:100%; max-width:100%; margin:5px auto 0px auto; display:block; max-width:90%;}

@media only screen and (min-width: 600px) {
	/* For tablets: */
.body{width:90%;}
.middiv p{margin:20px auto 20px auto;  padding:0px 0px 0px 20px;}
.middiv h1{font-size:25px;}
.middiv h2{font-size:15px;}
.main{display:inline-block; position:relative}
.jpiclogo img{}
.jpiclogo{margin-right:15px;}
}

@media only screen and (min-width: 1000px) {
	/* For desktop: */
.middiv p{ width:80%;}
.body{width:80%;}
#slideshow {min-height:600px;}

}