@media (min-width: 768px) {
	html{ font-size:18px;} 
	section.videocontent{height: 100vh;}
	.img-contract img.topcontract {
		left: -7rem;
		max-width: 40%;
	}
	.policy-box ul{width: 490px;}
	.textpro h1{font-size: 38px;}
	.textpro p{font-size: 28px;}
	.logobubble {
		padding: 2rem;
		aspect-ratio: 4 / 3;
		border-radius: 25px;
		width: 90%;
		margin: auto;
	}
	.logobubble::before {
		opacity: .46;
		background: radial-gradient(circle, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 1) 100%);
	}
	.contenttop a img{width: 280px;}
	.textpro3,
	.textpro3 h1,
	.textpro3 h2{font-size: 22px;}
	.logocenter {
		width: 90%;
		margin: auto;
	}
	section.section4 img.profade{max-width: 65%;}
	.serviceimg p {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.3;
        height: calc(1rem * 1.3 * 6);
        margin-bottom: 1rem;
        font-size: .9rem;
    }
	.serviceimg{
		height: 65vh;
		padding: 2rem 1rem 3rem;
	}
	.textpro5 {
		font-size: 28px;
		height: 35vh;
	}
	.grayproducts {
        height: 100%;
        aspect-ratio: auto;
        padding: 5% 8% 15%;
        align-items: flex-end;
        justify-content: flex-start;
        text-align: left;
    }
	.grayproducts h1{font-size: 30px;}
	.greenproducts {
		aspect-ratio: auto;
		height: 50vh;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		align-content: center;
		text-align: left;
	}
	.greenproducts h1{font-size: 22px;}
	.blackproducts {
		aspect-ratio: auto;
		height: 50vh;
	}
	section.section2 .row{justify-content: center;}
	section.section2{height: 100vh;}
	.section3 .container{align-content: space-between;}
	.textpro{margin: 0;}
	
	
}



@media (min-width: 992px) { 
	section.contentcover {
		height: 100vh;
		background: url("../images/Box reveal cover.webp") center bottom no-repeat;
		background-size: cover !important;
		background-attachment: fixed !important;
	}
	.contenttop{padding: 3%;}
	.img-contract img.topcontract {
        left: -2rem;
        max-width: 43%;
    }
	.section3 .container {
		height: 100%;
		padding-top: 5%;
		padding-bottom: 5%;
	}
	section.section4 img.profade {max-width: 40%;}
	.serviceimg{padding: 2rem 1rem;}
	.grayproducts h1 {font-size: 38px;}
	.blackproducts,
	.greenproducts {
        height: 50vh;
        aspect-ratio: auto;
    }
	.serviceimg p{font-size: 1rem;}
	.grayproducts {
        padding: 5%;
    }
	.policy-box ul {width: 400px;}
}


@media (min-width: 1200px) {
	html{ font-size:20px;} 
	.textpro h1{font-size: 50px;}
	.textpro p{font-size: 36px;}
	.textpro3, 
	.textpro3 h1, 
	.textpro3 h2 {font-size: 26px;}
	.textpro5 {
        margin-top: 0;
        font-size: 38px;
		aspect-ratio:auto;
		height: 35vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
	.serviceimg, .serviceimg.service1{
		height: 65vh;
		aspect-ratio:auto;
	}
	.serviceimg h1,
	.greenproducts h1 {font-size: 28px;}
	.greenproducts p{font-size: 24px;}
	.img-contract{width: 90%;margin: auto;}
	
	.customerlogo img.pruksalogo{width: 80px;}
	.customerlogo img.reservelogo{width: 155px;}
	.img-contract img.topcontract {left: -5rem;}
	.grayproducts h1{font-size: 45px;}
	
	.policy-box ul {width: 425px;}
}

@media (min-width: 1440px) {
	html{ font-size:22px; } 
    .container{ max-width: 1230px; }
	.img-contract{width: 80%;}
	.logobubble {aspect-ratio: 3 / 2;}
	
	section.contentcover {
		background-position: top -5rem center;
	}
	.customerlogo img.reservelogo {width: 185px;}
	.customerlogo img.pruksalogo {width: 100px;}
	.textpro3, 
	.textpro3 h1, 
	.textpro3 h2 {font-size: 26px;}
	
}

@media (min-width: 1600px) { 
    .container{ max-width: 1440px; }
	.img-contract { width: 70%;}
	.grayproducts h1{font-size: 50px;}
	.img-contract img.topcontract {left: -4rem;}
	
	section.section4 .row .col-lg-9 {width: 60%;}
	
	section.section4 img.profade {max-width: 30%;}
	
	.greenproducts h1 {font-size: 30px;}
	.greenproducts p{font-size: 28px;}
	
}
@media (min-width: 1800px) {
	section.contentcover {background-position: top -10rem center;}
	.customerlogo img.pruksalogo {width: 100px;}
	.customerlogo img.reservelogo {width: 185px;}
}
@media (min-width: 2000px) {
	
}