.frame_style45342
{ 

}
.sekstito
{
content-align:center;
  text-align:center;
z-index:999;
border:0px;  
height:25vh;
min-height:250px;
max-height:300px;  
}

.bombe
{
font-size:1.1em;
  position:absolute;
  background:#ff9900;
  border-radius:50%;
  margin-top:-25px;
  margin-left:-30px;
  height:80px;
  width:80px;
  color:#ffffff;
    display: flex;
  flex-wrap: wrap;
  align-content: center;
  text-shadow: 1px 1px 2px #333333;
}


.zoom {
    background-size:135%; 
background-repeat:no-repeat; background-position:center center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.zoom:hover
{
 background-size:145%;
}


.greyfade {
    background-color: rgba(43,44,28,0.4); 
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.5s ease-in-out;
padding:15px;
}

.greyfade:hover {
    background-color: rgba(43,44,28,0.15);
}


/* pop-up styling */

.thumbnail-grid {
	user-select: none
}
.thumbnail-grid figure {

	position: relative;
	min-width: 150px;
    max-width: 150px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
	height: 40px;
	margin: 5px;
	border-radius: 0px;
	box-shadow: inset 0 -40px 0 0 rgba(0,0,0,.1);
	transition: all .2s ease-in-out
}
.thumbnail-grid figure:hover {
	box-shadow: inset 0 -40px 0 0 rgba(0,0,0,.5);

}
.thumbnail-grid figcaption {
	position: absolute;
	width: 100%;
	text-align: center;
	color: #f4f4f4;
	text-shadow: 0 0 3px #000;
	bottom: 10px;
	transition: all .2s ease-in-out
}
.thumbnail-grid figure:hover figcaption {
	bottom: 10px
}
.flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch
}
.flex-item {
	flex: 1 0 auto
}