old page: #main .grid-container {width:100%;padding:0;} #main .grid-container .grid-col-12 {padding:0;} .b-promo_header, .breadcrumb {display:none;} .icon-hero { display: inline-block; width: 100%; position: relative; margin-bottom: 100px; overflow: hidden; } @media only screen and (max-width: 767px) { .icon-hero { margin-bottom: 0; } } .icon-hero img { width: 100%; } @media only screen and (max-width: 767px) { .icon-hero_mobile { display: block !important; } } @media only screen and (min-width: 768px) { .icon-hero_desktop { display: block !important; } } .icon-swatch { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto; max-width: 960px; } @media only screen and (max-width: 767px) { .icon-swatch { margin: 0 5px 30px; } } .icon-swatch > div { flex: 1 1 12.5%; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 10px; max-width: 12.5%; } @media only screen and (max-width: 767px) { .icon-swatch > div { flex: 1 1 25%; max-width: 25%; } } .icon-swatch span { font-size: 11px; } .swatch_item { border-radius: 9999px; height: 38px; width: 38px; margin: 0.5rem; border: 1px solid #ccc; } .swatch_item:hover { cursor: pointer; border: 3px solid #fff; box-shadow: 0px 0px 0px 1px #ccc; border-radius: 50%; } .swatch_item-selected { border: 3px solid #fff; box-shadow: 0px 0px 0px 1px #000; border-radius: 50%; } .icon-swatch_reveal { display:flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto; max-width: 700px; margin-bottom: 15px; } .icon-swatch_reveal > div { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 5px; width: 100%; } .icon-swatch_reveal > div div { flex: 1 1 33.333%; } .icon-swatch_reveal span { font-family: "FuturaLt Bold",Arial,sans-serif; text-transform: uppercase; margin: 10px 0 30