/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

/* 12 columns, percentage width */
.item,
.grid-sizer {
  width: 8%;
}

.item {
  float: left;
  height: auto;
  padding:8px;
  width: 16%;
  font-family: "akagi-pro",sans-serif;
}

.item.width2 { width: 40%; }

.width2 .ImageText
{
	top: 0px;
	margin: 20px;
	letter-spacing: 1px;
	font-size: 28px;
	margin-top: 35px;
}

.item.width3 { width: 56%; }
.item.height3 { height: auto; }

.width3 .ImageText
{
	bottom: 150px;
	text-align:center;
	font-size: 50px;
	padding: 20px;
}


.item.width4 { width: 32%; }
.item.height4 { height: auto; }

.width4 .ImageText
{
	bottom: 20px;
	text-align:center;
	font-size: 28px;
	padding: 30px;
}

.item.width5 { width: 96%; }
.item.height5 { height: auto; }

/*.width5 .ImageText::before
{
	content: url(/images/play.png);
	opacity: 0.5;
}*/

.width5:hover .ImageText::before
{
	opacity: 1;
}

.width5 .ImageText
{
	bottom: 18%;
	text-align:center;
	font-size: 50px;
	width: 100%;
}

.item div:hover
{
	background: none !important;
}

.item div:hover img
{
	opacity: 1 !important;
}

.NyhetsPane
{
	width: 47%;
	height: 480px;
	background-color: #ecebe6;
	margin-left: 8px;
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1499px) {
	
.item
{
	height: auto;
}
	
.item.height3
{
	height: auto;
}
			
			
	
}


/* Smartphones (portrait) ----------- */
@media only screen and (min-width : 320px) and (max-width : 568px)  {
	
.item,
.grid-sizer {
  width: 100%;
}

.item.width2 {
	
	width: 100%;
	
}

.width2 .ImageText
{
	margin-top: 15px;
	font-size: 30px;
}

.item.width3 { width: 100%; }
.item.height3 { height: auto; }

.width3 .ImageText
{
	top: 0px;
	font-size: 15px;
}


.item.width4 { width: 100%; }
.item.height4 { height: auto; }


.width5
{

}

.width5 .ImageText::before
{
	content: "";
}

.width5 .ImageText
{
	
}


}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */