* {
                box-sizing: border-box;
                font-family: Ubuntu;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-weight: normal;
            }
			main {
				padding: 0 1em;
			}
            body {
                background-color: white;
				margin: 0px;
            }
            .result-container {
                display: grid;
                grid-template-columns: 1fr;
                grid-gap: 24px;
                align-items: stretch;
            }
            .highlight-caption i {
                /*color: rgb(112,112,112);*/
                padding-top: 5px;
                font-size: 1.2em;
            }
            @media (min-width: 800px) {
                .result-container {
                    grid-template-columns: 1fr 1fr;
                }
            }
            @media (min-width: 1200px) {
                .result-container {
                    grid-template-columns: 1fr 1fr 1fr;
                }
                .highlight-caption i {
                    padding-top: 10px;
                    font-size: 1.2em;
                }
            }
            .section {
                display: block;
            }
            .article {
                width: 400px;
                background-color: lightgray;
            }
            .section-header {
                background-color: rgb(252,252,252);
                display:flex;
                padding: 1.45em;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
				border-top: 1px solid lightgray;
				border-left: 1px solid lightgray;
				border-right: 1px solid lightgray;
				border-bottom: 0px;
                height:155px;
            }
            .section-image {
                height: auto;;
				border-left: 1px solid lightgray;
				border-right: 1px solid lightgray;
            }
			.result-image {
                background-color: rgb(242,242,242);
			}
            .section-highlights {
                height: 90px;
                padding: 15px 0;
				background-color: rgb(252,252,252);
				border-left: 1px solid lightgray;
				border-right: 1px solid lightgray;
            }
            .section-buttons {
                height: 90px;
            }
            .header-left {
                position: relative;
                float: left;
                width:50%;
                background-color: inherit;
            }
            .header-right {
                position: relative;                
                float: right;
                width:50%;
                background-color: inherit;
                text-align: right;
            }
            .highlights {
                display: flex;
                justify-content: center;
                padding: 0;
                margin: 0;
            }
            .highlights li {
                list-style: none;
                width: 25%;
                flex-grow: 1;
                text-align: center;
                padding: 0 4px;
            }
            .highlights li:nth-child(2n), .highlights li:nth-child(3n) {
                border-left: 1px solid #D8D8D8;
            }
            ol, ul {
                list-style-type: none;
            }
            .result-image-attr {
                display: inline-block;
				position:relative;
                width: 100%;
                height: auto;
            }
            .result-byline {
                font-size: 0.8em;
                color: gray;
            }
            h3, h3 span {
                margin: 0;
                padding: 0;
                font-size: 1.1em;
                line-height: 1.1em;
                background-color: inherit;
                font-weight: 600;
            }
            span {
                background-color: inherit;
            }
            div {
                background-color: inherit;
                line-height: 1.45em;
            }
            div .result-byline, div .sku {
                line-height: 1.45em;
            }
            .card {
                border-radius: 8px;
                position: relative;
            }
            .header-right div {
                font-size: 14px;
                float: right;
            }
            .highlight-span {
                font-size: 1.5em;
                font-weight: 600;
                display: inline-flex;
            }
            .highlight-caption {
                font-size: 1.1em;
                font-weight: 400;
            }
            .section-buttons button {
                display: block;
                width: 100%;
                height: 100%;
                cursor: pointer;
                border: 0;
                padding: 1em 1em;
                font-family: Ubuntu;
                font-size: 1.2em;
                font-weight: 600;
                background-color: #ff9933;
                opacity: 0.6;
                transition: 0.3s
            }
            button:hover {
                opacity: 1;
               background-color: #ff9933;
            }
            .section-buttons {
                width: 100%;
                position: relative;
               display:block;
               padding: 0;
                text-align: center;
                /* display: none z-index -1 */
                z-index: 1;
                height: 4em;
                margin: auto;
                background-color: white;
               -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.19);
               box-shadow:0 1px 1px 0 rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.19);
            }
            @media (max-width:450px) {
                .section-image {
                    height: 200px;
                }
                .highlight-caption {
                    font-size: 1em;
                }
                .highlight-span {
                    font-size: 1em;
                }
                h3 {
                    font-size: 1.3em;
                }
                .sku, div.result-byline {
                    font-size: 0.8em;
                }
                .section-buttons button {
                    font-size: 1.1em;
                    opacity: 1;
                }
                .section-highlights {
                    height: 85px;
                }
            }
            @media (min-width:1899px) {
                .section-image {
                    height: auto;
                }
            }
            .strike {
                text-decoration: line-through;
            }
            .header-right h5 {
                margin: 0;
            }
            .price-color {
                color: #B12704;
            }
            .header-right table {
                float: right;
            }
            .unit-price {
                font-size: 1.1em;
            }
            .float-left {
                float: left;
                display: contents;
            }
            .float-right {
                float: right;
            }
            .fa-bolt {
                color: gold;
            }
            .fa-battery-full {
                color: #006622
            }
            .fa-flask {
                color: darkslategray;
            }
            .clear-left {
                clear: left;
            }
            .clear-right {
                clear: right;
            }
            .row {
                display: ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                clear: both;
            }
            .col {
                white-space: nowrap;
                max-width: max-content;
                padding: 0 3px;
                display: inline-table;
            }
            .section-header h4 {
                margin: 0;
                font-weight: 600;
            }
            .header-right h3 {
                line-height: 1em;
            }
            .product-tile__list {
                display: webkit-box;
                display: ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                flex-flow: row wrap;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin: 15px 0 0;
                padding: 0;
            }
            ol, ul {
                list-style-type: none;
            }
            li {
                padding-bottom: 10px;
            }

            .product-tile__item {
                margin: 25px 0;
                width: 47%;
                max-width: none;
            }
            @media (max-width: 850px) {
                .product-tile__item {
                    width: 90%;
                    margin-left:auto;
                    margin-right: auto;
                }
            }

            @media (min-width: 851px) {
                .product-tile__item {
                    width: 47%;
             }
            }
            @media (min-width: 1200px) {
                .product-tile__item {
                    width: 30%;
                }
            }
            @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
                /* IE10+ specific styles go here */
                .result-image-attr {
                    max-width: 100%;
                    height: auto;
                    margin-top: -40px;
                }
                .section-image {
                    overflow: hidden;
                }
            }
            .result-image, img {
                width: 100%;
                height: 100%;
              }
article.card a {
	text-decoration: none;
	color: black;
	display: block;
}
h2.shop {
	padding: 0.5em;
	background-color: white;
	color: black;
	font-size: 2em;
	font-weight: bold;
}