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


    .imgMainLeft{
	width:30vw;
    }
    .imgMainCenter{
	width:40vw;
    }
    .imgMainRight{
	width:30vw;
    }

    .paraLogo{
        width: 40vw;
    }

}

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

    .imgMainLeft{
	width:30vw;
    }
    .imgMainCenter{
	width:60vw;
    }
    .imgMainRight{
	width:20vw;
    }

    .paraLogo{
        width: 60vw;
    }

      }

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

    .imgMainLeft{
	width:10vw;
    }
    .imgMainCenter{
	width:80vw;
    }
    .imgMainRight{
	width:10vw;
    }

    .paraLogo{
        width: 80vw;
    }
	  
      }


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

    .imgMainLeft{
	width:0vw;
    }
    .imgMainCenter{
	width:100vw;
    }
    .imgMainRight{
	width:0vw;
    }


        .paraLogo{
        width: 100vw;
    }
      }



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

		  
    .imgSlogen{
	padding-top:10px;
	padding-left:calc(40% - 100px);		    
    }
    .imgSlogenTitle{
	font-size: 60px;
	font-weight:700;
    }
    .imgSlogenSub{
	font-size: 40px;
	font-weight:400;
    }
    .imgSlogenTxt{
	font-size: 20px;
    }
    .imgSpace1{
	height:80px;
    }
    .imgSpace2{
	height:80px;
    }

    .imgVinterlarmLogo{
	width:80%;
	padding-left:10%;
    }

    .imgPartnerTitle{
	font-size: 30px;
	padding-left:30px;
    }

    .imgGrid{
	grid-template-columns: 1fr 1fr;
	grid-columns-gap: 10px;
	grid-row-gap: 40px;
	padding:20px;
    }

    .imgLogoBox{
	width:90%;
    }

    .imgLogoName{
	top:-10%;
	font-size:16px;
    }

    .imgFooter{
	padding-left:calc(50% - 150px);		    
    }
    .imgFooterTitle{
	font-size: 40px;
    }
    
    .imgFooterSub{
	font-size: 30px;
    }
    
    .imgFooterTxt{
	font-size: 20px;
    }

}

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

    .imgMainLeft{
	width:0vw;
    }
    .imgMainCenter{
	width:100vw;
    }
    .imgMainRight{
	width:0vw;
    }

    .imgSlogen{
	padding-top:5px;
	padding-left:calc(40% - 100px);		    
    }    
    .imgSlogenTitle{
	font-family:Oswald;
	font-size: 20px;
	font-weight:700;
    }
    .imgSlogenSub{
	font-family:Oswald;
	font-size: 15px;
	font-weight:400;
    }
    .imgSlogenTxt{
	font-family:Abel;
	font-size: 25px;
    }
    .imgSpace1{
	height:50px;
    }
    .imgSpace2{
	height:25px;
    }

    
    .imgVinterlarmLogo{
	width:95%;
	padding-left:2%;
    }

    .imgPartnerTitle{
	font-size: 20px;
	padding-left:30px;
    }

    .imgGrid{
	grid-template-columns: 1fr;
	grid-columns-gap: 10px;
	grid-row-gap: 30px;
	padding:10px;
    }

    .imgLogoBox{
	width:98%;
    }

    .imgLogoName{
	top:-10%;
	font-size:16px;
    }

    .imgFooter{
	padding-left:calc(50% - 250px);		    
    }
    .imgFooterTitle{
	font-size: 40px;
    }
    
    .imgFooterSub{
	font-size: 30px;
    }
    
    .imgFooterTxt{
	font-size: 20px;
    }


    .paraLogo{
        width: 100vw;
    }
}

/* ----------- Felles  ----------- */


.imgMainLeft{
    background-image:linear-gradient(90deg,#003058,white);
}
.imgMainCenter{
    background-color:white;
}
.imgMainRight{
    background-image:linear-gradient(90deg, white, #003058);
}

.imgMainBottomLeft{
    height:100px;
    background: radial-gradient(ellipse at right top, white 0%, #003058  70%,  #003058  100%);
}
.imgMainBottomCenter{
    height:100px;
    background-image:linear-gradient(0deg,#003058,white);
}
.imgMainBottomRight{
    height:100px;
    background: radial-gradient(ellipse at left top, white 0%, #003058  70%,  #003058  100%);

}

.imgMainBoxFixed{
    position: fixed;
    top:0px;
    width:100%;
    padding-top: 80%;        
}
.imgMainBox{
    position: relative;
    width:100%;
    padding-top: 142%;        
}

.imgMain{
    position:absolute;
    top:0px;
    width:100%; /*maa vaere her*/
    height:100%; /*maa vaere her*/
    object-fit: contain;    
}

.imgLayer2{
    position: absolute;
    top:0px;
    width: 100%;
}

.imgSlogen{
}

.imgSlogenTitle{
    font-family:Oswald;
}

.imgSlogenSub{
    font-family:Oswald;
}

.imgSlogenTxt{
    font-family:Abel;
}
.imgSpace1{
}
.imgSpace2{    
}


.imgWhite{
    width:100%;
    background-color:white;
}

.imgVinterlarmLogo{
}
.imgPartner{
    padding-top:40px;
    padding-left:calc(50% - 150px);		    
    padding-bottom:20px;
}

.imgPartnerTitle{
    font-family:Abel;
    font-weight:400;
    color: lightgrey;
}

.imgGrid{
    display: grid;
}

.imgLogoBox{
    position: relative;    
    padding-top:50%;
    font-family:Abel;
    border:1px solid lightgrey;
}

.imgLogoPic{
    position:absolute;
    top:10%;
    left:10%;
    width:80%;
    height:80%;
    object-fit:contain;
    transition: 1s;
}

.imgLogoName{
    position:absolute;
    color:lightgrey;
    text-align:center;
    width:100%;
}

.imgFooter{
}

.imgFooterTitle{
    font-family:Oswald;
    font-weight:700;
}

.imgFooterSub{
    font-family:Oswald;
    font-weight:400;
}

.imgFooterTxt{
    font-family:Abel;
}