#magazine{padding:20px calc((100% - 1200px)/2);background:#000}
#magazine ul{list-style:none;display:flex;flex-direction:row}
#magazine ul li:first-child{margin-left:0;background:none;color:#fff;font-size:16px;font-weight:bold;text-align:center;padding:10px;text-transform:uppercase}
#magazine ul li{flex-grow:1;flex-basis:0;border:1px solid #fff;margin:0 10px;padding:10px 20px;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:5px}
#magazine ul li:last-child{margin-right:0}
#magazine ul li img{max-width:100%}
@media all and (max-width:1023px){
    #magazine{padding:10px 20px}
    #magazine ul{flex-direction:unset;flex-wrap:wrap}
    #magazine ul li:first-child{font-size:14px}
    #magazine ul li{width:calc(50% - 20px);flex-grow:unset;flex-basis:unset;margin:10px!important}
}
@media all and (max-width:360px){
    #magazine ul li:first-child{font-size:12px}
}