.IntroText
{
font-size:1.2em;
font-weight:600;
}

.strekramme
{
border: 1px #000000 solid;
  margin-bottom:15px;
  padding-bottom:5px;
}

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










a:hover
{
text-decoration:none !important;
}



/* 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
}