.text-title { font-size: 20px; position: relative; padding-left: 85px; margin-bottom: 20px; }
.text-title span { background: url(../images/fire.png) no-repeat; color: #fff; font-size: 14px; display: inline-block; width: 78px; height: 80px; text-align: center; padding-top: 40px; position: absolute; left: 0; bottom: -8px; }

.topic { margin: 32px auto 0; text-align: center; position: relative; }
.topic .bg-white { background: url(../images/bg-topic.png) no-repeat center; background-size: contain; font-size: 12px; padding: 35px; }
.topic .bg-white p { padding: 18px 0; }
.topic .img-topic { position: absolute; bottom: 0; right: 0; }
.topic .img-topic img { width:250px; }

.topic-menu { display: flex; flex-wrap: wrap; margin: 40px 14px; }
.topic-menu .images-topic-menu { display: block; width: 50%; text-align: center; }
.topic-menu .images-topic-menu img { max-width: 100%; }
.topic-menu .text-topic-menu { display: block; width: 50%; padding: 22px; }

.appear { margin: 50px 14px 22px; display: block; }


.bg-red-marquee { background: url(../images/bg-tile-red.jpg); padding: 0 12%; margin: 22px auto; }
.slide-marquee { margin: 32px auto 0; }
.images-food { position: relative; }
.images-food img { width: 100%; }
.text-name { display: block; width: 100%; position: absolute; left: 0; bottom: 0; padding: 4px 8px; font-size: 16px;
    text-shadow: #fff 2px 0px 0px,
    #fff 1.75517px 0.958851px 0px,
    #fff 1.0806px 1.68294px 0px,
    #fff 0.141474px 1.99499px 0px,
    #fff -0.832294px 1.81859px 0px, 
    #fff -1.60229px 1.19694px 0px,
    #fff -1.97998px 0.28224px 0px,
    #fff -1.87291px -0.701566px 0px,
    #fff -1.30729px -1.5136px 0px,
    #fff -0.421592px -1.95506px 0px,
    #fff 0.567324px -1.91785px 0px,
    #fff 1.41734px -1.41108px 0px,
    #fff 1.92034px -0.558831px 0px; }

@media(max-width:860px){    
    .topic .img-topic img { width:200px; }
}

@media(max-width:768px){
    .topic .bg-white { background: rgba(255, 255, 255, 0.6); margin: 14px; padding: 14px; border-radius: 50px; }
    .topic .img-topic { position: relative; }
    .topic .img-topic img { width:250px; }

    .bg-red-marquee { background: url(../images/bg-tile-red.jpg); padding: 0 14px; }
}

@media(max-width:678px){
    .topic-menu .images-topic-menu,
    .topic-menu .text-topic-menu { display: block; width: 100%; }
    .topic-menu .images-topic-menu img { width: 100%; }
    .topic-menu .text-topic-menu { padding: 50px 14px 0; }
    .topic-menu .text-topic-menu br { display: none; }

    .appear { padding: 35px 14px 0; }
    .appear br { display: none; }
}