/*-------------------PC 1600 + --------------------------------*/
@media  (min-width: 1601px) {

    .paraGrid{
	display:grid;grid-template-columns:25% 50% 25%;
    }

}

/*-------------------PC 1250 + --------------------------------*/
      @media (max-width: 1600px) and (min-width: 1250px) {

    .paraGrid{
	display:grid;grid-template-columns:20% 60% 20%;
    }

      }

/*-------------------PC 700 + vga--------------------------------*/
      @media (max-width: 1250px) and (min-width: 701px) {


	  .paraGrid{
	display:grid;grid-template-columns:10% 80% 10%;
    }

	  
      }


/*-------------------PC liten --------------------------------*/
      @media (max-width: 700px) {



    .paraGrid{
	display:grid;grid-template-columns:0% 100% 0%;
    }




      }



/*-------------------Felles PC --------------------------------*/      
@media only screen and ( min-device-width: 950px ) , (-webkit-device-pixel-ratio: 1) {

		  

}

/* ----------- Felles Mobil og Pad med  ratio 2 og mer  ----------- */
@media only screen and (max-device-width: 950px) and (-webkit-min-device-pixel-ratio: 2) { 

    .paraGrid{
	display:grid;grid-template-columns: 0% 100% 0%;
    }


}

/* ----------- Felles  ----------- */
.body {
    margin:0px;
}

.paraGrid{
}

.paraOverlayLighten {
    opacity: 0.3;
  }


.parallax1 {
/* The image used */
  /* Full height */
  height: 100vh; /*calc(100vw * 0.5);  100vw;*/
  /* Create the parallax scrolling effect */
  background-attachment: fixed; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.paraLogo{    
    margin: auto;
    object-fit:contain;
}