

div.specflip-container { /* container */
	display: flex; /* flex или inline-flex */
	flex-direction: row;
	justify-content: space-between; /* around; */
	justify-content: space-around;
	justify-content: left;

	flex-wrap:wrap; /* разрешить переносить элементы на новую строку */
	align-items: stretch;
	width:100%;
	-border: solid 1px green;
	}

/* Мы указываем всем элементам ширину 100% 
.specflip-container > * {
  flex: 1 100%;
}
*/

div.specflip_element {
	-min-width:200px;
	height:auto;
	-border: dotted #F77 1px;
	padding : 2px 2px;
	margin : 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	opacity:0.9;
	transition: opacity 0.5s, visibility 0.5s linear 0.5s;
}
div.specflip_element:hover {
	background-color:rgba(255,255,255,0.3);
	opacity:1;
	-transition-delay: 1s;
}


@media (min-width: 992px) {
	/* Стили CSS ... */ 
	adiv.specflip_element {
		width:50%;
	}
}
@media (max-width: 991px) {
	/* Стили CSS ... */ 
	adiv.specflip_element {
		width:100%;
	}
}

.specflip_inner {
	border: dotted #777 2px;
	padding : 5px 5px;
	-margin : 5px 5px 5px 5px;
}



.img-specflip{
	width:100%;
	opacity:0.9;
}
