.promo-items{max-width:960px;margin:0 auto;text-align:center;padding:10px 0;overflow:hidden;width:100%}
.promo-svg{background-size:contain;width:100%;display:block;height:auto;opacity:.8}
.promotional-item{position:relative;width:100%}
.promotional-item figcaption{position:absolute;bottom:0;left:0;width:100%;display:inline-block;margin-bottom:5px}
.promo-header{text-decoration:none!important;font-size:36px;font-weight:bold;text-transform:uppercase;font-family:'Scout-Bold'}
.promo-subhead{text-decoration:none!important;font-size:20px;text-transform:uppercase;font-family:'Scout-Bold'}
.promo-header p{color:#feb407}
.promo-subhead p{color:#fff}
.grayscale figcaption{z-index:5}
@media screen and (min-width:1024px){.promo-items{margin:0 auto;max-width:940px}
.promo-items img{height:250px;width:300px}
.promotional-item{height:250px;width:300px!important}
.grayscale a img{filter:gray;-webkit-filter:grayscale(1)}
.grayscale a img:hover,.hovered.grayscale a img{filter:none;-webkit-filter:grayscale(0)}
.hovered .promo-header p{text-decoration:underline}
}
@media screen and (min-width:700px) and (max-width:1024px){.promotional-module{width:auto;margin:0;padding:0 17px!important}
.promotional-item:nth-child(1){margin-left:1%}
.promotional-item:nth-child(2){margin-right:1%}
.promo-items img{height:auto;width:100%}
.promo-header{font-size:3.7vw}
.grayscale a img{filter:none;-webkit-filter:grayscale(0)}
.hovered .promo-header p,.promo-header a:hover,.promo-header p:hover{text-decoration:none!important}
}
@media screen and (min-width:700px) and (max-width:1024px) and (orientation:landscape){.promo-items{max-width:948px}
}
@media screen and (min-width:700px){.promo-items{//padding-right:1px;//overflow-x:hidden}
.promo-image-container,.promo-svg{max-width:300px;max-height:250px}
.promotional-item{max-width:300px;width:31%}
.promo-items p.grayscale:hover{text-decoration:underline}
.promotional-item:nth-child(1){float:left}
.promotional-item:nth-child(3){margin:0 auto}
.promotional-item:nth-child(2){float:right}
}
@media screen and (max-width:700px){.promo-items{position:relative;height:185px}
.promotional-item{display:block;float:none!important;width:auto;margin-right:1%!important;margin-left:1%!important;margin-bottom:5px;margin-top:5px}
.promotional-item.center-item{position:absolute;bottom:10px;width:98%}
.promotional-module{width:auto;padding:8px 0 0 0}
.promotional-item img{display:none!important}
.promotional-item figcaption{position:relative;height:50px}
.promo-header{padding-top:6px;font-size:3em;display:block}
.promo-subhead{display:none}
}