.row {
    max-width: 1140px;
    margin: 0 auto;
    display: flex; /* equal height of the children */
    /*overflow: hidden;*/
    align-content: center;
    text-align: left;
    justify-content: center;
}
.rowFreaze {
  max-width: 1140px;
  margin: 0 auto;
  display: flex !important; /* equal height of the children */
  /*overflow: hidden;*/
  align-content: center;
  text-align: left;
  justify-content: center;
}

.col {
  flex: 1; /* additionally, equal width */
  
  /*padding: 1em;*/
  /*border: solid;*/
}

@media only screen and (max-width: /*768px*/1000px) {
	.row {display: block;
		text-align: center;
	}
  .rowFreaze {display: flex !important;
		text-align: center;
	}
}
/*main {padding-top: 100px;}*/
.inline {display: inline;}
.block {display: block;}
.flex {display: flex !important;}
.flexBlock {display: flex !important;}
@media only screen and (max-width: 1000px) {
  .flexBlock {
    display: block !important;
  }
}
.bold {
  font-weight: bold !important;
}

html {
  scroll-behavior: smooth;

 }

/*COLORS*/
:root {
    --main-bg-color: #5f43b2;
    --seccondary-bg-color: #5f43b2;
    --main-text-color: #1a1a1a;
    --seccondary-text-color: #e6e6e6;
    --menuHover-color: rgb(255, 225, 0);
    --white-font: #fcfcfd;
    --black-font: #2f2f2f;
  }
.seccondary-bg-color {
    background-color: var(--seccondary-bg-color);
    color: var(--seccondary-text-color)
}

.caps {
  text-transform: uppercase;
}
/*main {padding-top: 100px;}*/
.inline {display: inline;}
.block {display: block;}
.flex {display: flex;}

.center {
	margin: 0 auto;
	overflow: hidden;
	align-content: center;
	text-align: center;
}
.centerAll {
  margin: 0 auto;
  overflow: hidden;
  align-content: center;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: grid;
  align-self: center;
}
.top-space-100 {
	padding-top: 100px;
}

.top-space-200 {
	padding-top: 200px;
}

.topBottom50 {
	padding-top: 50px;
  padding-bottom: 50px;
}

.topBottom20 {
	padding-top: 20px;
  padding-bottom: 20px;
}

.topBottom100 {
	padding-top: 00px;
  padding-bottom: 100px;
}

.topBottom150 {
	padding-top: 150px;
  padding-bottom: 150px;
    margin-right:50px;
  
}
.topBottom150Margin {
	margin-top: 150px;
  margin-bottom: 150px;
  
}

.topBottom200 {
	padding-top: 200px;
  padding-bottom: 200px;
}
.top100Margin {
	margin-top: 100px;
}
.bottom100Margin {
	margin-bottom: 100px;
}
.topBottom200Margin {
	margin-top: 200px;
  margin-bottom: 200px;
}

.bottom100 {
  padding-bottom: 100px;
}

.space10p {margin: 10px 0; max-width: 10px;}
.space20p {margin: 10px 0; max-width: 10px;}
.width20px {min-width:20px; max-width:20px;}
.width30px {min-width:30px; max-width:30px;}
.width40px {min-width:40px; max-width:40px;}


.fullWidth {
  min-width: 100vw !important;
  /*margin: 0 -25px;*/
  margin-top: 0px;


  width: auto;
}

.fontHand {
    font-family: 'Nixie One', cursive;
}

.headlineMaink {
	margin-top:250px;
    font-size: 5em;
padding-left:0px;
	color: white;

}

.headlineMain {
    font-size: 9em;
}


@media only screen and (max-width: 1000px) {
	  .headlineMaink {
	  z-index:100;
	  margin-top:140;
    font-size: 2em;

  }
  .headlineMain {
    font-size: 4.3em;
  }
}

.whiteText {
    color:white;
}

.balkanGiants a {
    color: lightgray;
    font-size: .8em;
    text-decoration: none;
}


/*Text nr 2 */

.h1Big {
    font-size: 2.2em;
    line-height: 1.2em;
}




.spacingText15 * {
    margin: 1em;
}

/*FONT MAIN*/
body {
    /* background: #e3e3e3;*/
    background: white;
    color: #e3e3e3;
    /*font-family: 'Montserrat', sans-serif;*/
     font-family: 'Raleway', sans-serif;
    font-size: 1.2em;
    color: #2f2f2f;
    font-weight: 200;
    text-rendering: optimizeLegibility;
    /*max-width: 1600px;*/
    margin: 0 auto;
    letter-spacing: 0.05em;
    line-height: 1.5em;
	overflow-x: hidden;
  }

.fullColored {
    background-color: var(--seccondary-bg-color);
}

.shadowDown {
    box-shadow: 1px 58px 51px -30px rgba(0,0,0,0.33);
    -webkit-box-shadow: 1px 58px 51px -30px rgba(0,0,0,0.33);
    -moz-box-shadow: 1px 58px 51px -30px rgba(0,0,0,0.33);
}

.shadowBox {
    box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.53);
    -webkit-box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.53);
    -moz-box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.53);
}


/*Banner*/



.bannerWrap2 {
background: linear-gradient( 90deg , rgba(0,0,0,0.35) 0%, rgb(0 0 0 / 37%) 42%, rgb(7 7 7 / 35%) 72%, rgb(0 0 0 / 35%) 100%),url(../includes/droneDeliveryImg.jpg);
  background-size: cover;
    background-position: center;
    
     min-height: 570px;
    width: 100%;
    background-color: rgb(116, 119, 159);
    max-width: unset;
    display: grid;
  overflow: hidden;
}


.bannerWrapkontakt {
    background: linear-gradient( 90deg , rgba(0,0,0,0.35) 0%, rgb(0 0 0 / 37%) 42%, rgb(7 7 7 / 35%) 72%, rgb(0 0 0 / 35%) 100%),url(../includes/DroneSky.jpg);
    background-size: cover;
    background-position: center;
    min-height: 570px;
    width: 100%;
    background-color: rgb(116, 119, 159);
    max-width: unset;
    display: grid;
    padding-bottom: 70px;
	
}

.bannerTrackingPage {
  min-height: 300px;
  max-height: 300px;
}
.trackingInput {
    width: 250px;
    height: 50px;
    text-align: center;
}
.trackingButton {
    background: #3f407e;
    color: white;
    width: 250px;
    height: 50px;
    margin-top: 20px;
    border: none;
}
.contactInput {
  width: 500px;
  max-width: 80%;
  height: 50px;
  text-align: center;
  margin-bottom: 20px;
}
.contactInputMessage {
  width: 500px;
  max-width: 80%;
  height: 150px;
  text-align: center;}
.contactFormButton {
  background-color: white;
  color: black;
  width: 250px;
  height: 50px;
  margin-top: 20px;
  border: none;
}

