.gift-hero__christmas--container{
  	background-color: #d52630; 
  	z-index: 0;
	min-height: 420px;
}

.snow-bg{
	background-image: url(../images/gift_christmas/snow-desktop.png);
	background-repeat: no-repeat;
    background-position:left top;
    background-attachment: fixed;
    width: 100%;
    background-size: 100%;
}

.gift-hero__christmas--content{
	display: flex;
    justify-content: stretch;
    padding: 0;
    align-items: center;
}

.gift-hero__christmas--imagery{
	width: 45%;
	padding: 0 0 1rem;
	margin: 0;
}

.christmas-box{
	background-image: url(../images/gift_christmas/xmas-box.png);
	height: 26rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.gift-hero__christmas--wording{
	font-family: 'Lato';
    display: flex;
    flex-direction: column;
    margin: auto;
    text-align: right;
    align-items: flex-end;
    padding: 1rem 0;
	width: 30%;
}

h1.christmas-title{
	font-size: 4.5rem;
	font-weight: 900;
	margin: 3rem 0 0;
}

.gift-hero__christmas--wording span{
	background-image: linear-gradient(to bottom left, #404040, #202020);
	border-radius: 20px;
	color: #fff;
	font-family: 'Times New Roman', Times, serif;
	font-size: 6rem;
    font-weight: bold;
    margin: 0 10px;
    padding: 12px 16px;
    display: inline;
}

p.christmas-desc{
	font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 1rem 0 0.5rem;
    min-width: 550px;
	padding: 1rem;
}
p.christmas-desc-m{
	display: none;
}

p strong{
	color:#fff ;
	font-weight: 800;
}

@media only screen and (min-width: 980px) and (max-width:1280px) {
	.gift-hero__christmas--imagery{
		width:50%;
	}

	.gift-hero__christmas--wording{
		padding: 1rem 0;
		width: 50%;
		margin-right: 4rem;
	}

	p.christmas-desc{
		font-size: 1.15rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	.gift-hero__christmas--container{
		min-height: 250px;
  	}

	.gift-hero__christmas--content{
		padding: 0;
	}

	.gift-hero__christmas--imagery {
		width: 50%;
		margin: 0;
	}

	.christmas-box{
		height: 280px;
		margin: 0;
	}

	.gift-hero__christmas--wording{
		padding: 1rem;
		width: 50%;
		margin-right: 2rem;
	}

	h1.christmas-title{
		font-size: 3.5rem;
	}
	
	.gift-hero__christmas--wording span{
		font-size: 4.5rem;
	}

	p.christmas-desc{
		display: none;
	}

	p.christmas-desc-m{
		font-size: 1.1rem;
		text-align: right;
		min-width: 300px;
		display: block;
		padding: 1rem 0;
	}

}


@media only screen and (max-width: 767px){ 
	.gift-hero__christmas--container{
		height: auto;
	}

	.snow-bg{
		background-image: none;
	}

	.gift-hero__christmas--content{
		display: flex;
		height: auto;
		flex-direction: column;
		margin: 0;
		padding: 0;
	}

	.gift-hero__christmas--imagery{
		width: 100%;
		padding: 0;
	}

	.christmas-box{
		background-image: url(../images/gift_christmas/xmas-box-m.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		max-height: 300px;
	}

	.gift-hero__christmas--wording{
		margin: -3rem auto 1rem;
    	padding: 1rem 1rem 0;
		width: 100%;
		align-items: center;
	}

	h1.christmas-title{
		font-size: 2.8rem;
    	text-align: center;
		margin: 1rem 0 0;
	}

	.gift-hero__christmas--wording span{
		font-size: 3.8rem;
	}

	p.christmas-desc{
		display: none;
	}

	p.christmas-desc-m{
		font-size: 1.1rem;
		text-align: center;
		display: block;
		margin: 1rem 0 0;
		padding: 0;
	}


}