.wave-container .wave-text span {
    display: inline-block;
    font-size: 1em;
	animation: wave 1s linear infinite;
}

.wave-text span:nth-child(10) {
    animation-delay: 0s;
}
.wave-text span:nth-child(9) {
    animation-delay: -0.2s;
}
.wave-text span:nth-child(8) {
    animation-delay: -0.4s;
}
.wave-text span:nth-child(7) {
    animation-delay: -0.6s;
}
.wave-text span:nth-child(6) {
    animation-delay: -0.8s;
}
.wave-text span:nth-child(5) {
    animation-delay: -1.0s;
}
.wave-text span:nth-child(4) {
    animation-delay: -1.2s;
}
.wave-text span:nth-child(3) {
    animation-delay: -1.4s;
}
.wave-text span:nth-child(2) {
    animation-delay: -1.6s;
}
.wave-text span:nth-child(1) {
    animation-delay: -1.8s;
}

@keyframes wave {
    0%{
        transform: translateY(0)  rotate(0deg);
    }
	
    25% {
        transform: translateY(-1vw)  rotate(20deg);
    }
	50% {
        transform: translateY(-3vw)  rotate(10deg);
    }
	75%{
        transform: translateY(-2vw)   rotate(-20deg);
    }
	100% {
        transform: translateY(0)  rotate(0deg);
    }
}


.hero--snapd {
	position:relative;
	background-color: #BD0706;
}
.hero--snapd .content_wrapper {
	position:static;
}

.hero--snapd h1 {
	font-family: 'BertholdBlockW1GRegular';
	font-weight: normal;
	letter-spacing: 0.025em;
    position: absolute;
    top: .5em;
    font-size: calc(0.5em + 9vw);
    left: 50%;
    transform: translate(-50%, 0);
    width: 8em;
    text-shadow: none;
}

.hero--snapd .button-cta {
	position:absolute;
	bottom: calc(7% + 1.5em);
	left: 50%;
	transform: translate(-50%,0);
}
.hero--snapd h1 img{
	height: 1.7em;
	margin: -0.5em auto;
	display: inline-block;
}

.hero--snapd h1 span{
	display: inline-block;
	color: #fdb414
}

.hero--snapd h2{
	font-family: 'BertholdBlockW1GRegular';
	font-weight: normal;
	letter-spacing: 0.025em;
	color: #fdb414;
	text-shadow: none;
	font-size: .6em;
    text-align: center;
}

.hero--snapd h3{
	font-family: 'BertholdBlockW1GRegular';
	font-weight: normal;
	letter-spacing: 0.025em;
	font-size: calc(3.5em + 5vw);
}

.hero--snapd .wave-container {
	width: 50%;
	margin: 0 0 7% 0;
	font-size: calc(1em + 5vw);
	display: inline-block
}
.hero--snapd .snapdchip {
	width: 34%;
	margin: 0;
	font-size: calc(1em + 5vw);
	display: inline-block;
	vertical-align: bottom;
}

.hero--snapd button,
.hero--snapd a[role="button"] {
	background:transparent;
	color:#fff;
	position:absolute;
	left: 1em;
	bottom: calc(7% + 2em);
	z-index:3;
	border:none;
}
.hero--snapd button span,
.hero--snapd a[role="button"] span {
	display:none;
	position:absolute; 
	left:-0.5em; 
	top:100%;
	pointer-events:none;
	white-space:nowrap;
	padding:0.2em 0.5em;
	font-size:0.875rem;
	background:#000;
	transform:translate(0%,0);
}
.hero--snapd button:hover span:nth-child(1),
.hero--snapd-paused button:hover span:nth-child(2),
.hero--snapd button:focus span:nth-child(1),
.hero--snapd-paused button:focus span:nth-child(2),
.hero--snapd a[role="button"]:hover span:nth-child(1),
.hero--snapd-paused a[role="button"]:hover span:nth-child(2),
.hero--snapd a[role="button"]:focus span:nth-child(1),
.hero--snapd-paused a[role="button"]:focus span:nth-child(2) {
	display:block;
}
.hero--snapd-paused button:hover span:nth-child(1),
.hero--snapd-paused button:focus span:nth-child(1),
.hero--snapd-paused a[role="button"]:hover span:nth-child(1),
.hero--snapd-paused a[role="button"]:focus span:nth-child(1) {
	display:none;
}
.hero--snapd button::before,
.hero--snapd a[role="button"]::before {
	background:transparent;
	content:'';
	display:block;
	height:1.5em;
	font-size:1em;
	width:0.5em;
	border-left:0.5em solid;
	border-right:0.5em solid;
}
.hero--snapd-paused button::before,
.hero--snapd-paused a[role="button"]::before {
	border-top: 0.75em solid transparent;
	border-bottom: 0.75em solid transparent;
	border-left: 1.5em solid currentcolor;
	border-right: none;
	height:0; width:0;
}