.bannerIco {
    min-height: 150px;
    width: 100%;
    max-width: unset;
    display: grid;
    padding: 10px 0;
    max-width: 1140px;
}
.bigIco {font-size: 50px;}
.bannerIco .fa {
    color: #B0B3DD;
}

.bannerIco .fa:hover {
    color: #ffb700;
    transition: color 1.5s;
}

.bannerIco span {
    font-size: 1em;
    font-weight: 100;
    display: block;
    /*margin-top: 12px;*/
    color: white;
}

.goldOnHover:hover * {
    color: #ffb700;
    transition: color 5.6s;
}





/*MENU CSS*/
header {
  overflow: hidden;
  /*background:  #9697E6;*/
   background:  #5f43b2;
   background-image: repeating-linear-gradient(#3a3153, #5f43b2 100%, #3a3153 20%);
  font-weight: bolder;
  z-index:1000;
  position:fixed;
  width:100%;
}

header a, header label {
  display: block;
  padding: 20px;
  color: #fff;
  text-decoration: none;
  line-height: 20px;
}

header a:hover, header label:hover {
    color:  var(--menuHover-color);
    /*text-decoration: overline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: rgba(250, 250, 250, 0.146);*/
    box-shadow: 0px 4px 0px white inset;
    transition: box-shadow .4s, color .6s;
}

header label {
  float: right;
  padding: 18px 20px;
  cursor: pointer;
  
}

header label:after {
  content: "\2261";
  font-size: 1.8em;
}

.menuLogo {
  float: left;
  font-weight: bold;
  font-size: 1.5em;
}
  
nav {
  float: right;
  max-height: 0;
  width: 100%;
  
  -webkit-transition: max-height 0.3s; 
     -moz-transition: max-height 0.3s;
       -o-transition: max-height 0.3s;
          transition: max-height 0.3s;
}

nav ul {
  margin: 0;
  padding: 0;
   padding-bottom: 10px;
}
  
nav li {
  display: block;
  text-align: center;
  font-size: 1em;
}
  
nav a {
  padding: 10px;
  width: 100%;
}

#nav { display: none; }

#nav:checked ~ nav {
  max-height: 200px; /* This can be anything bigger than your nav height. The transition duration works with this */
}

@media only screen and (min-width: 1000px) {
  
  header label { display: none; }
  
  nav {
    float:right;
    width: auto;
    max-height: none;
   z-index:100;
   
  }
  
  nav ul {
    padding: 0;
    padding-right: 10px;
  }
  
  nav li {
    display: inline-block;
    text-align: left;
  }
  
  header nav a {
    display: inline-block;
    padding: 20px 10px;
    width: auto;
  }
  
}

.lrDivCenter {
    align-self: center !important;
}
.shadow {
  font-size: 1em;
    padding-left: 2%;
    color: #D9D9D9;
    float: left;
	    margin: 0.67em 0;
		    display: block;
   
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
	overflow: hidden;
    background: transparent;
	-webkit-text-size-adjust: 100%;

	
  	 
  background-color: transparent;
  height: 40px;
  width:30px;
  margin-left:10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
	
	
}
.fly {
       font-size: 1em;
    color: #FFE88D;
    float: left;
	
	    display: block;
   
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
	
	
	
	
	
}


h1 {
    font-size:1em;
    padding-left:2%;
    color:#D9D9D9;
    float:left;
    z-index:1;
}
h2 {
    font-size:1em;
    color:#FFE88D;
    float:left;
     z-index:1;
}

h5{
    font-size:1em;
    
   
    
}

/*footer*/

footer {
background-color:black;

}






/*slideshow*/

     
      /* On hover, add a black background color with a little bit seethrough */
      .prev:hover, .next:hover {
         background-color: rgba(0,0,0,0.8);
      }
      /* Caption text */
      .text {
         color: white;
         font-size: 15px;
         padding: 8px 12px;
         position: absolute;
         top: 8px;
         width: 100%;
		
         text-align: center;
      }
	  
	 
    
      /* The dots/bullets/indicators */
      .dot {
         cursor: pointer;
         height: 15px;
         width: 15px;
         margin: 0 2px;
         background-color: #bbb;
         border-radius: 50%;
         display: inline-block;
         transition: background-color 0.6s ease;
       
        
      }
      .active, .dot:hover {
         background-color: #717171;
      }
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}









	  .my {display: none}
      img {vertical-align: middle;}
     
 

  @media screen and (min-width: 000px) {
	 	 .height {
 height:100px;
} 
	  .h1Bigo {
     font-size: 2.5em;
    line-height: 1.2em;
}
	  
	  .h1BigN {
    font-size: 2.5em;
    line-height: 1.2em;
}
	  
	  	.fram {
    font-size:4.5em;
    line-height: 1.2em;
	margin-top:-0px;
}
	  	
   .h1BigH {
	 
    font-size: 2.5em;
    line-height: 1.2em;
	
	
}
	  
	  
	     #sse3
 {
	 height:200px;
margin-left:-10%;
	 background:#9697E6;
		 margin-top:-25px; 
		  margin-bottom:-25px;
 }
	  
	   #bild4 {
		 background-image: url("adel2.png");
		background-position: center; 
		background-size:contain ;
		background-repeat: no-repeat; 	
		background-size:25%;
	 margin-top:50px; 
		 height:-100px; 
		 margin-bottom:0px; 
		 right:10%; 
		 padding-bottom:50px;
		 } 
	   #sse2
 {
	 height:220px;
margin-top:100px;
margin-left:-15%;
	 background:#9697E6;
	 margin-bottom:-125px;
	
	
 }
	  
	  	  .bannerWrapkontakt {
    background: linear-gradient( 90deg , rgba(0,0,0,0.35) 0%, rgb(0 0 0 / 37%) 42%, rgb(7 7 7 / 35%) 72%, rgb(0 0 0 / 35%) 100%),url(../includes/blomma.jpg);
    background-size: cover;
	background-size: 150% ;
    background-position: center;
    min-height: 400px;
    width: 100%;
    background-color: rgb(116, 119, 159);
    max-width: unset;
    display: grid;
    padding-bottom: 70px;
	font-size: 15px;
	
}
	  
	  
	  	   #wrapperk
	  {
		 
		  font-size:1em;
		  
	  }
	  
	  		  #riktad{
		 font-size:1.2em; 
	 }
	 	  #riktadeng{
		 font-size:1.2em; 
		 margin-left:-100px;
	 }
	 
	 .riktad
	 {
		 font-size: 0.6em;
		   background:transparent;
	position:relative;
	width:1000px;
	
	margin-left:100px;
	 }
	  
	  
	  
	   
	  #wrapper
	  {
		  margin: 0 auto;
		  width:600px;
		  font-size:0.5em;
		  margin-top:-100px;
		  margin-bottom:-200px;
	  }
	  
	  
	    .videoheader {
        
       z-index:-1500;
         width:1300px;
        
      
      }  
