/*
Theme Name: X - Child Theme: Integrity Light
Theme URI: http://theme.co/x/
Author: Themeco & PRE BEEF
Author URI: http://theme.co/
Description: Make all of your modifications to the light version of Integrity in this child theme.
Version: 1.0.0
Template: x
*/

/* 
PRE WEBSITE COLOR PALETTE
GREEN: #00ab84;
BRIGHT GREEN/YELLOW: #bfd540;
NEW BRIGHT GREEN: #bfe239;
YELLOW: #dddd22;
GREY: #515756;
BLUE: #22a2dd;
*/

@import url( '../x/framework/css/site/stacks/integrity-light.css' );

* {
  box-shadow: none!important;
  text-shadow: none!important;
}

body {
  text-rendering: optimizeLegibility;
  line-height: 1.5;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: .5em 0;
  letter-spacing: 0;
  line-height: 1.3;
}

h1 {
  font-size: 5em;
  font-weight: 300!important;
}

h2 {
  color: #00ab84!important;
  font-size: 2.5em;
  text-align: center;
  font-weight: 300;
}

.page-statement h2 {
  margin: 0;
}

.page-hero h1, h5 {
  text-transform: uppercase;
}

h3 {
  font-size: 1.5em;
  font-weight: 600;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1.1em;
  font-weight: 600;
  letter-spacing: .5px;
  color: #bfe239!important;
}

h5 span {
  text-transform: lowercase;
}

.x-btn.x-btn-regular, .x-btn.x-btn-large {
  padding: .7em 1.1em .6em 1.1em;
}

p a {
  color: #bfe239;
}

a:focus {
  outline: none!important;
}

blockquote {
  border: none;
  margin: 0;
  color: inherit!important;
}

form p {
  font-size: .75em;
  font-weight: 600;
}

.inline-signup h4 {
  margin: 1em 0;
}

.center {
  text-align: center;
}

.grid {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.grid.xsmall {
  height: 180px;
  padding: 2em;
}

.grid.small {
  height: 400px;
}

.grid.green {
  background-color: #d2e259;
}

.grid.green h2 {
  color: #fff;
  text-transform: uppercase;
}

.grid.grey {
  background-color: #d3dedd;
}

.grid.grey h2 {
  color: #515756;
  text-transform: none;
  margin: 1.2em;
}

.grid.medium {
  height: 500px;
}

sup {
  position: relative;
  font-size: 50%;
  line-height: 0;
  vertical-align: baseline;
  top: -.65em;
  left: 0;
}

.x-content-band {
  margin: 0;
}

.home .x-main {
  margin-bottom: 0;
}

.home .x-content-band {
  padding: 0;
}

.x-content-band.border-bottom {
  border-bottom: 0;
}

hr.line-yellow {
  border-top: 26px solid #bfe239;
  border-bottom: none;
  margin: 0;
}

hr.line-green {
  border-top: 18px solid #00ab84;
  border-bottom: none;
  margin: 0;
}

hr.line-grey {
  border-top: 1px solid #ddd;
  border-bottom: none;
  margin: 0;
}


/*               */
/* NAVBAR STYLES */
/*               */

.x-navbar {
  border-bottom: 3px solid #eee;
}

.x-navbar .sub-menu {
  box-shadow: 0 3px 2px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 3px 2px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 3px 2px rgba(0,0,0,0.25);
  border-radius: 2px;
  font-weight: 400;
}

.masthead-inline .x-navbar .desktop .sub-menu {
  left: 0;
}

.x-nav li.amazon a {
  background-color: #bfe239;
  color: #000;
}

.x-nav li.amazon a:hover {
  background-color: #00ab84;
  color: #fff!important;
}

/*                      */
/* MOBILE NAVBAR STYLES */
/*                      */

.x-btn-navbar {
  margin-top: 10px;
}

/*              */
/* IMAGE STYLES */
/*              */


/*               */
/* BUTTON STYLES */
/*               */

a.button, .x-btn, .button, [type="submit"] {
  text-align: center;
  position: relative;
  padding: 12px 40px;
  display: inline-block;
  border-radius: 0;
  border: none;
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: .07em;
  font-family: 'Roboto Condensed', Helvetica, sans-serif;
  font-weight: 600;
  font-size: 15px;
  font-family: inherit;
  text-shadow: none;
}

.x-btn, .x-btn:hover, .button, .button:hover, [type="submit"], [type="submit"]:hover {
  text-shadow: none;
  text-decoration: none;
}

.vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat {
  color: #00ab84;
  font-weight: 600;
}

.vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat {
  font-weight: 600;
  background-color: #00ab84;
}

.vc_btn3.vc_btn3-color-green:hover {
  background-color: #14c69d!important;
}

a.button.hero-button {
  font-size: 17px;
  padding: 16px 40px;
  margin-top: 2em;
}

[type="submit"] {
  background-color: #00ab84;
  color: #fff;
}

a.button.light-green {
  background-color: #bfe239;
  color: #fff;
}

a.button.light-green:hover {
  background-color: #dde744;
}

a.button.yellow {
  background-color: #fff;
  color: #bfe239;
}

a.button.blue {
  background-color: #fff;
  color: #93d4ee;
}

.vc_btn3.vc_btn3-style-custom {
  background-image: none!important;
}

.vc_btn3.vc_btn3-style-custom:hover {
  border: 1px solid!important;
}

.vc_grid .vc_gitem-link {
  border-bottom: 1px solid transparent!important;
}

.vc_grid-item-mini {
  border: 1px solid #eee;
  background-color: #fff;
}

.button.outline {
  margin: 6px 0 0 0;
  padding: 12px 0;
  width: 100%;
  color: #00ab84;
  background-color: transparent;
  border: 1px solid #00ab84;
  text-transform: none;
  font-weight: normal;
  font-size: .8em;
}

.button.outline:hover {
  color: #fff;
  background-color: #00ab84;
}


/*              */ 
/* INPUT STYLES */
/*              */

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  }

