#bar{width:100%;max-width:1920px;margin:50px auto;padding:0;position:relative}.bg-pattern{height:160px;width:100%;position:absolute;top:20px;z-index:-999;background-position:center center;background-repeat:repeat;background-color:#f6f4ef;background-size:cover}.bar-inner{width:100%;padding:0px;margin-top:-30px}.img-thumb{width:280px;height:200px;margin:0 auto 30px auto;padding:0;background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#e8dcc1;display:flex;justify-content:center;align-items:center;box-shadow:3px 3px 15px rgba(28,14,83,.2);border-radius:4px}.bar-text{max-width:350px;margin:0 auto 32px auto;padding:0;text-align:center}.bar-text h2{font-size:1.8rem;line-height:1.8rem}.light-bar-text{color:#fff}.dark-bar-text{color:#1c0e52}@media screen and (min-width:40em){.bg-pattern{height:216px;top:50px}.img-thumb{width:480px;height:316px;border-radius:8px}.bar-text{width:90%;max-width:675px;margin-bottom:30px}.bar-text h2{font-size:2.6rem;line-height:2.6rem}}@media screen and (min-width:64em){.bg-pattern{height:330px;top:0}.bar-inner{display:flex;flex-direction:row;justify-content:center;max-width:1160px;margin:0 auto;padding:50px 30px 0px 30px}.img-thumb{width:525px;height:345px;padding-right:10px;border-radius:8px}.bar-text{text-align:left;width:51%;padding-left:30px}}