.bubbla
{
	color:black;
	background-color:#f1e5ff;
	padding:25px; 
	width:500px;  
	border-radius: 20px; 
	text-align:center;
	line-height: 1em; 
}
	  
	  .h2Big {
    font-size: 2.2em;
    line-height: 1.2em;
	margin-left:0%;
}
	  .h2Big3 {
    font-size: 2.2em;
    line-height: 1.2em;
	margin-left:0%;
}
	
	  
.klickahar

{
	font-weight:bold; 
float:right;
margin-right:150px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
  }
 

  	.fram {
		top:-210px;
    font-size:2.3em;
    line-height: 1.2em;
	
	    font-family: 'Nixie One', cursive; 
		animation: fadeIn 5s;
		
		
		  	 
  background-color: transparent;
  height: 600px;
  width:600px;
padding-top:00px;
margin:0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


 
  #hemleveranser
  { font-family: 'Nixie One', cursive; 
  font-size:1em;
  margin-top:-30px;
  animation: fadeIn 5s;
  }
 
   #hemleveranser2
  {
  }
 
 
 @keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
 
 
 
 #sse
 {
	 height:60px;
	 margin-bottom:150px;
	 background:#9697E6;
	
 }
 
  #sse2
 {
	 height:220px;
margin-top:100px;
margin-left:-10%;
	 background:#9697E6;
	 margin-bottom:-1px;
	
 }
   #sse3
 {
	 height:200px;
margin-left:-10%;
	 background:#9697E6;
	
 }
 
    #sse4
 {
	 margin-top:50px;
	 height:200px;
margin-left:-10%;
	 background:#9697E6;
	
 }
 #sseinnehåll
 {margin-top:-100px;

}
 
  #hno
 {
 margin-top:-10px;
 margin-bottom:-0px;
 
 }
 
  #home
 {height:900px;
margin-top:10px;



 }
 #homeo
 {height:900px;



 }
  #nest
 { margin-top:00px;
height:900px;

 }
 
 #nesto
 { margin-top:-10px;
height:900px;}
 
  #otw
 {
	 margin-top:-0px;
 height:900px;; 

 } 
   #otwo
 {
	 margin-top:100px;
height:900px;; 
 } 
   #otwo2
 {
	 margin-top:00px;
 height:100px; 
 }
  .hpd{
	 margin-top:-40px;
	  font-family: 'Nixie One', cursive;
 }
 
 .hpdo{
	 margin-top:0px;
	  font-family: 'Nixie One', cursive;
 }
 
 
 #bild1
 {Width:100%;
 	padding-top: 200px;
  padding-bottom: 200px;
    margin-right:50px;
	margin-left:0px;
 }
 
  #bild2
 {
	 Width:100%;
	 left:0px;
	 position:relative;
 }
 
 #text2
  {
	  right:00px;
	  position:relative;
	  font-size:1.1em;
	 
}
.light
{ font-weight:300;}

#text3
{
	 background:transparent;
		 width: 85%;
		 height:217px;
		margin:0 auto;
	padding:20px;
	margin-top:-150px;
}

		 #bild3{
	margin-left:0px;
		padding-top: 200px;
  padding-bottom: 200px;
    margin-right:0px;
	width:200px;
	 margin-top:350px;
	
	 } 
	 

#left{
	float:left;
	margin-left:110px;
	position:absolute;
	margin-top:35px;
	
}
#right{
	float:right;
		margin-right:70px;
	margin-top:0px;
}

  .text20 {
         color: white;
         font-size: 15px;
         padding: 8px 12px;
         position: absolute;
       
         width: 100%;
		z-index:1;
         text-align: center;
		 margin-top:8px;
      }
	    .text20o {
         color: white;
         font-size: 15px;
         padding: 8px 12px;
         position: absolute;
       
         width: 100%;
		z-index:1;
         text-align: center;
		 margin-top:100px;
      }
	  
	  .sphu
{
	margin-top:-10px;
	
}
.personalbild
{
  padding-top: 120px;
  padding-bottom:300px;
 margin-top:0px;
    margin-left:50px;
	  margin-right:70px;
    height:0px;
	border-radius: 1000px;
	}
 
      .mySlides {display: none}
      img {vertical-align: middle;}
      /* Slideshow container */
      .slideshow-container {
         max-width:100%;
         position: relative;
         margin: auto;
        
      
      }
 	 .bannerWrap {
    background: white;
    background-size: cover;
    background-position: center;
    
     min-height: auto;
    width: 100%;
	Height:600px;
	
    background-color: rgb(116, 119, 159);
    max-width: unset;
    display: grid;
  overflow: hidden;

}
	.gif
	  {
		 margin: 0 auto;
		  width:50%;
	  }
}


 @media screen and (min-width: 600px) {

	
.klickahar
{font-weight:bold; 
float:right;
 margin-right:150px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 }
  #hno
 {
 margin-top:-300px;
margin-bottom:-40px;}

   

}




 @media screen and (min-width: 700px) {
.klickahar
{font-weight:bold; 
float:right;
margin-right:300px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 }
   .text20 {
         color: white;
         font-size: 15px;
         padding: 8px 12px;
         position: absolute;
       
         width: 100%;
		z-index:1;
         text-align: center;
		 margin-top:100px;
      }
	  
	  .bubbla
{
	color:black;
	background-color:#f1e5ff;
	padding:25px; 
	width:500px;  
	border-radius: 20px; 
	text-align:center;
	line-height: 1em; 
	font-size:2em;
}
  }
 
 
 


 @media screen and (min-width: 800px) {
.klickahar
{font-weight:bold; 
float:right;
 margin-right:80px;
 margin-top:-55px; 
 font-family: 'Nixie One', cursive;

 
    }
	 	.fram {
    font-size:4.5em;
    line-height: 1.2em;
	margin-top:-210px;
	top:-0px;
}
 
	
	 #bild1
 {Width:100%;
 	padding-top: 200px;
  padding-bottom: 200px;
    margin-right:50px;
	margin-left:50px;
 }
 
  
    #hno
 {
 margin-top:-10px;
 margin-bottom:-40px;}


}

    .hnoo
 {
 margin-top:-0px;
 margin-bottom:-0px;}






 @media screen and (min-width: 900px) {
	 
	
.klickahar
{font-weight:bold; 
float:right;
 margin-right:80px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 
  
 }
 

     #hno
 {
 margin-top:-10px;
 margin-bottom:-40px;
 }

     .hnoo
 {
 margin-top:-10px;
 margin-bottom:-40px;
 }
	 	  .h2Big {
    font-size: 2.2em;
    line-height: 1.2em;
	margin-left:-15%;
}
	 	  .h2Big3 {
    font-size: 2.2em;
    line-height: 1.2em;
	margin-left:-15%;
}
}


 @media screen and (min-width: 1000px) {
	 	 .height {
 height:350px;
}
	 	.gif
	  {
		
		  width:100%;
margin-left:-48px;
		
	  }
	  
	  #bild4 {
		 background-image: url("adel2.png");
		background-position: center; 
		background-size:contain ;
		background-repeat: no-repeat; 	
		background-size:36%;
	
		 height:50px; 
		 margin-top:-10px; 
		 right:1%; 
		 } 
	   #sse2
 {
	 height:220px;
margin-top:100px;
margin-left:-15%;
	 background:#9697E6;
	 margin-bottom:-1px;
	
 }
	 
	 .bannerWrapkontakt {
    background: linear-gradient( 90deg , rgba(0,0,0,0.35) 0%, rgb(0 0 0 / 37%) 42%, rgb(7 7 7 / 35%) 72%, rgb(0 0 0 / 35%) 100%),url(../includes/blomma.jpg);
    background-size: cover ;
	
    background-position: center;
    min-height: 570px;
    width: 100%;
    background-color: rgb(116, 119, 159);
    max-width: unset;
    display: grid;
    padding-bottom: 70px;
	font-size: 15px;
	
}
	 
	 	 	   #wrapperk
	  {
		 
		  font-size:0.7em;
		  
	  }
	 
	 	  #wrapper
	  {
		  margin: 0 auto;
		  width:768px;
		  font-size:0.6em;
		  margin-top:-100px;
		  margin-bottom:-200px;
	  }
	 
			  #riktad{
		 font-size:1.15em; 
	 }
	 	  #riktadeng{
		 font-size:1.15em; 
		 margin-left:-100px;
	 }
	 
	 .riktad
	 {
		 font-size: 0.6em;
		   background:transparent;
	position:relative;
	width:1000px;
	
	margin-left:380px;
	 }
	 
	 
	    #bild2
 {
	 width:300px;

	 position:absolute;
	 margin-left:200px;
	 float:left;
	 margin-top:200px;
	
	 
 }
 
 #text2
  {
	  right:00px;
	  position:relative;
	  font-size:0.45em;
	 background:transparent;
	 width:250px;
	 margin-left:0px;
	 float:right;
	 margin-right:170px;
}

	 
 	 #text1
	 {
		 	 background:transparent;
			 width: 335px;
		 height:217px;
		 margin-left:180px;
		 
	 }
	 
	 #bild1{
		 margin-top:75px;
	margin-left:-75px;
		padding-top: 0px;
  padding-bottom: 50px;
    margin-right:200px;
	 width:335px;
	 z-index:-1000;
}
	 
	 	  .h2Big {
    font-size: 2.2em;
    line-height: 1.2em;
	margin-left:-15%;
}
 	  .h2Big3 {
    font-size: 2.2em;
    line-height: 1.2em;
	margin-left:-15%;
}