.mc-field-group input[type="text"], .mc-field-group input[type="email"] {
  width: 100%;
  max-width: 300px;
}


/*                      */
/* STORE LOCATOR STYLES */
/*                      */

#wpsl-search-wrap .wpsl-input label, #wpsl-search-wrap div label {
  padding-top: 4px;
}

#wpsl-result-list li p {
  margin-bottom: 8px;
}



/*                    */
/* COLOR BLOCK STYLES */
/*                    */

.color-block {
  width: inherit;
  margin: 0;
  text-align: center;
  font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

.color-block h2 {
  color: #fff;
  margin: 0;
  font-weight: 300;
}

.home .color-block.blue {
  background-color: #93d4ee;
  padding: 48px;
}

.home .color-block.yellow {
  background-color: #e2f45d;
}


/*             */
/* BREADCRUMBS */
/*             */

.x-breadcrumb-wrap {
  background-color: #fcfcfa;
  text-shadow: none;
  background-color: inherit;
  border-bottom: 1px solid rgba(0,0,0,0.02);
}


/*                  */
/* ACCORDIAN STYLES */
/*                  */

.x-accordion-inner {
  border-top: none;
  padding: 12px 34px;
}


/*                 */
/* HOMEPAGE STYLES */
/*                 */

.home .x-img {
  margin: 0;
}

.brand-text h4, .brand-text h5 {
  margin: .5em 0 1em;
  font-weight: 600;
  color: #bfe239;
}

.brand-text h2 {
  color: #9ca8ad;
  margin: .2em 0;
}

.brand-points {
  margin: 2em 0;
}

.brand-points .x-container-fluid.width {
  width: 50%
}

.brand-points .border-right {
  border-right: 3px solid #00ab84;
}

.brand-points .x-container.max.width.wpb_row {
  max-width: 834px;
}

.brand-points .x-1-3 {
  display: inline-block;
  min-height: 130px;
  margin: 1%;
  padding: 0 30px;
  text-align: center;
  vertical-align: top;
}

.brand-points .x-1-3.who {
  padding: 0 40px;
}

.brand-points h4, .brand-points h5 {
  color: #00ab84;
}

.brand-points h4 {
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 1.7em;
  margin-top: 0;
}

.brand-points h5 {
  font-weight: 300;
  font-size: 1.1em;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.home h5 {
  color: #00ab84;
}

.custom-row {
  overflow: hidden;
  padding: 0;
}

.custom-row .x-column {
  margin-right: 0;
}

.custom-row .x-column.x-1-3 {
  width: 36%;
  padding: 3em 4em 0 4em;
}

.custom-row .x-column.x-2-3 {
  width: 64%;
}

.custom-row h5 {
  font-size: 1.3em;
  color: #bfe239;
}

.grid-row .x-column {
  margin-right: 0;
}

.grid-row .x-img {
  margin-bottom: 0;
}

.grid-row .x-column.x-sm {
  float: left;
}

.grid-row .x-column.x-1-3 {
  width: 33.33333%;
}

.grid-row .x-column.x-1-6 {
  width: 16.66667%;
}

.grass-row a {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 200;
  font-size: 1.5em;
  color: #00ab84;
}

.grass-row.x-content-band.bg-image {
  background-repeat: repeat-x;
  background-size: 80px;
  background-position: bottom;
}

.product-line .x-1-3, .recipes .x-1-3 {
  float: right;
}

.custom-row img {
  text-align: center;
  min-width: 100%;
}

.custom-row img.x-img {
  margin: 0;
}

.locator.x-1-3 {
  background: #00ab84 url("/wp-content/uploads/2015/12/locator.gif") no-repeat center center;
}

.obsession.x-1-3 {
  background: #00ab84 url("/wp-content/uploads/2015/12/obsession.gif") no-repeat center center;
}

.alarm.x-1-3 {
  background: #bfe239 url("/wp-content/uploads/2015/12/alarm.gif") no-repeat center center;
}

.locator.x-1-3, .obsession.x-1-3, .alarm.x-1-3 {
  padding: 4em;
  min-height: 330px;
  color: #fff;
  background-size: 50%;
}

.locator h5, .obsession h5, .team h5 {
  color: #bfe239;
}

.alarm h5 {
  color: #00ab84!important;
}

.x-recent-posts.blog-home {
  margin: 0;
}

.x-recent-posts a {
  border: none;
  border-radius: 0;
  padding: 0;
}

.x-recent-posts .x-recent-posts-content, .x-recent-posts .x-recent-posts-img {
  border-radius: 0;
}

.sign-ups {
  margin-bottom: 5px;
}

.sign-ups {
  color: #fff;
}

.sign-ups .x-1-2 {
  padding: 60px 90px;
  min-height: 460px;
}

.sign-ups .newsletter {
  background-color: #7abfdf;
}

.sign-ups .petition {
  background-color: #bfe239;
}

/*                             */
/* INTERIOR PAGE GLOBAL STYLES */
/*                             */

.page-hero {
  height: 540px;
}

.page-hero.short {
  height: 380px;
}

.page-hero h1 {
  text-align: center;
  margin-top: 4.5em;
  margin-bottom: 0;
  color: #fff;
  line-height: 1.1;
  -webkit-text-shadow: 0px 1px 1px rgba(12,12,12,.2);
  -moz-text-shadow:    0px 1px 1px rgba(12,12,12,.2);
  text-shadow:         0px 1px 1px rgba(12,12,12,.2);
}

.page-hero.short h1 {
  margin-top: 2.2em;
}

.page-hero h2 {
  margin-top: .5em;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.6em;
}

.page-statement {
  text-align: center;
}

.inline-signup {
  margin-bottom: 3em;
  padding: 0;
}

.inline-signup a {
  color: #bfe239;
}

.text.x-1-2 {
  padding: 20px 60px 0;
}


/*                       */
/* OBSESSIVE PICK STYLES */
/*                       */

body.obsessive-pick .page-hero h1, body.products-home .page-hero h1 {
  margin-top: 10em;
  font-size: 2.5em;
}

.farm h1 {
  color: #fff;
  text-align: center;
  margin-top: 1em;
}

.x-main .main-bottom {
  margin: 0;
  padding: 1.5em 0 4em 0;
  text-align: center;
}

.perfect-pick-story {
  min-height: 600px;
  padding: 4em 0;
}

.perfect-pick-story p {
  font-size: 1.1em;
}


/*                  */
/* NEWS PAGE STYLES */
/*                  */

.vc_grid-item .vc_custom_heading h6,
.vc_grid-item .vc_custom_heading p {
  margin: 0 0 5px 0;
}

.vc_grid-item .vc_custom_heading h6 {
  text-transform: none;
  font-size: .9em;
}

.vc_gitem-post-data {
  margin-bottom: 0!important;
}


/*                  */
/* BLOG PAGE STYLES */
/*                  */

.blog {
  margin-top: 2em;
}

.entry-thumb {
  background-color: inherit;
}

img.vc_gitem-zone-img {
  max-height: 220px;
}

.vc_gitem-zone.grid-logo {
  height: 80px;
  background-size: contain;
}

.vc_gitem-post-data-source-post_excerpt,
.vc_gitem-post-data-source-post_date {
  font-size: .8em;
}

.vc_btn3-container {
  margin-bottom: 0!important;
}

.blog-button {
  display: block;
  padding-top: .4em;
  padding-bottom: .4em;
  color: #fff;
  background-color: #00ab84;
  text-align: center;
}

.vc_custom_heading a:hover {
  color: #00ab84;
  opacity: 1;
}

.featured-blog-image {
  margin-top: 2em;
}

#comments {
  display: block;
  clear: both;
}

/*                    */
/* RECIPE PAGE STYLES */
/*                    */

article.recipe {
  padding: 2em 0;
}

article.recipe .entry-wrap {
  padding: 1em 0;
}

.recipe .entry-featured {
  overflow: hidden;
}

.recipe-container {
  margin-top: 2em;
}

.has-post-thumbnail .entry-featured {
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  border-top: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
}

body.single-post .has-post-thumbnail .entry-featured {
  display: none;
}

a.entry-thumb:hover:before {
  opacity: 0;
}

a.entry-thumb:hover img {
  opacity: .85;
}

.has-post-thumbnail .entry-wrap {
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
}


/*                  */
/* TEAM PAGE STYLES */
/*                  */

.the-team {
  margin: 30px 0;
  padding: 0;
}

.team .x-column.x-3-4 p:first-of-type {
  color: #00ab84;
}

.member {
  margin-bottom: 2em;
}



/*                     */
/* PRODUCT PAGE STYLES */
/*                     */

.thumbnail-row .product p {
  margin: 0;
}

body.products-home .product a {
  text-decoration: none;
  color: #7a7a7a;
  font-weight: 600;
}

.thumbnail-row {
  margin: 30px 0;
}

.thumbnail-row .x-img {
  margin-bottom: .5em;
}

.products-home .thumbnail-row .x-1-4 p {
  text-transform: uppercase;
}


/* REVIEW STYLE OVERRIDES */
.wpcr3_respond_1, .wpcr3_respond_2 {
  max-width: 1140px;
  margin: 0 auto!important;
}


/*                    */
/* WOOCOMMERCE STYLES */
/*                    */

.woocommerce form {
  max-width: 100%!important;
}

.woocommerce .cart_totals table th {
  float: right!important;
  border: none!important;
}

.woocommerce .cart_totals table td {
  border-top: none!important;
  text-align: right!important;
  width: 25%!important;
}

.woocommerce-page .cart-collaterals table th {
  text-align: right!important;
}

.woocommerce-page .wc-proceed-to-checkout {
  text-align: right!important;
}

.woocommerce-page .cart .actions .action-group input[type="submit"] {
  padding: .5em!important;
  border-radius: 0!important;
}

.x-navbar-static-active .x-navbar .desktop .x-nav > li.x-menu-item-woocommerce > a, .x-navbar-fixed-top-active .x-navbar .desktop .x-nav > li.x-menu-item-woocommerce > a {
  padding-top: 20px!important;
}

.x-nav-tabs>li {
  border-bottom: none!important;
}

.woocommerce-page .entry-wrap {
  padding: 0!important;
}

.woocommerce-page li.product .entry-header h3 {
  font-size: 100%!important;
}

.woocommerce-page li.product .entry-header {
  padding: 0 20px 20px;
}

.woocommerce li.product .entry-header .price>.amount, .woocommerce li.product .entry-header .price>ins>.amount, .woocommerce-page li.product .entry-header .price>.amount, .woocommerce-page li.product .entry-header .price>ins>.amount {
  font-size: inherit!important;
}

.woocommerce-page .price>.amount, .woocommerce-page .price>ins>.amount {
  color: #515756!important;
}

.woocommerce-page div.product .woocommerce-tabs {
  margin-bottom: 40px!important;
}

.woocommerce-page .cart .actions .action-group {
  border: none!important;
  min-width: 200px!important;
  width: auto!important;
  margin-top: 0!important;
  background-color: inherit!important;
}

.woocommerce-page .cart-collaterals .cart_totals {
  margin: 30px 0 0 0!important;
}

/* Product Reviews */
.woocommerce-page p.stars span a {
  color: #00ab84;
  padding: 10px!important;
  margin-right: 5px!important;
  border: 1px solid #00ab84;
}

.woocommerce-page p.stars span a.active {
  color: #fff;
  background-color: #00ab84;
}

.woocommerce-checkout .checkout .form-row.terms {
  margin: 1em 0 2em 0!important;
}

.woocommerce-checkout .checkout .form-row.terms label {
  margin: 0 5px 0 10px!important;
}

a.remove-item  {
  font-size: 1.5em;
  color: red;
}

.amazon-meta {
  margin: 2.3em 0 1em 0;
}

.buy-on-amazon {
  display: block;
  background: url('http://www.pre-brands.com/wp-content/themes/x-child-integrity-light/images/buy-on-amazon.gif') no-repeat;
  width: 176px;
  height: 28px;
}


/*                          */
/* WHERE TO BUY PAGE STYLES */
/*                          */

.where-to-buy .form {
  margin-bottom: 2em;
}

body.where-to-buy h3, body.contact h3 {
  margin-top: 0;
}

.hs-form.stacked .field {
  margin-bottom: 8px;
}

img.store-logos {
  max-width: 600px;
  height: auto;
  margin-bottom: 0;
}

.where-to-buy .x-navbar li.amazon {
  display: none;
}

#wpsl-wrap #wpsl-result-list li {
  line-height: 1.4;
}


