.banner-container{display:flex;width:100%;flex-direction:row}
.banner-container .left-banner{width:66.806%;padding-right:10px}
.banner-container .right-banner{display:flex;flex-direction:column;width:33.194%}
.banner-container .right-banner .image-top{margin-bottom:5px}
.banner-container .banner-link{display:block;text-decoration:none;overflow:hidden}
.banner-container img{width:100%;display:block;transition:all .3s ease}
.banner-container .banner-details{position:relative}
.banner-container .banner-title{position:absolute;z-index:1;line-height:1.1;text-transform:uppercase;font-family:BrandonGrotesqueBold}
.banner-container .left-banner .banner-title{font-size:45px;left:12%;right:10%}
.banner-container .right-banner .banner-title{font-size:38px;left:6%;right:6%}
.banner-container .left-banner .banner-title.disp-top{top:6%}
.banner-container .right-banner .banner-title.disp-top{top:12%}
.banner-container .banner-title.disp-middle{top:50%;transform:translateY(-50%)}
.banner-container .left-banner .banner-title.disp-bottom{bottom:6%}
.banner-container .right-banner .banner-title.disp-bottom{bottom:12%}
.banner-container .banner-overlay{display:none;position:absolute;background-color:#333;width:100%;height:100%;opacity:.5;top:0;left:0}
.banner-container .banner-link:hover .banner-overlay{display:block}
.banner-container .banner-link:hover .banner-details img{transform:scale(1.25)}
@media all and (min-width:768px) and (max-width:1023px){.banner-container .left-banner .banner-title{font-size:24px;line-height:1.25}
.banner-container .right-banner .banner-title{font-size:20px;line-height:1.3}
}
@media all and (max-width:767px){.banner-container{flex-direction:column;margin-bottom:5px}
.banner-container .left-banner{width:100%;padding-right:0;margin-bottom:5px}
.banner-container .right-banner{width:100%;flex-direction:row}
.banner-container .right-banner .image-top{margin-bottom:0;margin-right:5px;width:50%}
.banner-container .right-banner .image-bottom{width:50%}
.banner-container .left-banner .banner-title{font-size:32px;line-height:1;left:5%}
.banner-container .right-banner .banner-title{font-size:16px;line-height:1}
}