.bubbla
{
	color:black;
	background-color:#f1e5ff;
	padding:25px; 
	width:100%;  
	border-radius: 20px; 
	text-align:center;
	font-size:2em;
	margin-top:-1px;
	line-height: 1em; 
	z-index:1;
	margin-left:-25px;
}

	 	 .bannerWrap {
    background: white;
    background-size: cover;
    background-position: center;
    
     min-height: auto;
    width: 100%;
	Height:800px;
	
    background-color: rgb(116, 119, 159);
    max-width: unset;
    display: grid;
  overflow: hidden;

}
	 
	     .videoheader {
        
       z-index:-1500;
         width:140%;
        
      
      }
	 
.klickahar
{font-weight:bold; 
float:right;
 margin-right:80px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 }
  
  #home
 {height:500px;
  margin-top:0px;}
     #homeo
 {height:800px;
  margin-top:0px;}
   

  
 #nest
 { margin-top:0px;
 height:500px;}
  #nesto
 { margin-top:0px;
 height:800px;}
  
 #otw
 {
	 margin-top:0px;
 height:500px; 
 } 
   #otwo
 {
	 margin-top:0px;
 height:800px; 
 } 
  #otwo2
 {
	 margin-top:0px;
 height:500px; 
 } 
     #hno
 {
 margin-top:150px;
  margin-bottom:-0px;}
 
 .hpd{
	 margin-top:20px;
	 
 }
  .hpdo{
	 margin-top:20px;
	 
 }
  .hpdk{
	 margin-top:20px;
	 
 }

 #left{
	float:left;
	margin-left:0px;
	position:relative;
	margin-top:0px;
	
}
#right{
	float:right;
		margin-right:0px;
	margin-bottom:0px;
}
  .text20 {
         color: white;
         font-size: 10px;
         padding: 8px 12px;
         position: absolute;
         top: 20px;
         width: 100%;
		z-index:1;
         text-align: center;
		 line-height: 2em; 
	
      }
	  
	  .text20o {
         color: white;
         font-size: 15px;
         padding: 8px 12px;
         position: absolute;
         top: 8px;
         width: 100%;
		z-index:1;
         text-align: center;
      }
.sphu
{
	margin-top:20px;
	
}


.personalbild
{
  padding-top: 170px;
  padding-bottom: 170px;
  margin-top:-40px;
    margin-left:60px;
	  margin-right:40px;
    height:0px;
	border-radius:0px;
	
	}
	
	.fram {
    font-size:4.5em;
    line-height: 1.2em;
	margin-top:-210px;
}

	 
#hemleveranser
  { font-family: 'Nixie One', cursive; 
  font-size:1.5em;
  }
  
   #sse
 {
	 height:100px;
	 margin-bottom:70px;
	 background:#9697E6;
	
 }
  #sseinnehåll
 {margin-top:-80px;

}
	  	  	    #hno
 {
 margin-top:150px;
  margin-bottom:-0px;
   background:transparent;
  width:640px;
 }
	
   .h1BigH {
	 
    font-size: 1.1em;
    line-height: 1.2em;
	
	
}
.h1BigN {
    font-size:  1.1em;
    line-height: 1.2em;
}

