/*	jmlb_win.css	*/

	.winx {display:flex;overflow:auto;}
	.win {display:flex;}
	@media screen and (width < 1000px) {
		.win {flex-flow:row wrap;}
	}
	@media screen and (width >= 1000px) {	
		.win {flex-flow:row nowrap;height:calc(100% - 2px);}
	}
	
/*	First div with row or column of images:	*/
	
	.win_1 {background:inherit;}
	.win_1 {overflow:auto;}
	@media screen and (width < 1000px) {
		.win_1 {height:120px;width:100%;}
		.win_1_1 ul {display:flex;flex-flow:row nowrap;overflow:auto;}
		.win_1_1 ul img {max-height:120px;}
	}
	@media screen and (1000px <= width < 1200px) {
		.win_1 {flex: 0 1 220px;}
		.win_1 img {max-width:220px;width:100%;}
	}
	@media screen and (width >= 1200px) {	
		.win_1 {flex: 0 1 320px;}
		.win_1 img {max-width:320px;width:100%;}
		
	}
	
/*	2nd div containing intro and parrochias list:	*/

	.win_2x {background:mistyrose;}
	.win_2 {display:flex;}
	@media screen and (width < 800px) {
		.win_2 {flex-flow:row wrap;}
	}
	
	@media screen and (width >= 800px) {
		.win_2 {flex-flow:row nowrap;}
		.win_2 {flex:1 1 75%;}
		
	}
	
/*	Intro:	*/

	.win_ix {background:azure;}
	
	
	@media screen and (width < 800px) {
		.win_i {padding:0 .5em;}
	}
	@media screen and (width >= 800px) {
		.win_i {padding:0 1em;}
		.win_i {flex:1 1 66%;min-width:500px;}
		.win_i_1 {max-width:35em;margin:0 auto;}
		
		.win_i_1 p {line-height:1.5;}
		
	}
	
/*	Parroquias:	*/

	.win_px {background:lightyellow;}
	.win_p_1 ul.x {border:1px solid red;}
	.win_p {padding:0 .5em;}
	
	.brpst:before {content:"\0025B8";padding-right:.25em;}
	.wrpst:before {content:"\0025B8";padding-right:.25em;color:red;}
	
	@media screen and (width < 800px) {
		.win_p {padding:0 .5em;}
		.win_p_1 ul {display:flex;}
		.win_p_1 ul {flex-flow:row wrap;margin:0 0 1em 0}
		
	}
	@media screen and (width >= 800px) {
		.win_p {flex:1 1 33%;min-width:230px;}
		.win_p {padding:0 1em;}
		.win_p_1 {margin:0 auto;max-width:250px;}
		.win_p_1 ul {line-height:1.5;}
	}
	@media screen and (width < 480px) {
		.win_p_1 {margin:0 1em;}
		.win_p_1 ul li {width:100%;}
	}
	@media screen and (480px <= width < 700px) {
		.win_p_1 ul li {width:50%;font-size:15px;}
	}
	@media screen and (700px <= width < 800px) {
		.win_p_1 ul li {width:33%;font-size:15px;}
	}
	