.tfn .example-header{margin-top:80px}
.tfn .example-container-space{margin-bottom:80px}
.tfn .example-item{margin-top:30px}
.tfn .example-item--tall{height:500px}
.tfn .promo{display:flex;justify-content:flex-end;position:relative;background-color:#000;background-repeat:no-repeat;background-size:cover;background-position:center}
.tfn .promo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 25%,rgba(0,0,0,0.66) 49%,rgba(0,0,0,0.74) 52%,black 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 25%,rgba(0,0,0,0.66) 49%,rgba(0,0,0,0.74) 52%,black 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 25%,rgba(0,0,0,0.66) 49%,rgba(0,0,0,0.74) 52%,black 100%)}
.tfn .promo__content{position:relative;z-index:10;padding:30px;color:#fff;width:100%}
.tfn .promo__content p,.tfn .promo__content li,.tfn .promo__content a,.tfn .promo__content span{color:#fff}
.tfn .promo__heading{color:#fff;line-height:1.2em}
.tfn .promo__text-separator{margin-top:-3px;margin-bottom:15px}
.tfn .promo__button{margin-top:15px;display:inline-block;cursor:pointer}
.tfn .promo--card{align-items:flex-end}
.tfn .promo--card.promo--tall{padding-top:50%}
.tfn .promo--card.promo--full-height{height:100%}
.tfn .promo--card .promo__heading{font-size:26px}
.tfn .promo--card .promo__button{width:100%;padding:.375rem}
.tfn .promo--banner .promo__heading{font-size:26px}
.tfn .promo--banner .promo__button{width:100%}
@media screen and (max-width:575px){.tfn .promo--banner .promo__button{padding:.375rem}
}
@media screen and (min-width:576px){.tfn .promo--banner .promo__button{width:auto}
}
@media screen and (min-width:768px){.tfn .promo--banner:after{background:-moz-linear-gradient(left,rgba(0,0,0,0) 47%,black 62%,black 75%,black 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0) 47%,black 62%,black 75%,black 100%);background:linear-gradient(to right,rgba(0,0,0,0) 47%,black 62%,black 75%,black 100%)}
.tfn .promo--banner .promo__image{right:35%}
.tfn .promo--banner .promo__content{width:50%}
.tfn .promo--banner .promo__heading{font-size:28px}
.tfn .promo--banner .promo__button{width:auto}
}
@media screen and (min-width:992px){.tfn .promo--banner .promo__heading{font-size:40px}
}