.h1Bigo {
     font-size:  1.1em;
    line-height: 1.1em;
}
.info
{
	font-size: 0.735em;

}
.hpd
{
       font-size: 0.735em;

}

	    #home
 {height:800px;

 }
     #nest
 {height:800px;

 }
     #otw
 {height:800px;

 }

}


 @media screen and (min-width: 1100px) {
	 	 .height {
 height:300px;
}
	 	.fram {
    font-size:4.5em;
    line-height: 1.2em;
	margin-top:-210px;
}


	 		 #bild3{
	margin-left:0px;
		padding-top: 200px;
  padding-bottom: 200px;
    margin-right:0px;
	width:200px;
	 margin-top:50px;
	
	 } 
	 
	   	 #text3
	 {
		 background:transparent;
		 width: 85%;
		 height:217px;
		 margin-top:0px;
	 }
	 
 #bild4 {
		 background-image: url("adel2.png");
		background-position: center; 
		background-size:contain ;
		background-repeat: no-repeat; 	
		background-size:36%;
	
		 height:50px; 
		 margin-top:-10px; 
		 right:1%; 
		 } 
	   #sse2
 {
	 height:220px;
margin-top:100px;
margin-left:-15%;
	 background:#9697E6;
	 margin-bottom:-1px;
	
 }
	 
	 
	    #wrapperk
	  {
		 
		  font-size:0.8em;
		  
	  }
	 
	 	  #wrapper
	  {
		  margin: 0 auto;
		  width:864px;
		  font-size:0.6em;
		  margin-top:-50px;
		  margin-bottom:-200px;
	  }
	  
	  	  #riktadeng{
		 font-size:1.15em; 
		 margin-left:-200px;
	 }
	 		  #riktad{
		 font-size:1.4em; 
	 }
	 
	 .riktad
	 {
		 font-size: 0.7em;
		   background:transparent;
	position:relative;
	width:1000px;
	
	margin-left:280px;
	 }
	 
	    #bild2
 {
	 width:335px;

	 position:absolute;
	 margin-left:225px;
	 float:left;
	 margin-top:250px;
	
	 
 }
 
 #text2
  {
	  right:00px;
	  position:relative;
	  font-size:0.6em;
	 background:transparent;
	 width:335px;
	 margin-left:0px;
	 float:right;
	 margin-right:170px;
}

	 
	 	 #text1
	 {
		 	 background:transparent;
			 width: 335px;
		 height:217px;
		 margin-left:190px;
	 }
	 
	 #bild1{
	margin-left:-50px;
		padding-top: 150px;
  padding-bottom: 150px;
    margin-right:170px;
	 width:335px;
}
	 
	 .bannerWrap {
    background: white;
    background-size: cover;
    background-position: center;
    
     min-height: auto;
    width: 100%;
	Height:800px;
	
    background-color: rgb(116, 119, 159);
    max-width: unset;
    display: grid;
  overflow: hidden;

}
	 
	     .videoheader {
        
       z-index:-1500;
         width:130%;
        
      
      }
	 
	 
.klickahar
{font-weight:bold; 
float:right;
 margin-right:80px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 }
  
.bubbla
{
	color:black;
	background-color:#f1e5ff;
	padding:25px; 
	width:100%;  
	border-radius: 20px; 
	text-align:center;
	font-size:2.5em;
	line-height: 1em; 
	
	margin-left:-50px;
}

 	 .bannerWrap {
    background: white;
    background-size: cover;
    background-position: center;
    
     min-height: auto;
    width: 100%;
	Height:800px;
	
    background-color: rgb(116, 119, 159);
    max-width: unset;
    display: grid;
  overflow: hidden;

}
	 
	     .videoheader {
        
       z-index:-1500;
         width:140%;
        
      
      }
	   #hno
 {
 margin-top:150px;
  margin-bottom:-0px;
   background:transparent;
  width:735px;
 }
   .h1BigH {
	 
    font-size: 1.1em;
    line-height: 1.2em;
	
	
}
.h1BigN {
    font-size:  1.1em;
    line-height: 1.2em;
}
.h1Bigo {
    font-size:  1.1em;
    line-height: 1.2em;
}
.info
{
	font-size: 0.735em;

}
.hpd
{
       font-size: 0.735em;

}
	    #home
 {height:800px;
width:373px;
 }
     #nest
 {height:800px;

 }
     #otw
 {height:800px;

 }
 

}

 @media screen and (min-width: 1200px) {
	 
	 	 .height {
 height:360px;
}
	 	.fram {
    font-size:4.5em;
    line-height: 1.2em;
	margin-top:-90px;
}
	 
	 	 #bild4 {
		 background-image: url("adel2.png");
		background-position: center; 
		background-size:contain ;
		background-repeat: no-repeat; 	
		background-size:36%;
	
		 height:50px; 
		 margin-top:-10px; 
		 right:1%; 
		 } 
	   #sse2
 {
	 height:220px;
margin-top:100px;
margin-left:-15%;
	 background:#9697E6;
	 margin-bottom:-1px;
	
 }
	 
	 
	 	   	   #wrapperk
	  {
		 
		  font-size:0.9em;
		  
	  }
	 
	 	  #wrapper
	  {
		  margin: 0 auto;
		  width:960px;
		  font-size:0.6em;
		  margin-top:-50px;
		  margin-bottom:-200px;
	  }
	  
	  
	 	  	  #riktadeng{
		 font-size:1.15em; 
		 margin-left:-220px;
	 }
		  #riktad{
		 font-size:1.4em; 
	 }
	 
	 .riktad
	 {
		 font-size: 0.7em;
		   background:transparent;
	position:relative;
	width:1000px;
	
	margin-left:255px;
	 }
	 
	    #bild2
 {
	 width:365px;

	 position:absolute;
	 margin-left:250px;
	 float:left;
	 margin-top:250px;
	
	 
 }
 
 #text2
  {
	  right:00px;
	  position:relative;
	  font-size:0.7em;
	 background:transparent;
	 width:365px;
	 margin-left:0px;
	 float:right;
	 margin-right:140px;
}

	 	 #text1
	 {
		 	 background:transparent;
			 width: 365px;
		 height:217px;
		 margin-left:150px;
	 }
	 
	 #bild1{
	margin-left:50px;
		padding-top: 150px;
  padding-bottom: 150px;
    margin-right:140px;
	 width:365px;
}


.klickahar
{font-weight:bold; 
float:right;
 margin-right:80px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 }

.bubbla
{
	color:black;
	background-color:#f1e5ff;
	padding:25px; 
	width:100%;  
	border-radius: 20px; 
	text-align:center;
	font-size:2.65em;
	line-height: 1em; 
	
	margin-left:-50px;
}
	 .bannerWrap {
    background: white;
    background-size: cover;
    background-position: center;
    
     min-height: auto;
    width: 100%;
	Height:1000px;
	
    background-color: rgb(116, 119, 159);
    max-width: unset;
    display: grid;
  overflow: hidden;

}
	 
	     .videoheader {
        
       z-index:-1500;
         width:140%;
        
      
      }
  
	  	    #hno
 {
 margin-top:150px;
  margin-bottom:-0px;
   background:transparent;
  width:800px;
 }
   .h1BigH {
	 
    font-size: 1.65em;
    line-height: 1.2em;
	
	
}
.h1BigN {
    font-size: 1.65em;
    line-height: 1.2em;
}

