body{font-size:80%;
			background-color:#708090;
			font-family:Arial;
			}
			.ip{
			background-image: repeating-linear-gradient(30deg, #C4C4C4, #C4C4C4 30px, #d1d1d1 30px, #d1d1d1 60px);
			border-radius:15px 15px;
			}
			#cboxLoadedContent{}
			/* .oi{border:5px solid #efefef; width:300px;} */
			.bar2{padding:25px 3% 300px;text-align:center;}
			/* Reset CSS */
			* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			}
			img {
			min-width:120%;
			height:auto;
			vertical-align: middle;
			display: inline-block;
			}
			#cboxLoadedContent img {
			min-width:70%;width:65%;}
			#cboxLoadedContent{text-align:left;padding:10px;color:#efefef;background-color:#0D0D0B;}
			.imgdiv {
	position: relative;
}
.image {
	display: block;
	height: auto;
}
.overlay {
	font-family:Arial;
	position: absolute;
	bottom: 0;
	background: rgba(12, 12, 12, 0.5);
	width: 100%;
	transition: .5s ease;
	opacity:0;
	color:#D1D1D1;
	font-size: 16px;
	padding: 20px;
	text-align: center;
}
.imgdiv:hover .overlay {
	opacity: 1;
}
#indic{
position: fixed;
bottom: -1px;
left: 0;
width: 100%;
height: 2.5em;
padding:;
/*border-top: 1px solid #999; */
z-index: 2000;
/*background: rgba(120, 120, 120, .8); */
display: inline-block;
line-height: 16px;
color: #fff;
font-style: bold;
font-size: 1em;
/* background: #fff; */background: #00BA00;
}
#indic a{padding:5px 10px;background-color:#d2d2d2;}
#indic a:hover{background-color:#d6d6d6;}
#indic iframe{width:100px;}
			/* Main CSS */
			.grid-wrapper > div {
			display: flex;
			justify-content: center;
			align-items: center;
			overflow:hidden;
			background-color:repeating-linear-gradient(30deg, #C4C4C4, #C4C4C4 30px, #d1d1d1 30px, #d1d1d1 60px);
			}
			.grid-wrapper > div a,
			.grid-wrapper > div > a > img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 5px;
			}
			.grid-wrapper > div a:hover{
			/* border:2px solid white; */
			}
			.grid-wrapper {
			display: grid;
			grid-gap: 10px;
			grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
			grid-auto-rows: 200px;
			grid-auto-flow: dense;
			width:75%;
			margin:1.5em auto;
			}
			.grid-wrapper .wide {
			grid-column: span 2;
			}
			.grid-wrapper .tall {
			grid-row: span 2;
			}
			.grid-wrapper .big {
			grid-column: span 2;
			grid-row: span 2;
			}
			
@media screen and (max-width: 960px)
{
	.grid-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	grid-auto-rows: 145px;
	grid-gap:10px;
	width:100%;
	}
	.grid-wrapper div{
	grid-column: span 3;
	}
	.grid-wrp {
	display:block;
	padding:5px;
	width:100%;
	margin:0em auto;
	background-color:#49A0A0;
}
.corps{width:90%;margin:0 auto;
}
}
@media screen and (min-width: 1081px)
{
	.grid-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	grid-auto-rows: 145px;
	grid-gap:10px;
	width:90%;
	}
	.grid-wrp {
	display:block;
	padding:5px;
	width:90%;
	margin:0em auto;
	background-color:#49A0A0;
}
}
@media screen and (min-width:1260px) {
}