/*                 */
/* FAQ PAGE STYLES */
/*                 */

.x-accordion-heading .x-accordion-toggle {
  font-family: 'Roboto', Helvetica, sans-serif;
  font-size: 100%;
}

body.faq .x-column.x-2-3 > p {
  color: #fff;
  font-size: 4em;
  text-transform: uppercase;
  margin-top: -90px;
  margin-bottom: 20px;
}



/*               */
/* FOOTER STYLES */
/*               */

.x-colophon {
  border-top: none;
}

footer {
  font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

footer a {
  color: #fff;
}

footer.x-colophon.top {
  background-color: #fff;
  padding: 30px 0 20px 0;
  border-top: 1px solid #00ab84;
}

footer.x-colophon.bottom {
  clear: both;
  background-color: #00ab84;
  font-size: 1.2rem;
  padding: 16px;
}

footer .copyright {
  color: #fff;
  text-transform: uppercase;
}

.x-colophon.bottom .x-colophon-content, .x-colophon.bottom .x-nav li a {
  letter-spacing: 1px;
}

.x-colophon.bottom .x-colophon-content {
  margin: 12px 0;
}

/*                     */
/* REVIEWS PAGE STYLES */
/*                     */

.thin-green h1 {
  font-weight: 300;
  color: #00ab84;
  text-transform: uppercase;
}


/*                */
/* FOOTER WIDGETS */
/*                */

.widget_hubspot_emailsubscribe_widget input[type="text"] {
  width: 200px;
}

.widget_hubspot_emailsubscribe_widget form input {
  display: inline-block;
  margin: 0 20px 0 0;
}


/*                                */
/* INDIVIDUAL PRODUCT PAGE STYLES */
/*                                */


body.product h1 {
  font-size: 2em;
  line-height: 1.1em;
  margin-top: 1.5em;
  font-weight: 600;
}

.nutrition {
  text-align: center;
  padding-top: 2em;
  padding-bottom: 2em;
  margin-bottom: 5px;
}

.claims h3 {
  color: #fff;
  font-weight: bold;
  margin: 24px 0;
  font-size: 2.6em;
}

.claims p {
  color: #fff;
  font-size: 1.4em;
  font-weight: 300;
}

ul.claims-graphics, ul.nutrition-facts {
  list-style: none;
  margin: 0 auto 2em auto;

}

ul.claims-graphics li {
  display: inline-block;
  width: 90px;
  height: 90px;
  border-radius: 45px;
  padding: 24px 12px;
  text-align: center;
  font-weight: 600;
  margin-bottom: -12px;
  background-color: #00ab84;
  color: #bfe239;
  font-size: 13px;
}

ul.claims-graphics li.yellow {
  background-color: #bfe239;
  color: #00ab84;
}

ul.claims {
  list-style: none;
  font-weight: bold;
  color: #fff;
  margin: 3em 0;
}

ul.claims li {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #fff;
  font-size: 1.3em;
}

ul.claims li:last-child {
  border-right: none;
  margin-right: 0;
}

ul.nutrition-facts li {
  display: inline-block;
  text-align: center;
  font-weight: bold;
}

img.product-line {
  padding: 27px 44px 0;
}

.wp-nutrition-label {
  margin: 0 auto;
  max-width: 24em;
  text-align: left;
  border-radius: 12px;
  border: 2px solid #009578;
  line-height: 1em;
  font-size: .7em;
  color: #009578;
}

.wp-nutrition-label hr {
  border-bottom: 10px solid #009578;
}

.wp-nutrition-label .daily-value {
  border-top: 4px solid #009578;
  padding: 3px 0;
}

.wp-nutrition-label .item_row {
  padding: 5px 0 3px 0;
}

img.grass-fed {
  width: 77px;
  height: 105px;
}

.extras-about-pre {
  padding-bottom: 40px;
}

p.disclaimer {
  font-size: .8em;
  font-style: italic;
}

.product-bottom-text {
  padding-top: 4em;
  padding-left: 3em;
}


/*               */
/* MEDIA QUERIES */
/*               */

@media (max-width: 480px) {
  body {
    font-size: 97%;
  }
  .page-hero h1 {
    margin-top: 6.5em;
    font-size: 2em;
  }
  .grass-row a {
    font-size: 1em;
  }
  .grid-row .x-column.x-1-6 {
    width: 50%;
  }
  .custom-row img.x-img {
    min-width: 600px;
  }
  .custom-row .x-column.x-1-3, .custom-row .x-column.x-2-3 {
    width: 100%;
  }
  .recipe.custom-row img.x-img {
    min-width: 500px;
  }
  .tp-fullwidth-forcer, .rev_slider_wrapper .fullwidthbanner-container {
    height: 400px;
  }
  body.products-home .page-hero h1 {
    margin-top: 9em;
    font-size: 1.5em;
  }
  #wpsl-result-list {
    display: none;
  }
  .locator.x-1-3, .obsession.x-1-3, .alarm.x-1-3, .custom-row .x-column.x-1-3 {
    padding: 2em;
    min-height: inherit;
  }
  .perfect-pick-story {
    padding: 1em 20px;
  }
  .grid.grey h2 {
    margin: .6em .2em;
  }
  .perfect-pick-process .process-step, .perfect-pick-process .x-content-band {
    padding-top: 0;
    padding-bottom: 0;
  }
  .products h5 {
    margin-bottom: 1.5em;
    text-align: center;
  }
  .claims {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  p {
    font-size: 14px;
  }
  body {
    font-size: 99%;
  }
  .custom-row .x-1-3 {
    width: 100%;
  }
  .custom-row .x-2-3 {
    width: 100%;
  }
  .grid-row .x-column.x-1-3 {
    width: 100%;
    background-size: 40%;
  }
  .page-hero {
    height: 300px;
  }
  .brand-points .x-1-3 {
    width: 30%;
    min-height: 110px;
    padding: 0 10px;
  }
  .brand-points .x-1-3.who {
    padding: 0 20px;
  }
  a.button.hero-button {
    padding: 14px 34px;
  }
  .wpsl-search {
    width: 100%;
  }
  .woocommerce .cart_totals table td {
  width: 75%!important;
  }
}

@media (max-width: 1024px) {
  .grass-row.x-content-band.bg-image {
    background-size: 80px;
  }
}

@media (min-width: 1600px) {
  body {
    font-size: 18px;
  }
}