.img-tight.col-1{ width: calc( 100% / 1 );margin: 0;} 
.img-tight.col-2{ width: calc( 100% / 2 );margin: 0;}
.img-tight.col-3{ width: calc( 100% / 3 );margin: 0;}
.img-tight.col-4{ width: calc( 100% / 4 );margin: 0;}
.img-tight.col-5{ width: calc( 100% / 5 );margin: 0;}
.img-tight.col-6{ width: calc( 100% / 6 );margin: 0;}
.img-tight.col-7{ width: calc( 100% / 7 );margin: 0;}


.img-square.col-1{ margin-top: 50px;margin-bottom: 0;} 
.img-square.col-2{ margin-top: 50px;margin-bottom: 0;} 
.img-square.col-3{ margin-top: 50px;margin-bottom: 0;} 
.img-square.col-4{ margin-top: 50px;margin-bottom: 0;} 
.img-square.col-5{ margin-top: 50px;margin-bottom: 0;} 
.img-square.col-6{ margin-top: 50px;margin-bottom: 0;} 
.img-square.col-7{ margin-top: 50px;margin-bottom: 0;} 

.img-square.col-1.a11 { width: 45%;margin-left: calc( (100% - 45%) / 2 );margin-right: calc( (100% - 45%) / 2 );}
.img-square.col-1.a12 { width: 25%;margin-left: calc( (100% - 25%) / 2 );margin-right: calc( (100% - 25%) / 2 );} 
.img-square.col-1.a34 { width: 35%;margin-left: calc( (100% - 35%) / 2 );margin-right: calc( (100% - 35%) / 2 );} 
.img-square.col-1.a35 { width: 30%;margin-left: calc( (100% - 30%) / 2 );margin-right: calc( (100% - 30%) / 2 );} 
.img-square.col-1.a21 { width: 50%;margin-left: calc( (100% - 50%) / 2 );margin-right: calc( (100% - 50%) / 2 );} 
.img-square.col-1.a31 { width: 50%;margin-left: calc( (100% - 50%) / 2 );margin-right: calc( (100% - 50%) / 2 );} 
.img-square.col-1.a43 { width: 50%;margin-left: calc( (100% - 50%) / 2 );margin-right: calc( (100% - 50%) / 2 );} 
.img-square.col-1.a53 { width: 50%;margin-left: calc( (100% - 50%) / 2 );margin-right: calc( (100% - 50%) / 2 );} 


.img-square.col-2.a11 { width: 45%;margin-left: calc( (100%/2 - 45%) / 2 );margin-right: calc( (100%/2 - 45%) / 2 );}
.img-square.col-2.a12 { width: 25%;margin-left: calc( (100%/2 - 25%) / 2 );margin-right: calc( (100%/2 - 25%) / 2 );}
.img-square.col-2.a34 { width: 35%;margin-left: calc( (100%/2 - 35%) / 2 );margin-right: calc( (100%/2 - 35%) / 2 );}
.img-square.col-2.a35 { width: 30%;margin-left: calc( (100%/2 - 30%) / 2 );margin-right: calc( (100%/2 - 30%) / 2 );}
.img-square.col-2.a21 { width: 49%;margin-left: calc( (100%/2 - 49%) / 2 );margin-right: calc( (100%/2 - 49%) / 2 );}
.img-square.col-2.a31 { width: 49%;margin-left: calc( (100%/2 - 49%) / 2 );margin-right: calc( (100%/2 - 49%) / 2 );}
.img-square.col-2.a43 { width: 49%;margin-left: calc( (100%/2 - 49%) / 2 );margin-right: calc( (100%/2 - 49%) / 2 );}
.img-square.col-2.a53 { width: 49%;margin-left: calc( (100%/2 - 49%) / 2 );margin-right: calc( (100%/2 - 49%) / 2 );}


.img-square.col-3.a11 { width: 29%;margin-left: calc( (100%/3 - 29%) / 2 );margin-right: calc( (100%/3 - 29%) / 2 );}
.img-square.col-3.a12 { width: 27%;margin-left: calc( (100%/3 - 27%) / 2 );margin-right: calc( (100%/3 - 27%) / 2 );}
.img-square.col-3.a34 { width: 29%;margin-left: calc( (100%/3 - 29%) / 2 );margin-right: calc( (100%/3 - 29%) / 2 );}
.img-square.col-3.a35 { width: 27%;margin-left: calc( (100%/3 - 27%) / 2 );margin-right: calc( (100%/3 - 27%) / 2 );}
.img-square.col-3.a21 { width: 30%;margin-left: calc( (100%/3 - 30%) / 2 );margin-right: calc( (100%/3 - 30%) / 2 );}
.img-square.col-3.a31 { width: 30%;margin-left: calc( (100%/3 - 30%) / 2 );margin-right: calc( (100%/3 - 30%) / 2 );}
.img-square.col-3.a43 { width: 30%;margin-left: calc( (100%/3 - 30%) / 2 );margin-right: calc( (100%/3 - 30%) / 2 );}
.img-square.col-3.a53 { width: 30%;margin-left: calc( (100%/3 - 30%) / 2 );margin-right: calc( (100%/3 - 30%) / 2 );}

.img-square.col-4.a11 { width: 24%;margin-left: .5%;margin-right: .5%;} 
.img-square.col-4.a12 { width: 24%;margin-left: .5%;margin-right: .5%;}
.img-square.col-4.a34 { width: 24%;margin-left: .5%;margin-right: .5%;}
.img-square.col-4.a35 { width: 24%;margin-left: .5%;margin-right: .5%;}
.img-square.col-4.a21 { width: 24%;margin-left: .5%;margin-right: .5%;}
.img-square.col-4.a31 { width: 24%;margin-left: .5%;margin-right: .5%;}
.img-square.col-4.a43 { width: 24%;margin-left: .5%;margin-right: .5%;}
.img-square.col-4.a53 { width: 24%;margin-left: .5%;margin-right: .5%;}

