.brand-title { margin:10px 20px; font-size:22px; text-transform:uppercase; color:#333; }

.brand-images img { width:100%; height:auto; }

.brand-description { margin-bottom:30px; padding:0 20px; }

.brand-links { margin-bottom:30px; padding:0 20px; }
.brand-links a { display:block; height:40px; margin-bottom:20px; padding:0 20px; line-height:40px; letter-spacing:0.1em; text-transform:uppercase; color:#fff; background:#999; }
.brand-links a:last-child { margin-bottom:0; }
.brand-links a:hover { background:#666; }

.brand-stores { margin-bottom:30px; padding:0 20px; }
.brand-stores span { display:block; margin-bottom:15px; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; }
.brand-stores a { display:block; margin-bottom:15px; text-decoration:underline; text-transform:uppercase; }
.brand-stores a:last-child { margin-bottom:0; }

.brand-promos { margin-bottom:30px; padding:0 20px; }
.brand-promos li { margin-bottom:20px; }
.brand-promos a { display:block; }
.brand-promos img { width:100%; height:auto; }

@media screen and (min-width: 620px) {
  .brand-promos { display:-ms-flexbox; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; }
  .brand-promos li { box-sizing:border-box; width:calc(50% - 10px); }
  .brand-promos li:nth-child(odd) { margin-right:10px; }
  .brand-promos li:nth-child(even) { margin-left:10px; }
}

@media screen and (min-width: 980px) {
  .brand-article-wrapper { width:920px; margin:20px auto; }
  .brand-title { align-self:end; margin:0; }
  .brand-description { padding:0; }
  .brand-links { margin:0; padding:0; }
  .brand-stores { margin:0; padding-right:0; }
  .brand-stores a { display:inline-block; margin:0 10px 0 0; }
  .brand-promos { margin:0; padding:0; }
}

/* ========================================================================== */
/* ===== GRID LAYOUT ======================================================== */
/* ========================================================================== */

@media screen and (max-width: 619px) {
}
@media screen and (min-width: 620px) {
}
@media screen and (min-width: 980px) {
  .brand-article-wrapper { display: -ms-grid; display:grid; -ms-grid-rows:50px 30px auto 30px auto 30px auto 30px auto; -ms-grid-columns:410px 30px 480px; grid-template-rows:50px auto; grid-template-columns:410px 480px; grid-row-gap:30px; grid-column-gap:30px; }
  .brand-title { -ms-grid-row:1; -ms-grid-column:1; grid-row-start:1; grid-column-start:1; }
  .brand-images { -ms-grid-row:1; -ms-grid-row-span:3; -ms-grid-column:3; grid-row-start:1; grid-row-end:3; grid-column-start:2; }
  .brand-description { -ms-grid-row:3; -ms-grid-column:1; grid-row-start:2; grid-column-start:1; }
  .brand-links { -ms-grid-row:5; -ms-grid-column:1; grid-row-start:3; grid-column-start:1; }
  .brand-stores { -ms-grid-row:7; -ms-grid-column:1; grid-row-start:4; grid-column-start:1; }
  .brand-promos { -ms-grid-row:5; -ms-grid-row-span:3; -ms-grid-column:3; grid-row-start:3; grid-row-end:6; grid-column-start:2; }
}
@media screen and (min-width: 1200px) {
}