.homeTitle{
		font-weight:normal;
		text-align:center;
		font-size:3vw;
	}
	.homeGrid{
		display:flex;
		gap:16px;
		--div-width: calc(100vw - 60px);
		width: var(--div-width);
		height: calc(var(--div-width) * .394 );
		color:#ffffff;
		font-weight:normal;
		cursor:pointer;
	}
	.homeGrid.promo{
		display:flex;
		gap:16px;
		--div-width: calc(100vw - 60px);
		width: var(--div-width);
		height: calc(var(--div-width) * .2 );
		color:#ffffff;
		font-weight:normal;
		cursor:pointer;
		margin-bottom: 16px !important;
	}
	.homeGrid.promoVid{
		--div-width: calc(100vw - 60px);
		width: var(--div-width);
		height: calc(var(--div-width) * .38125 );
	}
	.homeGrid > div{
		width:100%;
		container-type: size;
	}
	.homeGrid .cont_cell{
		position:relative;
		background-repeat: no-repeat;
  	background-size: cover;		
  	background-position: center;
  	border-radius:5px;
	}	
	.homeGrid .hg_cell_2{
		display:flex;
		flex-direction:column;
		gap:16px;
	}
	.homeGrid .hg_cell_3{
		height:60%;
	}
	.homeGrid .hg_cell_4{
		height:40%;
	}
	.homeGrid h2, .homeGrid h3{		
		font-weight:normal;
		line-height:normal;
	}
	.homeGrid h2{
		font-size: 6cqw;
		margin-top:-1cqw;
	}
	.full_w_cell h2{
		font-size: 3cqw;
	}
	.homeGrid h3{
		font-size: 4cqw;
		/*line-height: 7cqw;		*/
	}
	.cont_cell .more_info{
			/*background-color:#000000;*/
			width: 100%;
	    height: 100%;
	    position: absolute;	    
	    transition:all 300ms linear;	
	    color:#ffffff;
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-end;	 
	    padding:2cqw;	
	    gap:2cqw;	
	    box-sizing:border-box;      
	}
	.cont_cell .bg_fade{
		position:absolute;
		background: linear-gradient(0deg, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 0) 66%);
		width:100%;
		height:100%;
		border-radius:5px;;
	}
	.cont_cell .reveal{
		opacity:0;
		transition:all 300ms linear;	
	}
	.cont_cell:hover .reveal{
		opacity:1;
	}
	.cont_cell.hg_promo_cell .bg_fade{
		 background: linear-gradient(-22deg, rgba(0, 0, 0, .8) 33%, rgba(0, 0, 0, .3) 100%);
	}
	.cont_cell.hg_cell_4:hover .bg_fade{
		 background: linear-gradient(22deg, rgba(0, 0, 0, .8) 33%, rgba(0, 0, 0, .3) 100%);
	}
	.more_info .info_row{
		display:flex;
		justify-content: space-between;
		font-size: 3cqw;
	}
	.homeGrid.promo .more_info .info_row{
		font-size: 1.5cqw;
	}
	.homeGrid.promo .full_w_cell{
		background-position-x: left;
	}
	.homeGrid.promo .cat_desc .rows{
		display:flex;
		flex-direction:column;
		gap:.5cqw;
	}
	.homeGrid.promo .cat_desc > div:last-of-type{
		text-align:right;
		width:60%;
		text-align:right;
	}
	.homeGrid.promo .prod_reel > div{
		--div-width: calc( 5.2cqw );
		width: var(--div-width);
		height: calc( ( var(--div-width) * 3 ) / 2 );		
	}
	/*
	.homeGrid.promo .more_info .cat_desc{
		flex-direction:column;
		gap:.5cqw;
		width:60%;
		text-align:right;
		right:0px;
	}
	*/
	.more_info .info_row:first-of-type{
		margin-bottom:auto;
		margin-top: .6cqh;
	}
	.more_info .info_row:last-of-type{
		align-items:end;
	}
	
	.hg_cell_3 .cat_desc div:last-of-type{
		text-align:right;
		width:60%;
		font-size:2.8cqw;
	}
	.hg_cell_4 h2{
		font-size: 5cqw;
    text-align: right;
	}
	.cat_inst img{
		height: 21cqh;
	}
	.hg_cell_4 .bg_fade{
		opacity:.7;		
	}
	.hg_cell_3 .cat_inst img{
		height: 18cqh;
	}
	.hg_cell_4 .cat_inst img{
		height: 13cqh;
	}
	.hg_cell_3 .bg_fade{
		 background: linear-gradient(-90deg, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0) 100%);
	}
	.hg_cell_4 .bg_fade{
		 background: linear-gradient(270deg, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0) 100%);
	}
	.prod_reel{
		display:flex;
    justify-content: flex-end;
    gap: 2cqw;
    margin-left:auto;
	}
	.prod_reel > div{
		--div-width: calc( 10.4cqw );
		width: var(--div-width);
		height: calc( ( var(--div-width) * 3 ) / 2 );
		background-color:#ffffff;
		background-repeat: no-repeat;
  	background-size: 110%;		
  	background-position: center;
		filter: saturate(30%);
		opacity:0.8;
		transition:all 300ms linear;
		border-radius:5px;
	}
	.prod_reel > div:hover{
		filter: saturate(100%);
		opacity:1;
			background-size: 120%;	
	}
	.muteBtn{
							background: url(/video/unmuted.svg?r=1);
							width:10%;
							height:20%;
							background-repeat: no-repeat;
						  background-position: center;
							position:absolute;
							right:5%;
							bottom:5%;
							opacity:0.5;
							cursor:pointer;	
							display:none;						
						}
						.muteBtn.muted{
							background: url(/video/muted.svg);
							background-repeat: no-repeat;
						  background-position: center;
						}
						
	.homeGrid.hallo{
		height: calc(var(--div-width) * .224);
	}
	.homeGrid.hallo .cont_cell{
		height:100%;
	}
	.homeGrid.hallo .hg_cell_3 .cat_inst img{
		height: 28cqh;
	}
	.homeGrid.hallo .hg_cell_4 .cat_inst img{
		height: 28cqh;
	}
	
	
	/* start mobile */
	
	@media screen and (max-width: 639px) {	
		.homeTitle{
			font-size:6vw;
		}
		.homeGrid{
			flex-direction:column;
			--div-width: calc(100vw - 20px);
			width: var(--div-width);
			height:auto;
			margin-bottom:16px !important;
		}
		.homeGrid > div {
			--div-width: calc(100vw - 20px);
			width: var(--div-width);
			height: calc(var(--div-width) * .773 ) !important;
		}
		.homeGrid.promo{
			--div-width: calc(100vw - 60px);
			width: var(--div-width);
			height: calc(var(--div-width) * .6 );
		}
		.homeGrid.hallo{
			height:auto;
		}
		
		.homeGrid.promoVid{
			--div-width: calc(100vw - 60px);
			width: var(--div-width);
			height: calc(var(--div-width) * .38125 );
			margin-bottom:16px !important;
		}
		.homeGrid.promo h2{
			font-size: 6cqw;
		}
		.homeGrid.promo .more_info .info_row{
			font-size: 3cqw;
		}
		.homeGrid.promo .more_info .info_row .rows{
			gap: 3cqw;
		}
		.homeGrid.promo .prod_reel > div{
			--div-width: calc( 10.4cqw );
			width: var(--div-width);
			height: calc( ( var(--div-width) * 3 ) / 2 );		
		}
		.homeGrid.hallo .hg_cell_3 .cat_inst img{
			height: 18cqh;
		}
		
		
		
		/*end mobile */
		
	}