.h1Bigo {
    font-size: 1.4em;
    line-height: 1.2em;
}
.info
{
	font-size: 0.9em;

}
.hpd
{
       font-size: 0.9em;

}
	    #home
 {height:900px;

 }
     #nest
 {height:900px;

 }
     #otw
 {height:900px;

 }

    #homeo
 {height:900px;
 }
       #mesto
 {height:900px;
 }      #otwo
 {height:900px;
 }


}

 @media screen and (min-width: 1300px) {
		 .height {
 height:350px;
} 
	 	.fram {
    font-size:4.5em;
    line-height: 1.2em;
	margin-top:-210px;
}


	    #sse3
 {
	 height:200px;
margin-left:-10%;
	 background:#9697E6;
	
 }
	 
	 	 #bild4 {
		 background-image: url("adel2.png");
		background-position: center; 
		background-size:contain ;
		background-repeat: no-repeat; 	
		background-size:36%;
	
		 height:50px; 
		 margin-top:-10px; 
		 right:1%; 
		 } 
	   #sse2
 {
	 height:220px;
margin-top:100px;
margin-left:-15%;
	 background:#9697E6;
	 margin-bottom:-1px;
	
 }
	 
	 
	     	   #wrapperk
	  {
		 
		  font-size:0.9em;
		  
	  }
	 
	 	 	  #wrapper
	  {
		  margin: 0 auto;
		  width:1020;
		  font-size:0.7em;
		  margin-top:-50px;
		  margin-bottom:-200px;
	  }
	  
	  
	 	  	  #riktadeng{
		 font-size:1.15em; 
		 margin-left:-320px;
	 }
	  #riktad{
		 font-size:1.6em; 
	 }
	 
	 .riktad
	 {
		 font-size: 0.8em;
		   background:transparent;
	position:relative;
	width:1000px;
	
	margin-left:155px;
	 }
	 
	    #bild2
 {
	 width:389px;

	 position:absolute;
	 margin-left:250px;
	 float:left;
	 margin-top:250px;
	
	 
 }
 
 #text2
  {
	  right:00px;
	  position:relative;
	  font-size:0.7em;
	 background:transparent;
	 width:389px;
	 margin-left:0px;
	 float:right;
	 margin-right:140px;
}
	 


	 	 #text1
	 {
		 	 background:transparent;
			 width: 389px;
		 height:217px;
		 margin-left:125px;
	 }
	 
	 #bild1{
	margin-left:50px;
		padding-top: 150px;
  padding-bottom: 150px;
    margin-right:100px;
	 width:389px;
}



.klickahar
{font-weight:bold; 
float:right;
 margin-right:80px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 }

 
.bubbla
{
	color:black;
	background-color:#f1e5ff;
	padding:25px; 
	width:100%;  
	border-radius: 20px; 
	text-align:center;
	font-size:2.8em;
	line-height: 1em; 
	
	margin-left:-50px;
}

 .bannerWrap {
    background: white;
    background-size: cover;
    background-position: center;
    
     min-height: auto;
    width: 100%;
	Height:700px;
	
    background-color: rgb(116, 119, 159);
    max-width: unset;
    display: grid;
  overflow: hidden;

}
	 
	     .videoheader {
        
       z-index:-1500;
         width:120%;
        
      
      }
	  	    #hno
 {
 margin-top:150px;
  margin-bottom:-0px;
   background:transparent;
  width:853.75px;
 }
 
   .h1BigH {
	 
    font-size: 1.65em;
    line-height: 1.2em;
	
	
}
.h1BigN {
    font-size: 1.65em;
    line-height: 1.2em;
}
.h1Bigo {
    font-size: 1.6em;
    line-height: 1.2em;
}
.info
{
	font-size: 0.9em;

}
.hpd
{
       font-size: 1.2em;

}

	    #home
 {height:900px;

 }
     #nest
 {height:900px;

 }
     #otw
 {height:900px;

 }
 



}

 @media screen and (min-width: 1400px) {
	 	 .height {
 height:350px;
}
	 
	 	.fram {
    font-size:4.5em;
    line-height: 1.2em;
	margin-top:-160px;
}
	 
	 	 #bild4 {
		 background-image: url("adel2.png");
		background-position: center; 
		background-size:contain ;
		background-repeat: no-repeat; 	
		background-size:36%;
	
		 height:50px; 
		 margin-top:-10px; 
		 right:1%; 
		 } 
	   #sse2
 {
	 height:220px;
margin-top:100px;
margin-left:-15%;
	 background:#9697E6;
	 margin-bottom:-1px;
	
 }
	 
	 
	 	 	   #wrapperk
	  {
		 
		  font-size:1em;
		  
	  }
	  
	  
	  	 	  #wrapper
	  {
		  margin: 0 auto;
		  width:1080;
		  font-size:0.8em;
		  margin-top:-50px;
		  margin-bottom:-200px;
	  }
	 
	 	  	  #riktadeng{
		 font-size:1.15em; 
		 margin-left:-420px;
	 }
	  #riktad{
		 font-size:1.8em; 
	 }
	 
	 .riktad
	 {
		 font-size: 0.8em;
		   background:transparent;
	position:relative;
	width:1000px;
	
	margin-left:100px;
	 }
	 
	    #bild2
 {
	 width:411px;

	 position:absolute;
	 margin-left:250px;
	 float:left;
	 margin-top:250px;
	
	 
 }
 
 #text2
  {
	  right:00px;
	  position:relative;
	  font-size:0.8em;
	 background:transparent;
	 width:411px;
	 margin-left:0px;
	 float:right;
	 margin-right:100px;
}


	 	 #text1
	 {
		 	 background:transparent;
			 width: 411px;
		 height:217px;
		 margin-left:100px;
	 }
	 
	 #bild1{
	margin-left:50px;
		padding-top: 150px;
  padding-bottom: 150px;
    margin-right:75px;
	 width:411px;
}


.klickahar
{font-weight:bold; 
float:right;
 margin-right:80px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 }
 
  
.bubbla
{
	color:black;
	background-color:#f1e5ff;
	padding:25px; 
	width:100%;  
	border-radius: 20px; 
	text-align:center;
	font-size:2.95em;
	line-height: 1em; 
	
	margin-left:-50px;
}
 .bannerWrap {
    background: white;
    background-size: cover;
    background-position: center;
    
     min-height: auto;
    width: 100%;
	Height:800px;
	
    background-color: rgb(116, 119, 159);
    max-width: unset;
    display: grid;
  overflow: hidden;

}
	 
	     .videoheader {
        
       z-index:-1500;
         width:120%;
        
      
      }
	    #hno
 {
 margin-top:150px;
  margin-bottom:-0px;
   background:transparent;
  width:900px;
 }
 

 
  .h1BigH {
	 
    font-size: 1.65em;
    line-height: 1.2em;
	
	
}
.h1BigN {
    font-size: 1.65em;
    line-height: 1.2em;
}
.h1Bigo {
    font-size: 1.65em;
    line-height: 1.2em;
}
.info
{
	font-size: 0.9em;

}
.hpd
{
       font-size: 1.3em;

}

	    #home
 {height:900px;
width:373px;
 }
     #nest
 {height:900px;
width:373px;
 }
     #otw
 {height:900px;
width:373px;
 }
 


}

 @media screen and (min-width: 1500px) {
	 	 .height {
 height:300px;
}
	 
	 	.fram {
    font-size:4.5em;
    line-height: 1.2em;
	margin-top:-130px;
}
	 
	  	 	  #wrapper
	  {
		  margin: 0 auto;
		  width:1200;
		  font-size:0.9em;
		  margin-top:-50px;
		  margin-bottom:-200px;
	  }
	  
	 	  	  #riktadeng{
		 font-size:1.15em; 
		 margin-left:-520px;
	 }
	  #riktad{
		 font-size:2em; 
	 }
	 
	 .riktad
	 {
		 font-size: 1em;
		    background:transparent;
			margin-left:50px;
	 }
	 
	    #bild2
 {
	 width:479px;

	 position:relative;
	 margin-left:50px;
	 float:left;
	 margin-left:50px;
	
	 
 }
 
 #text2
  {
	  right:00px;
	  position:relative;
	  font-size:0.9em;
	 background:transparent;
	 width:479px;
	 margin-left:0px;
	 float:right;
	 margin-right:40px;
}
	 
	 	 #text1
	 {
		 	 background:transparent;
			 width: 479px;
		 height:217px;
		 margin-left:50px;
	 }
	 
	 #bild1{
	margin-left:50px;
		padding-top: 150px;
  padding-bottom: 150px;
    margin-right:25px;
	 width:479px;
}