.img-square.col-5.a11 { width: 19%;margin-left: .5%;margin-right: .5%;} 
.img-square.col-5.a12 { width: 19%;margin-left: .5%;margin-right: .5%;}
.img-square.col-5.a34 { width: 19%;margin-left: .5%;margin-right: .5%;}
.img-square.col-5.a35 { width: 19%;margin-left: .5%;margin-right: .5%;}
.img-square.col-5.a21 { width: 19%;margin-left: .5%;margin-right: .5%;}
.img-square.col-5.a31 { width: 19%;margin-left: .5%;margin-right: .5%;}
.img-square.col-5.a43 { width: 19%;margin-left: .5%;margin-right: .5%;}
.img-square.col-5.a53 { width: 19%;margin-left: .5%;margin-right: .5%;}

.img-square.col-6.a11,
.img-square.col-6.a12,
.img-square.col-6.a34,
.img-square.col-6.a35,
.img-square.col-6.a21,
.img-square.col-6.a31,
.img-square.col-6.a43,
.img-square.col-6.a53 { width: 10%; margin-left: calc( (100%/6 - 10%) / 2 ); margin-right: calc( (100%/6 - 10%) / 2 );}

.img-square.col-7.a11,
.img-square.col-7.a12,
.img-square.col-7.a34, 
.img-square.col-7.a35,
.img-square.col-7.a21,
.img-square.col-7.a31,
.img-square.col-7.a43,
.img-square.col-7.a53 { width: 8%; margin-left: calc( (100%/7 - 8%) / 2 ); margin-right: calc( (100%/7 - 8%) / 2 );}

.img-circle.col-1 { width: 45%;margin-top: 50px;margin-left: calc( (100% - 45%) / 2 );margin-right: calc( (100% - 45%) / 2 );}
.img-circle.col-2 { width: 45%;margin-top: 50px;margin-left: calc( (100%/2 - 45%) / 2 );margin-right: calc( (100%/2 - 45%) / 2 );}
.img-circle.col-3 { width: 29%;margin-top: 50px;margin-left: calc( (100%/3 - 29%) / 2 );margin-right: calc( (100%/3 - 29%) / 2 );}
.img-circle.col-4 { width: 24%;margin-top: 50px;margin-left: calc( (100%/4 - 24%) / 2 );margin-right: calc( (100%/4 - 24%) / 2 );}
.img-circle.col-5 { width: 16%;margin-top: 50px;margin-left: calc( (100%/5 - 16%) / 2 );margin-right: calc( (100%/5 - 16%) / 2 );}
.img-circle.col-6 { width: 10%;margin-top: 50px;margin-left: calc( (100%/6 - 10%) / 2 );margin-right: calc( (100%/6 - 10%) / 2 );}
.img-circle.col-7 { width:  8%;margin-top: 50px;margin-left: calc( (100%/7 -  8%) / 2 );margin-right: calc( (100%/7 -  8%) / 2 );}

.col-1 .img-text-group:not(.opaque),
.col-2 .img-text-group:not(.opaque),
.col-3 .img-text-group:not(.opaque),
.col-4 .img-text-group:not(.opaque),
.col-5 .img-text-group:not(.opaque),
.col-6 .img-text-group:not(.opaque),
.col-7 .img-text-group:not(.opaque) { 
	font-size: 1rem; 
}

.caption {
	position: relative;
	margin: 0 auto ; 
	padding: 10px 0; 
	border-image: none;
	width: 100%; 
}
.caption>.name {
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
}
.caption>.Preview {
	font-size: 14px; 
	font-weight: 400;
	line-height: 1;
}
.caption-3 {
	position: relative;
	margin: 0 auto ; 
	padding: 10px 20px; 
	border-image: none;
	width: 100%; 
}
.caption-3:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0%; 
	height: 0%;
	border-radius: 4px;
	*border-left-color: red;
	border-left-style: solid;
	border-left-width: 0;
	*border-right-color: red;
	border-right-style: solid;
	border-right-width: 0;
	
	
}
.caption-3.warning:before {
	border-left-color: #ffc107;
	border-right-color: #ffc107;	
}
.caption-3.danger:before {
	border-left-color: #dc3545;
	border-right-color: #dc3545;	
}
.caption-3.info:before {
	border-left-color: #17a2b8;
	border-right-color: #17a2b8;	
}
.caption-3.primary:before {
	border-left-color: #007bff;
	border-right-color: #007bff;	
}
.caption-3.success:before {
	border-left-color: #28a745;
	border-right-color: #28a745;
}
.caption-3.load:before {
	animation: border-height .7s 1s ; animation-fill-mode: forwards;
}
.caption-3>.name {
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
}
.caption-3>.Preview {
	font-size: 14px; 
	font-weight: 400;
	line-height: 1;
}
@keyframes border-height {
	0% {
		height:0%; border-left-width: 2px ; border-right-width: 2px ;
	}
	100% {
		height:100%; border-left-width: 2px ; border-right-width: 2px ;
	}
}
@-webkit-keyframes border-height{
	0% {
		height:0%; border-left-width: 2px ; border-right-width: 2px ;
	}
	100% {
		height:100%; border-left-width: 2px ; border-right-width: 2px ;
	}
}