.hero--snapd.hero--snapd-paused div,
.hero--snapd.hero--snapd-paused div::before,
.hero--snapd.hero--snapd-paused div::after,
.hero--snapd:not(.tns-slide-active) div,
.hero--snapd:not(.tns-slide-active) div::before,
.hero--snapd:not(.tns-slide-active) div::after,
.hero--snapd.hero--snapd-paused .wave-text span{
	animation-play-state:paused;
}

.hero--snapd-new .rich-text{
	font-size: calc(1em + 5vw);
}

.hero--snapd-new{
	background: url(chip-background-mobile.jpg) center / cover;
}

.hero--snapd-new h1{
	font-family: 'BertholdBlockW1GRegular';
	font-weight: normal;
	letter-spacing: 0.025em;
	color: #fdb414;
	text-shadow: none;
	font-size: 1.6em;
    text-align: center;
	margin: 0;
	line-height: .75;
}
.hero--snapd-new h1 span{
	display: block
}

.hero--snapd-new h2{
	font-family: 'BertholdBlockW1GRegular';
	font-weight: normal;
	letter-spacing: 0.025em;
	font-size: .8em;
	text-transform: none;
	 margin: 0;
	text-shadow: none;
}

.hero--snapd-new .two-product{
		display: none;
		visibility: hidden
	}

@media (min-width:48em), print {
	
	.hero--snapd h1 { 
		position: relative;
		display: inline-block;
		top: 4%;
		font-size: min(9vw, 7em);
		width: 30%;
		transform: none;
		left: auto;
	}
	.hero--snapd h1 span {
		font-size: 1.5em;
	}
	.hero--snapd h2 {
		font-size: .8em; 
	}
	.hero--snapd h1 img {
		height: 2.0em;
        margin: -.5em auto;
	}
	.hero--snapd .button-cta {
		bottom:calc(7% + 2em);
	}
	.hero--snapd button,
	.hero--snapd a[role="button"] {
		bottom:calc(7% + 2.5em);
		left: 50%;
		margin-left: max(-47%, -36em);
	}
	
	.aww-container {
		display: inline-block;
		width: 68%;
		vertical-align: bottom;
		
	}
	
	.hero--snapd .wave-container {
    	width: 62%;
	}
	
	.hero--snapd .snapdchip {
		margin: 0 0 4% 0;
	}
	
	.hero--snapd-new{
		background: url(chip-background.jpg) center / cover;
	}
	
	.hero--snapd-new .rich-text{
		font-size: calc(1.5em + 5vw);
	}
	
	.hero--snapd-new h1{
		font-size: .85em;
        margin: .8em 0 .1em 0;
	}
	.hero--snapd-new h1 span{
		display: inline-block
	}

	.hero--snapd-new h2{
		font-size: .4em;
		margin: 0;
		
	}
	.hero--snapd-new .four-product{
		display: none;
		visibility: hidden;
	}
	.hero--snapd-new .button-cta{
		top: -3em;
	}
	.hero--snapd-new .two-product{
		display: inline-block;
		visibility: visible;
		width: 28%;
		vertical-align: middle;
		left: .7em;
        position: relative;
	}
	.hero--snapd-new .two-product:nth-of-type(2){
		left: -.5em;
	}
	.hero--snapd-new .rich-text .snapd-text{
		font-size: calc(.5em + 5vw);
        
        display: inline-block;
		vertical-align: middle
	}
	
	.hero--snapd-new .rich-text img{
		width: 80%;
		margin: 0 auto;
	}
}

@media (min-width:72em){
	
	.hero--snapd .wave-container {
		font-size: 5em;
	}
	
	.hero--snapd-new .rich-text{
		font-size: 5em;
	}
	.hero--snapd-new .rich-text .snapd-text{
		font-size: 1em;
	}
	
	.hero--snapd-new h1{
		font-size: 1em;
	}
	.hero--snapd-new h2{
		font-size: .6em;
	}
	
}