@font-face {
font-family: “kippenberger-poster-900”;
src: url(“https://g1.nyt.com/fonts/family/kippenberger-poster/kippenberger-poster-normal-900.eot”) format(“eot”),
url(“https://g1.nyt.com/fonts/family/kippenberger-poster/kippenberger-poster-normal-900.woff”) format(“woff”),
url(“https://g1.nyt.com/fonts/family/kippenberger-poster/kippenberger-poster-normal-900.woff2”) format(“woff2”);
font-style: normal;
font-weight: 900;
}
@font-face {
font-family: “fact-deck-400”;
src: url(“https://g1.nyt.com/fonts/family/fact-deck/fact-deck-normal-400.eot”) format(“eot”),
url(“https://g1.nyt.com/fonts/family/fact-deck/fact-deck-normal-400.woff”) format(“woff”),
url(“https://g1.nyt.com/fonts/family/fact-deck/fact-deck-normal-400.woff2”) format(“woff2”);
font-style: normal;
font-weight: 400;
}
.g-tmag-banner{
-webkit-animation: gradient 8s ease infinite;;
animation: gradient 10s ease infinite;
text-align: center;
background: linear-gradient(90deg, #FF8E45 0%, #FF5551 33.85%, #CF3079 67.19%, #2892A9 100%);
background-size: 300% 300%;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@-webkit-keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.g-tmag-banner a{
padding: 130px 0;
display: block;
position: relative;
}
.g-tmag-banner svg{
top: 20px;
height: auto;
position:absolute;
left: 50%;
transform: translate3d(-50%,0,0);
}
.g-banner-header{
font-family: “kippenberger-poster-900”;
font-size: 115px;
line-height: .9;
letter-spacing: 1px;
color:#fff;
position: relative;
text-transform: uppercase;
display: inline-block;
}
.g-banner-kicker{
position: absolute;
top: -20px;
left: 30px;
width: 250px;

}
.g-banner-cta{
font-family: “fact-deck-400″;
color: #FFF597;
font-size: 19px;
line-height: 1;
display: block;
bottom: 30px;
position: absolute;
text-align: center;
width: 100%;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.g-banner-cta span{
position: relative;
}
.g-banner-cta span:after{
content:”;
display:block;
height:2px;
background: #FFF597;
position: absolute;
bottom: 0px;
left:0;
width: 100%;

}

@media (min-width: 1350px){

.g-banner-header{
font-size: 145px;
}
.g-banner-cta{
font-size: 28px;
}
.g-banner-kicker{
top: -40px;
left: -50px;
width: 400px;
}
}

@media (min-width: 1600px){

.g-banner-header{
font-size: 180px;
}
.g-banner-cta{
font-size: 32px;
}
.g-banner-kicker{
top: -56px;
left: 0px;
width: 500px;
}
}