html.fs-intro-active body {
	background-color: #000;
    -webkit-transition: all .42s ease-in-out;
    -moz-transition: all .42s ease-in-out;
    -o-transition: all .42s ease-in-out;
    transition: all .42s ease-in-out;	
}
html.fs-intro-active body * {
	opacity: 0;
    -webkit-transition: all .42s ease-in-out;
    -moz-transition: all .42s ease-in-out;
    -o-transition: all .42s ease-in-out;
    transition: all .42s ease-in-out;	
}

fullscreen-intro.content-wrap {
	background-color: #000;
	height: 100vh;
	width: 100vw;
	z-index: 999999;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top:0;
	left: 0;
	opacity: 0;
    -webkit-transition: opacity .42s ease-in-out;
    -moz-transition: opacity .42s ease-in-out;
    -o-transition: opacity .42s ease-in-out;
    transition: opacity .42s ease-in-out;	
}
.fs-intro-active fullscreen-intro {
	opacity: 1;
}

.fs-intro-hiding fullscreen-intro {
	opacity: 0;
}

ml-icon.kajsasfisk-logo {
	display: flex;
	background-image: url(img/kajsasfisk-logo-min.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	height: 250px;
	width: 250px;
	-webkit-animation: bubble-fade 1.5s infinite ease-in-out;
	-moz-animation: bubble-fade 1.5s infinite ease-in-out;
	-o-animation: bubble-fade 1.5s infinite ease-in-out;
	animation: bubble-fade 1.5s infinite ease-in-out;
	animation-name: bubble-fade;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	z-index:inherit;
}

@-webkit-keyframes bubble-fade {
	0%   {  opacity: 1;  }
	50%  {  opacity: .3; }  
	100% {  opacity: 1;  }
}
@-moz-keyframes bubble-fade {
	0%   {  opacity: 1;  }
	50%  {  opacity: .3; }  
	100% {  opacity: 1;  }
}
@-o-keyframes bubble-fade {
	0%   {  opacity: 1;  }
	50%  {  opacity: .3; }  
	100% {  opacity: 1;  }
}
@keyframes bubble-fade {
	0%   {  opacity: 1;  }
	50%  {  opacity: .3; }  
	100% {  opacity: 1;  }
}