.klickahar
{font-weight:bold; 
float:right;
 margin-right:80px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 }
 .bubbla
{
	color:black;
	background-color:#f1e5ff;
	padding:25px; 
	width:100%;  
	border-radius: 20px; 
	text-align:center;
	font-size:3.1em;
	line-height: 1em; 
	
	margin-left:-50px;
}

  #hno
 {
 margin-top:150px;
  margin-bottom:-0px;
   background:transparent;
  width:1050px;
 }
 
	    #home
 {height:900px;
width:373px;
 }
     #nest
 {height:900px;
width:373px;
 }
     #otw
 {height:900px;
width:373px;
 }
 
.hpd
{
       font-size: 1.6em;

}

}

 @media screen and (min-width: 1600px) {
	 .height {
 height:300px;
}



	 	.fram {
    font-size:4.5em;
    line-height: 1.2em;
	margin-top:-130px;
}

	 #bild4 {
		 background-image: url("adel2.png");
		background-position: center; 
		background-size:contain ;
		background-repeat: no-repeat; 	
		background-size:38%;
	
		 height:50px; 
		 margin-top:-15px; 
		 right:10%; 
		 } 
	   #sse2
 {
	 height:220px;
margin-top:100px;
margin-left:-10%;
	 background:#9697E6;
	 margin-bottom:-1px;
	
 }
	 
	  #riktad{
		 font-size:2em; 
	 }
	 
	 .riktad
	 {
		 font-size: 1em;
		    background:transparent;
	 }
	    #bild2
 {
	 width:479px;

	 position:relative;
	 margin-left:50px;
	 float:left;
	 margin-left:50px;
	
	 
 }
 
 #text2
  {
	  right:00px;
	  position:relative;
	    font-size:0.9em;
	 background:transparent;
	 width:479px;
	 margin-left:0px;
	 float:right;
	 margin-right:40px;
}
	 
	 
	 
	 
	 
	 	 #text1
	 {
		 	 background:transparent;
			 width: 479px;
		 height:217px;
		 margin-left:50px;
	 }
	 
	 #bild1{
	margin-left:50px;
		padding-top: 150px;
  padding-bottom: 150px;
    margin-right:25px;
	 width:479px;
}

.klickahar
{font-weight:bold; 
float:right;
 margin-right:80px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 }
 
 .bubbla
{
	color:black;
	background-color:#f1e5ff;
	padding:25px; 
	width:100%;  
	border-radius: 20px; 
	text-align:center;
	font-size:3.25em;
	line-height: 1em; 
	
	margin-left:-50px;
}

 .bannerWrap {
    background: white;
    background-size: cover;
    background-position: center;
    
     min-height: auto;
    width: 100%;
	Height:1000px;
	
    background-color: rgb(116, 119, 159);
    max-width: unset;
    display: grid;
  overflow: hidden;

}
	 
	     .videoheader {
        
       z-index:-1500;
         width:120%;
        
      
      }
	  
	  
	  
  #hno
 {
 margin-top:150px;
  margin-bottom:-0px;
   background:transparent;
  width:1050px;
 }
 
	    #home
 {height:900px;
width:373px;
 }
 
      #homeo
 {height:900px;
 }
       #mesto
 {height:900px;
 }      #otwo
 {height:900px;
 }
   
   
     #nest
 {height:900px;
width:373px;
 }
     #otw
 {height:900px;
width:373px;
 }
 

 
 	 	  .h2Big3 {
    font-size: 2.2em;
    line-height: 1.2em;
	margin-left:-15%;
}

 	 	  .h1Big3 {
    font-size: 2.2em;
    line-height: 1.2em;
	margin-left:-0%;
}
}

 


 



 @media screen and (min-width: 1700px) {
	 
	 .height {
 height:380px;
}
	 
	 	.fram {
    font-size:4.5em;
    line-height: 1.2em;
	margin-top:-90px;
}
	 
	    #sse3
 {
	 height:200px;
margin-left:-10%;
	 background:#9697E6;
	
 }
 

	 	  #bild4 {
		 	background-size:50%;
		
		 height:100px; 
		 margin-top:-40px; 
		 right:10%; 
		 } 
	   #sse2
 {
	 height:220px;
margin-top:100px;
margin-left:-10%;
	 background:#9697E6;
	 margin-bottom:-1px;
	
 }
	 	  #wrapper
	  {
		  margin: 0 auto;
		  width:1440;
		  font-size:1em;
		  margin-top:-50px;
		  margin-bottom:-200px;
	  }
	  
	  #riktad{
		 font-size:2em; 
	 }
	 
	 .riktad
	 {
		 font-size: 1em;
		   
	 }
	    #bild2
 {
	 width:548px;

	 position:relative;
	 margin-left:50px;
	 float:left;
	 margin-left:20px;
 }
 
 #text2
  {
	  right:00px;
	  position:relative;
	  font-size:1.1em;
	 background:transparent;
	 width:548px;
	 margin-left:20px;
	 float:right;
}
	 
	 	 #text1
	 {
		 background:transparent;
		 width: 548px;
		 height:217px;
		  margin-left:00px;
	 }
	 
	 #bild1{
	margin-left:50px;
		padding-top: 150px;
  padding-bottom: 150px;
    margin-right:50px;
	 width:548px;
}
.klickahar
{font-weight:bold; 
float:right;
 margin-right:80px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 }

