@font-face{
	font-family: "Lato";
	src: url("../font/Lato-Regular.ttf") format("truetype");
	font-weight: normal;
}

@font-face{
	font-family: "Lato";
	src: url("../font/Lato-Bold.ttf") format("truetype");
	font-weight: bold;
}

@font-face{
	font-family: "CentraNo2";
	src: url("../font/CentraNo2-Bold.ttf");
}

/* Hover animations */
@keyframes hoverScale{
	0%{
		transform: scale(1);
	}
	100%{
		transform: scale(1.1);
	}
}

* {
	color: #fff;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

.lato {
	font-family: "Lato" !important;
}

.centraNo2 {
	font-family: "CentraNo2" !important;
}

body {
	font-family: "Lato";
	background-color: #263C73;
	color: #fff;
	margin: 0;
	padding: 0;
}

.fade-in {
	opacity: 1;
    transition-duration: 0.7s;
    transition-property: opacity;
}

.fade-out {
	opacity: 0;
}


h1, h2, h3, h4, h5, h6 {
	font-family: "CentraNo2" !important;
	margin: 0 !important;
}

.svg-img{
	width: 20rem;
	height: 20rem;
}

.svg-drift, .svg-enkelt, .svg-epost, .svg-lokalt, .svg-pakka, .svg-ren365, .svg-sikkerhet, .svg-sky, .svg-skybasert, .svg-Support{
	background-repeat: no-repeat;
	background-size: contain;
}

.svg-drift{
	background-image: url("../svg/Drift.svg");
	
}

.svg-enkelt{
	background-image: url("../svg/Enkelt.svg");
}

.svg-epost{
	background-image: url("../svg/Epost.svg");
}

.svg-lokalt{
	background-image: url("../svg/Lokalt.svg");
}

.svg-pakka{
	background-image: url("../svg/Pakka.svg");
}

.svg-ren365{
	background-image: url("../svg/REN365Logo.svg");
}

.svg-sikkerhet{
	background-image: url("../svg/Sikkerhet.svg");
}

.svg-sky{
	background-image: url("../svg/Sky.svg");
}

.svg-skybasert{
	background-image: url("../svg/Skybasert.svg");
}

.svg-Support{
	background-image: url("../svg/Support.svg");
}

.rounded{
	border-radius: 1em;
	overflow: hidden;
}

.img{
	background-repeat: no-repeat;
	background-size: contain;
	width: 20em !important;
	overflow: hidden;
}

.logo{
	position: absolute;
	width: 150px;
	height: 150px;
	z-index: 100;
}
.logo a div{
	width: 100%;
	height: 100%;
	background-image: url("../svg/REN365Logo.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.kontaktoss{
	position: absolute;
	right: 0;
	width: 10em;
	height: 3em;
	border-radius: 0 0 1em 1em;
	margin: 0 5rem 0 0;
	z-index: 100;

	background-color: white;
	
	display: flex;
	justify-content: center;
	align-items: center;

}

.kontaktoss a{
	color: #263C73 !important;
	font-family: "centraNo2" !important;
	font-size: large !important;
}

.hover-scale{
	transition: transform .2s;
}

.hover-scale:hover{
	transform: scale(1.1);
	animation-duration: .2s;
	animation-name: hoverScale;
}