/*-------------------PC 1600 + --------------------------------*/     
      @media  (min-width: 2001px) {
	  .forsideMainPadding{
	      /*background-color:yellow;*/
	      padding: 0 20% 0 20%;
	  }

      }

/*-------------------PC 1600 + --------------------------------*/     
      @media  (max-width: 2000px) and (min-width: 1601px) {
	  .forsideMainPadding{
	      /*background-color:orange;*/
	      padding: 0 13% 0 13%;
	  }

      }


      /*-------------------PC 1250 + --------------------------------*/      
      @media (max-width: 1600px) and (min-width: 1250px) {
	  .forsideMainPadding{
	      /*background-color:red;*/
	      padding: 0 7% 0 7%;
	  }

      }


      /*-------------------PC 700 + vga--------------------------------*/      
      @media (max-width: 1250px) and (min-width: 701px) {
	  .forsideMainPadding{
	      /*background-color:green;*/
	      padding: 0 1% 0 1%;
	  }


      }

      
/*-------------------PC liten --------------------------------*/      
      @media (max-width: 700px) {
	  .forsideMainPadding{
	      /*background-color:brown;*/
	      padding: 0 0% 0 0%;
	  }

      }

      
/*-------------------PC liten --------------------------------*/            
@media only screen  and ( min-width: 950px ) , (-webkit-device-pixel-ratio: 1) {
    .forsideContBildeHeading{
	grid-column:span 4;
    }
    .forsideContBildeLandscape{
	grid-column: span 2;
    }	  
    .forsideContBildeLandscapeBig{
	grid-column: span 4;
    }
    .forsideContBildePortrait{
	grid-column:span 2;
    }
    .forsideContBildePortraitBig{
	grid-column:span 2;
    }
}
 /*-------------------PC --------------------------------*/      
@media only screen and ( min-device-width: 950px ) , (-webkit-device-pixel-ratio: 1) {

   .frontpageScrollButton{
    width: 50px;
    heigh: 50px;
    font-size: 30px;
    line-height:50px;
    border: 1px solid black;
    border-radius: 10px 10px 10px 10px;
   }
}

@media only screen and (max-device-width: 950px) and (-webkit-min-device-pixel-ratio: 2) { 
    .forsideMainPadding{
	/*background-color:brown;*/
	padding: 0 0 0 0;
    }
    .forsideContBildeHeading{
	grid-column:span 4;
    }
    .forsideContBildeLandscape{
	grid-column:span 4;
    }	  
    .forsideContBildeLandscapeBig{
	grid-column:span 4;
    }
    .forsideContBildePortrait{
	grid-column:span 4;
    }
    .forsideContBildePortraitBig{
	grid-column:span 4;
    }
   .frontpageScrollButton{
    width: 40px;
    heigh: 40px;
    font-size: 24px;
    line-height:40px;
    border: 1px solid black;
    border-radius: 10px 10px 10px 10px;
   }
}

.forsideMainPadding{
}
.forsideMain{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width:100%;
    grid-column-gap:0px;
    grid-row-gap:0px;
}

.forsideContBildeHeading{
}	   
.forsideContBildeLandscape{
}
.forsideContBildeLandscapeBig{
}
.forsideContBildePortrait{
}
.forsideContBildePortraitBig{
}

.forsideBilde{
    width:100%; 
    object-fit: contain;
}

.frontpageScrollButton{
    position:absolute;
    top: 40%;
    background-color:white;
    color:black;
    opacity: 0.8;
    /*font-family:oswald;*/
    font-weight:700;
    text-align:center;
    z-index:1;
    cursor:pointer;
}
.frontpageScrollButtonRight{
    right: 1px;
}
.frontpageScrollButtonLeft{
    left: 1px;
    transform:rotate(180deg);
}
.frontpageScrollButton:hover{
   /* color:white;
    background-color:green;*/
}



.frontpageImageMapOverlayer{
   /* transform: scale(0,0);
    transition: 1s;*/
}


/* Admin */
/*
body{
    \*overflow:hidden;*\
    width:100%;
    background-color:green;
}
*/