.bubbla
{
	color:black;
	background-color:#f1e5ff;
	padding:25px; 
	width:100%;  
	border-radius: 20px; 
	text-align:center;
	font-size:3.4em;
	line-height: 1em; 
	
	margin-left:-50px;
}
 .bannerWrap {
    background: white;
    background-size: cover;
    background-position: center;
    
     min-height: auto;
    width: 100%;
	Height:1000px;
	
    background-color: rgb(116, 119, 159);
    max-width: unset;
    display: grid;
  overflow: hidden;

}
	 
	     .videoheader {
        
       z-index:-1500;
         width:1980px;
        
      
      }
	    .text20 {
         color: white;
         font-size: 15px;
         padding: 8px 12px;
         position: absolute;
       
         width: 100%;
		z-index:1;
         text-align: center;
		 margin-top:8px;
      }

  #hno
 {
 margin-top:150px;
  margin-bottom:-0px;
   background:transparent;
 width:1200px;
 }
 
 
	  

     #nest
 {height:500px;

 }
     #otw
 {height:500px;

 }
 
 .h1BigH {
	 
  font-size: 2.2em;
    line-height: 1.2em;
}
.h1BigN {
 font-size: 2.2em;
    line-height: 1.2em;
}
.h1Bigo {
 font-size: 2.2em;
    line-height: 1.2em;
}
.info
{
	font-size: 1.2em;
}
.hpd
{
       font-size: 1,7em;

}

    #homeo
 {height:1100px;
 }
       #mesto
 {height:1100px;
 }      #otwo
 {height:1100px;
 }
	    #home
 {height:1100px;
width:373px;
 }
     #nest
 {height:1100px;
width:373px;
 }
     #otw
 {height:1100px;
width:373px;
 }

 
 
 
}

 @media screen and (min-width: 1800px) {
	 
	 	.fram {
    font-size:4.5em;
    line-height: 1.2em;
	margin-top:-90px;
}

	  #riktad{
		 font-size:2em; 
	 }
	 
	 .riktad
	 {
		 font-size: 1em;
		   
	 }
	    #bild2
 {
	 width:548px;

	 position:relative;
	 margin-left:50px;
	 float:left;
	 margin-left:20px;
 }
 
 #text2
  {
	  right:00px;
	  position:relative;
	  font-size:1.1em;
	 background:transparent;
	 width:548px;
	 margin-left:20px;
	 float:right;
}
	 	 #text1
	 {
		 background:transparent;
		  width: 548px;
		 height:217px;
	 }
	 
	 #bild1{
	margin-left:50px;
		padding-top: 150px;
  padding-bottom: 150px;
    margin-right:50px;
	 width:548px;
	 }
	 
.klickahar
{font-weight:bold; 
float:right;
 margin-right:80px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 }
 .bubbla
{
	color:black;
	background-color:#f1e5ff;
	padding:25px; 
	width:100%;  
	border-radius: 20px; 
	text-align:center;
	font-size:3.55em;
	line-height: 1em; 
	
	margin-left:-50px;
}


  #hno
 {
 margin-top:150px;
  margin-bottom:-0px;
   background:transparent;
 
 }
}

 @media screen and (min-width: 1900px) {
	 
	 	.fram {
    font-size:4.5em;
    line-height: 1.2em;
	margin-top:-90px;
}
	 
	 #riktad{
		 font-size:2em; 
	 }
	 
	 .riktad
	 {
		 font-size: 1em;
		  
	 }
	    #bild2
 {
	 width:548px;

	 position:relative;
	 margin-left:50px;
	 float:left;
	 margin-left:20px;
 } 
 
 
 #bild4
 {
	 margin-top:-40px; 

	 position:relative;
	
	 margin-right:150px;
	 margin-left:150px;
	 float:left;
	 
 }
 #text2
  {
	  right:00px;
	  position:relative;
	  font-size:1.1em;
	 background:transparent;
	 width:548px;
	 margin-left:20px;
	 float:right;
}
	 
	 	 #text1
	 {
		 background:transparent;
		 width: 548px;
		 height:217px;
	 }
	 
	  	 #text3
	 {
		 background:transparent;
		 width: 85%;
		 height:217px;
	 }
		 #bild3{
	margin-left:0px;
		padding-top: 200px;
  padding-bottom: 200px;
    margin-right:0px;
	width:200px;
	 margin-top:50px;
	
	 } 
	 
	 #bild1{
	margin-left:50px;
		padding-top: 150px;
  padding-bottom: 150px;
    margin-right:50px;
	width:200px;
	 margin-top:50px;
	
	 }
.klickahar
{font-weight:bold; 
float:right;
 margin-right:80px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 }
 
    .bubbla
{
	color:black;
	background-color:#f1e5ff;
	padding:25px; 
	width:100%;  
	border-radius: 20px; 
	text-align:center;
	font-size:4em;
	line-height: 1em; 
	margin-left:-25px;
}
  #hno
 {
 margin-top:150px;
  margin-bottom:-0px;
   background:transparent;
 }

}

 @media screen and (min-width: 2000px) {
	 
	 	.fram {
    font-size:4.5em;
    line-height: 1.2em;
	margin-top:-90px;
}

.klickahar
{font-weight:bold; 
float:right;
 margin-right:80px;
 margin-top:-78px; 
 font-family: 'Nixie One', cursive;
 
 }
  .bubbla
{
	color:black;
	background-color:#f1e5ff;
	padding:25px; 
	width:100%;  
	border-radius: 20px; 
	text-align:center;
	font-size:4em;
	line-height: 1em; 
	margin-left:-25px;
}


}


#myDIV {
  width: 100%;
  padding: 50px 0;
  text-align: center;
 
  margin-top: 20px;
  
}


.tilsammans
{font-weight: bold;

}

  p.kontakt
  {
	  display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	    text-align: center;
		color: #e6e6e6;
		font-family: 'Raleway', sans-serif;
    font-size: 1.2em;
	font-weight: 200;
	letter-spacing: 0.05em;
    line-height: 1.5em;
	text-rendering: optimizeLegibility;
  }
  
  
    h6.kontakt
  {
	      font-size: 2em;
    margin: 0.67em 0;
	      display: block;

    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
	text-align: center;
	color: var(--seccondary-text-color);
	font-family: 'Raleway', sans-serif;
	float:center;
	padding-left:auto;
  }
  

.colk {
  flex: 1; /* additionally, equal width */
      display: block;
	  text-align: center;
	  color: #e6e6e6;
	  font-family: 'Raleway', sans-serif;
	  font-size: 1.2em;
	  font-weight: 200;
    text-rendering: optimizeLegibility;
	    letter-spacing: 0.05em;
    line-height: 1.5em;
  /*padding: 1em;*/
  /*border: solid;*/
  background: #9697E6;
  padding-bottom:20px;
  padding-top:20px;
}







button {
  align-items: center;
  appearance: none;
  background-color: #FCFCFD;
  border-radius: 4px;
  border-width: 0;
  box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
  box-sizing: border-box;
  color: #36395A;
  cursor: pointer;
  display: inline-flex;
  font-family: "JetBrains Mono",monospace;
  height: 48px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  font-size: 18px;
}

button:focus {
  box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

button:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
  transform: translateY(-2px);
}

button:active {
  box-shadow: #D6D6E7 0 3px 7px inset;
  transform: translateY(2px);
}