:root {
  --brand-bokblue: #26a8df;
  --bok-orange: #f16f22;
  --white: white;
  --bokblue: #274068;
  --grey: #7a7a7a;
  --white-smoke: #ebeeea;
  --brand-bok-darkgrey: #333;
  --brand-darkblue: #075270;
  --brand-bok-ornage: #faad17;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkicon {
  margin-right: 8px;
}

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.w-commerce-commercecartproductname {
  font-weight: 700;
}

.w-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecartquantity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecartquantity::placeholder {
  color: #999;
}

.w-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.w-commerce-commercecartordervalue {
  font-weight: 700;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  color: #333;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.2em;
  line-height: 1.2em;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

a {
  color: var(--brand-bokblue);
  text-decoration: none;
}

a:hover {
  color: var(--bok-orange);
}

.body {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 400;
  display: block;
}

.backgroundimage {
  z-index: auto;
  opacity: .47;
  background-image: url('../images/OKGirlonCARveer1598082BLUR650.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  width: auto;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.videosection {
  z-index: 99;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.secondsection {
  z-index: 99;
  background-color: var(--bokblue);
  color: var(--bokblue);
  flex-direction: column;
  justify-content: center;
  height: 40vh;
  display: flex;
  position: relative;
}

.boldwhitehead {
  color: var(--white);
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.paragraphwhite {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  margin-top: 26px;
  margin-bottom: 26px;
  padding: 20px 61px;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.7em;
  transform: translate(0);
}

.text-span-6, .text-span-7, .text-span-8, .text-span-9 {
  color: var(--brand-bokblue);
}

.fblbll {
  z-index: 99;
  background-image: url('../images/FeelBetterLookbetterLivelongerICON.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  width: auto;
  min-width: 140px;
  max-width: 180px;
  height: auto;
  min-height: 140px;
  max-height: 180px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 10% 0% auto;
}

.videoinsert {
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: auto;
  margin-top: 5px;
  padding-top: 41px;
  padding-bottom: 45px;
  display: flex;
  position: relative;
}

.body-of-knowledge {
  background-image: url('../images/BODYOF-KNOWLEDGE-LINE.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  align-self: center;
  width: 500px;
  height: 132px;
  margin-top: 5px;
}

.getappbutton-round {
  border-radius: 16px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 180px;
  margin-bottom: 19px;
  transition: background-color .2s;
  display: flex;
}

.getappbutton-round:hover {
  background-color: var(--bok-orange);
  color: var(--white);
}

.div-block-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  display: flex;
  position: relative;
}

.lightbox-link {
  width: 300px;
  height: 300px;
  margin-left: 0;
}

.image {
  margin-left: 0;
  transform: translate(0);
  box-shadow: 4px 4px 5px #0000004d;
}

.image:hover {
  opacity: .7;
}

.appdownload2 {
  z-index: 200;
  border: 4px solid var(--white);
  justify-content: center;
  align-items: center;
  width: 226px;
  min-width: 226px;
  height: 76px;
  min-height: 76px;
  margin-top: 13px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.appdownload2:hover {
  border: 4px solid var(--bok-orange);
  justify-content: center;
  align-items: center;
  width: 226px;
  min-width: 226px;
  height: 76px;
  display: flex;
}

.image-2 {
  width: 219px;
  min-width: 219px;
  max-width: none;
  height: 70px;
  min-height: 70px;
  margin-top: 0;
  transition: all .2s;
}

.text-span-10 {
  letter-spacing: .4em;
  font-weight: 400;
}

.appapplicationspecs {
  background-color: var(--white);
  flex-flow: column;
  align-items: center;
  margin-top: 196px;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: relative;
}

.appcopy1 {
  background-color: #26a8df12;
  background-image: linear-gradient(#26a8df1c, #fff);
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 240px;
  height: 360px;
  margin-top: -63px;
  padding: 20px 28px 28px;
  display: flex;
  position: static;
  inset: 73% auto auto 10%;
}

.headingcopy {
  color: var(--bokblue);
  text-align: left;
  letter-spacing: 0;
  width: 100%;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4em;
}

.appcopy2 {
  background-color: #d8ebf31a;
  background-image: linear-gradient(#26a8df1c, #fff);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 240px;
  height: 340px;
  margin: 76px 39px 39px;
  padding: 20px 28px 28px;
  display: flex;
  position: static;
  inset: 87% auto auto 34%;
}

.audiocue {
  background-image: url('../images/OrangeSoundEffect_1OrangeSoundEffect.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
  justify-content: flex-start;
  align-self: center;
  display: flex;
}

.text-span-13, .text-span-14 {
  font-size: 20px;
  font-weight: 500;
}

.appcopy3 {
  background-color: #c8e9f61a;
  background-image: linear-gradient(#26a8df1c, #fff);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 240px;
  height: 340px;
  margin-top: 60px;
  padding: 15px 28px 28px;
  display: flex;
  position: static;
  inset: 96% auto auto 64%;
}

.scale {
  background-image: url('../images/BATHROOMSCALE.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 97px;
  height: 61px;
  display: flex;
}

.frequencyicon {
  z-index: 80;
  background-color: #ffffffa6;
  background-image: url('../images/wavelengthsStatic.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.featuretitles {
  justify-content: center;
  display: flex;
  position: relative;
}

.foodssection {
  background-image: url('../images/BoxedFoods.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  width: auto;
  height: auto;
  margin-top: 0;
  display: flex;
  position: relative;
}

.container-2 {
  z-index: 90;
  flex-direction: column;
  align-self: center;
  margin-top: 120px;
  display: flex;
  position: relative;
}

.robertmoorefaculty {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 114px;
  margin-bottom: 129px;
  display: flex;
  position: relative;
}

.foodstext {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 60%;
  margin-top: 135px;
  margin-left: 180px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.bar {
  background-image: url('../images/PureProteinBar2to1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50vw;
  width: 800px;
  height: 400px;
  display: flex;
  position: absolute;
  inset: auto auto 10% 0%;
}

.fblbllbottom {
  z-index: 99;
  background-image: url('../images/FeelBetterLookbetterLivelongerICON.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-self: center;
  width: 200px;
  height: 200px;
  margin-top: -58px;
  margin-left: auto;
  margin-right: 10%;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.fifthestate {
  z-index: 120;
  background-color: var(--brand-bokblue);
  color: var(--brand-bokblue);
  flex-direction: row;
  justify-content: center;
  height: 309px;
  display: flex;
  position: relative;
}

.customerquotes {
  color: var(--white);
  text-align: left;
  width: 309px;
  margin-top: 145px;
  margin-bottom: 0;
  margin-left: -50px;
  padding: 0;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
  position: static;
  transform: translate(0);
}

.text-span-17 {
  font-weight: 500;
}

.customeravatar {
  background-image: url('../images/CallOut_testimonial2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200px;
  width: 230px;
  height: 230px;
  margin-top: -66px;
  margin-left: 0;
  display: flex;
  position: static;
  top: -60px;
  left: 86px;
}

.quote1 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 2%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 5%;
}

.quote2 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 12% 14% auto auto;
}

.customerquotes2 {
  color: var(--white);
  text-align: right;
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-end;
  width: 320px;
  height: auto;
  margin: 0 0 38px;
  padding: 0;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
  display: flex;
  position: static;
  transform: translate(0);
}

.heading-2 {
  color: var(--bokblue);
  text-align: left;
  margin-top: 0;
  font-weight: 500;
}

.customeravatartwo {
  background-image: url('../images/Callout_Testimonial.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200px;
  width: 230px;
  height: 230px;
  margin-top: -66px;
  margin-left: 0;
  display: flex;
  position: static;
  top: -60px;
  left: 86px;
}

.brand {
  background-image: url('../images/BOKhand_1BOKhand.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-wrap: nowrap;
  order: -1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 69px;
  height: 109px;
  display: flex;
}

.navbar-2 {
  background-color: #ddd0;
  position: relative;
  inset: 5% 0% auto;
}

.container-3 {
  text-align: right;
  justify-content: space-between;
  width: 90%;
  margin-top: 38px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.nav-menu {
  flex-direction: row;
  order: 1;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 27px;
  margin-right: 0;
  display: flex;
}

.nav-link {
  color: var(--bokblue);
  padding: 10px;
  font-size: 1.3em;
  transition: all .2s;
}

.nav-link:hover {
  color: var(--bok-orange);
}

.nav-link-2 {
  color: var(--bokblue);
  padding: 10px;
  font-size: 1.3em;
  transition: all .2s;
}

.nav-link-2:hover {
  color: var(--bok-orange);
}

.nav-link-4 {
  color: var(--bokblue);
  padding: 10px;
  font-size: 1.3em;
  transition: all .2s;
  transform: translate(0);
}

.nav-link-4:hover {
  color: var(--bok-orange);
}

.dropmenu {
  align-self: flex-end;
  margin-right: -21px;
}

.brand-w {
  background-image: url('../images/BOKhand_1BOKhand.png');
  background-position: 50%;
  background-size: cover;
  width: 62px;
  height: 99px;
  display: none;
}

.booksection {
  width: auto;
  height: auto;
  position: relative;
}

.book {
  background-image: url('../images/Body-Of_Knowledge_Book_cover.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 400px;
  height: 400px;
  position: static;
  inset: 0% auto auto 0%;
}

.foodtextblock {
  height: 120vh;
  margin-top: 0;
}

.robertmoorefacultytext {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 60%;
  margin-top: 0;
  margin-left: 0;
  font-weight: 300;
  display: flex;
  position: relative;
}

.moorefacultycapy {
  color: var(--bokblue);
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 500;
}

.moorecopy2 {
  color: var(--bokblue);
  text-align: left;
  width: 90%;
  margin-bottom: 20px;
  font-size: 1.3em;
  line-height: 1.4em;
}

.foodscopy2 {
  color: var(--bokblue);
  text-align: left;
  width: 70%;
  font-size: 1.3em;
  line-height: 1.7em;
}

.footer {
  z-index: 99;
  background-color: var(--brand-bokblue);
  color: var(--brand-bokblue);
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.callout {
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  margin-left: 5%;
  display: flex;
  position: relative;
  inset: 0% auto auto;
}

.qrcode {
  background-color: var(--brand-bokblue);
  background-image: url('../images/BOKIOS-QR-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200px;
  border-radius: 0;
  width: 230px;
  height: 230px;
  margin-top: -66px;
  margin-left: 0;
  display: flex;
  position: static;
  top: -60px;
  left: 86px;
}

.cta {
  color: var(--white);
  text-align: left;
  width: 309px;
  margin-top: 69px;
  margin-bottom: 0;
  margin-left: 29px;
  padding: 0;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
  position: static;
  transform: translate(0);
}

.bokbrandmark {
  text-align: center;
  background-image: url('../images/BOKBrandSVG.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  align-self: flex-end;
  width: 160px;
  height: 160px;
  margin-right: 10px;
}

.footerlink {
  color: var(--white);
  text-align: center;
  margin-left: 25px;
  margin-right: 0;
  padding-top: 5px;
  font-weight: 400;
  text-decoration: none;
}

.footerlink:hover {
  color: var(--bok-orange);
  text-decoration: none;
}

.corporatebyline {
  grid-column-gap: 16px;
  grid-row-gap: 1px;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-self: flex-start;
  place-items: flex-end center;
  display: grid;
  position: relative;
  inset: 12% 5% auto;
}

.footerlinks {
  flex-direction: row;
  justify-content: flex-end;
  width: auto;
  margin-right: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.socialmedia-icon {
  background-image: url('../images/YouTubeIcon_1YouTubeIcon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 50px;
  height: 40px;
  margin: 7px;
  transition: opacity .2s;
}

.socialmedia-icon:hover {
  opacity: .66;
  transform: translate(0);
}

.socialmedia-icon.t {
  background-image: url('../images/TwitterIcon_1TwitterIcon.png');
}

.socialmedia-icon.t:hover {
  opacity: .57;
}

.socialmedia-icon.f {
  background-image: url('../images/FaceBookIcon_1FaceBookIcon.png');
}

.socialmedia-icon.f:hover {
  opacity: .68;
}

.footerlink-copyright {
  color: var(--white);
  text-align: left;
  width: auto;
  margin: 0;
  padding-top: 0;
  font-weight: 300;
  display: flex;
  position: static;
  inset: 0% auto 0% 0%;
}

.socialmedia {
  justify-content: flex-end;
  margin-right: 10px;
  display: flex;
}

.appappdemoanim {
  background-image: url('../images/AppAnimationFRAMES.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 500px;
  height: 600px;
  position: relative;
  top: -35px;
  left: 20%;
  transform: rotate(-9deg);
}

.appappdemo3 {
  z-index: 97;
  text-align: left;
  background-image: url('../images/APFeaturesTHREE.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 240px;
  height: 500px;
  position: relative;
  top: 0;
  left: 15%;
  transform: rotate(0);
}

.appappdemo1 {
  z-index: 99;
  background-image: url('../images/BOKAppdemoOverlay.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 500px;
  height: 500px;
  position: relative;
  top: -53px;
  left: 29%;
  transform: rotate(-3deg);
}

.apppagefeaturesintro {
  background-color: #d8ebf300;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 450px;
  height: 160px;
  margin: 137px 0 39px 0;
  padding: 0 28px 28px 0;
  display: flex;
  position: static;
  inset: 87% auto auto 34%;
}

.appheadline {
  z-index: 199;
  background-image: url('../images/AFewLittleChanges_BigDifference_title.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 46%;
  height: 126px;
  margin-top: 0;
  position: relative;
}

.appgettheapp {
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 300px;
  height: auto;
  margin-top: -79px;
  margin-left: 0;
  display: flex;
  position: relative;
  inset: auto 0% auto 0;
}

.gettheapp-home {
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 300px;
  height: auto;
  margin-left: -149px;
  display: flex;
  position: absolute;
  inset: auto 0% auto 452px;
}

.gettheapp-home.b {
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 0;
  position: relative;
  inset: auto 0 0%;
}

.appheadingone {
  z-index: 99;
  color: var(--bokblue);
  text-align: left;
  letter-spacing: 0;
  align-self: flex-start;
  width: 400px;
  height: 140px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
}

.appwavelengths {
  background-image: url('../images/wavelengthsStatic.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24%;
  height: 72px;
  margin-top: 11px;
  margin-bottom: 50px;
  overflow: hidden;
}

.grid {
  grid-column-gap: 13px;
  grid-row-gap: 9px;
  grid-template-rows: minmax(auto, .25fr) minmax(auto, 214px) auto auto;
  grid-template-columns: 3fr 2.25fr;
  align-self: center;
  max-width: 1050px;
  margin-left: 12%;
  margin-right: 12%;
}

.appproduct {
  align-self: flex-start;
  align-items: flex-start;
  margin-top: 71px;
  margin-left: -2vw;
  display: flex;
  position: relative;
}

.doccorner {
  z-index: 2;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/dreamstimesmall_10160242SQ.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: padding-box;
  width: 427px;
  height: 400px;
  position: absolute;
  inset: 1% 0% auto auto;
  overflow: hidden;
}

.doccorner.b {
  top: 0%;
}

.doccorner.a {
  margin-top: -25px;
}

.support-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ordersnacksbutton2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: 52px;
  margin-left: 180px;
  padding-top: 8px;
  display: flex;
  position: static;
}

.appappdownload {
  border: 4px solid var(--white);
  justify-content: center;
  align-items: center;
  width: 219px;
  height: 66px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.appappdownload:hover {
  border: 3px solid var(--bok-orange);
  justify-content: center;
  align-items: center;
  width: 226px;
  min-width: 226px;
  height: 76px;
  display: flex;
}

.appfeatures {
  color: var(--bokblue);
  text-align: center;
  letter-spacing: 0;
  width: 260px;
  margin-top: -19px;
  margin-bottom: 0;
  margin-left: 193px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.linkcalloutorange {
  z-index: 99;
  max-width: 105px;
  max-height: 32px;
  position: relative;
  top: 70px;
  left: 4px;
}

.appproductfeature {
  width: auto;
  height: 230px;
  margin-top: -111px;
  margin-left: -22%;
  display: flex;
  position: relative;
}

.appcalloutfeaturetext {
  border-left: 6px solid var(--bok-orange);
  background-color: var(--white);
  align-self: center;
  width: auto;
  height: auto;
  position: relative;
  box-shadow: 6px 6px 5px #0003;
}

.appfeaturetext {
  color: var(--bokblue);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 280px;
  margin-bottom: 0;
  padding: 20px 20px 20px 19px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.text-span-19 {
  font-weight: 500;
}

.featuescalloutblock {
  position: relative;
}

.appproductfeature2 {
  z-index: 99;
  width: auto;
  height: 230px;
  margin-top: 63px;
  margin-left: 0%;
  display: flex;
  position: relative;
}

.linkcalloutorange2 {
  z-index: 99;
  max-width: 201px;
  max-height: 100px;
  position: relative;
  top: 70px;
  left: 4px;
}

.section4titlehome {
  flex-direction: column;
  align-self: center;
  margin-top: 0;
  display: flex;
}

.wavelengthshome {
  background-image: url('../images/wavelengthsStatic.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 90px;
  height: 100px;
  margin-top: 0;
  overflow: hidden;
}

.bokname-mobile-copy {
  display: none;
}

.appappdemo4 {
  z-index: 90;
  background-image: url('../images/BOKAppTesting.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 240px;
  height: 500px;
  position: relative;
  top: -702px;
  left: 51%;
  transform: rotate(9deg);
}

.appappdemo5 {
  z-index: 95;
  background-image: url('../images/AppFeaturesTWO.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 240px;
  height: 500px;
  position: relative;
  top: -349px;
  left: 31%;
  transform: rotate(9deg);
}

.appfeaturesthree {
  height: 900px;
  position: relative;
  left: 76px;
  transform: translate(0);
}

.appproductfeature2set {
  width: auto;
  height: 230px;
  margin-top: -38px;
  margin-left: -37%;
  display: flex;
  position: relative;
}

.appproductfeature3set {
  width: auto;
  height: 230px;
  margin-top: 49px;
  margin-left: 1%;
  display: flex;
  position: relative;
}

.appproductfeature5set {
  width: auto;
  height: 230px;
  margin-top: -19px;
  margin-left: -9%;
  display: flex;
  position: relative;
}

.body-of-knowledge-copy {
  background-image: url('../images/THEBODYOF-KNOWLEDGE-LINE.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 500px;
  height: 110px;
  margin-top: 31px;
}

.div-block-10 {
  flex-direction: column;
  align-self: center;
  align-items: center;
  display: flex;
  position: static;
}

.ordersnacksbutton {
  background-color: var(--brand-bokblue);
  border-radius: 16px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 180px;
  margin-bottom: 19px;
  transition: background-color .2s;
  display: flex;
}

.ordersnacksbutton:hover {
  background-color: var(--bok-orange);
  color: var(--white);
}

.heading-copy {
  color: var(--bokblue);
  text-align: center;
  letter-spacing: 0;
  text-align: center;
  letter-spacing: 0;
  align-self: center;
  width: 200px;
  margin-top: 10px;
  margin-left: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4em;
}

.nav-link-3 {
  color: var(--bokblue);
  padding: 10px;
  font-size: 1.3em;
  transition: all .2s;
  transform: translate(0);
}

.nav-link-3:hover {
  color: var(--bok-orange);
}

.navigation-mob {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.navigation-container-mob {
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pllogotnav {
  width: 54px;
}

.okbutton {
  background-color: var(--brand-bokblue);
  width: 150px;
  height: 30px;
  position: absolute;
  inset: auto 40px 8% auto;
}

.okbutton:hover {
  background-color: #eb616c;
}

.navigation-container {
  grid-column-gap: 2px;
  grid-row-gap: 4px;
  grid-template-rows: auto 67px;
  grid-template-columns: 1fr 1.75fr .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.accountloginpopupmodal {
  z-index: 999999;
  opacity: 1;
  color: var(--brand-bokblue);
  background-color: #274068f7;
  align-self: center;
  width: 100vw;
  height: 100vw;
  transition: opacity .2s;
  display: none;
  position: fixed;
  inset: 0%;
}

.brand-2 {
  margin-right: 20px;
  position: static;
}

.brand-2:hover {
  opacity: 1;
}

.brand-2.w--current {
  display: flex;
}

.account-link {
  color: var(--bokblue);
  justify-content: center;
  align-items: center;
  width: auto;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 8px 10px 10px;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: static;
  inset: 0% 0% auto auto;
}

.account-link:hover {
  color: var(--bok-orange);
}

.account-link.w--current {
  color: #99d715;
}

.account-link.a {
  color: var(--bokblue);
  justify-content: center;
  align-self: center;
  width: auto;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 10px;
  display: flex;
}

.account-link.a:hover {
  color: var(--bok-orange);
}

.menutoptitle {
  width: auto;
  margin-top: 50px;
  margin-bottom: 23px;
  margin-left: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 23px;
}

.closexbutton {
  background-image: url('../images/CloseButton.svg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  padding: 0;
  transition: all .2s;
  position: absolute;
  inset: 0 0 auto auto;
}

.closexbutton:hover {
  background-image: url('../images/CyanBlueCircle2x.png');
  padding: 2px;
}

.closexbutton:active {
  background-image: url('../images/BOKroundel2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  transform: rotate(0);
}

.closexbutton.log {
  background-repeat: no-repeat;
  background-size: 36px 36px;
  width: 40px;
  height: 40px;
  margin-top: 20px;
  margin-right: 20px;
  padding: 3px;
}

.nav-menu-2 {
  color: #4b4276;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: 0;
  font-size: 15px;
  display: flex;
  position: static;
  inset: 18% 5% auto auto;
}

.loginpopup {
  z-index: 999999;
  background-color: #ebeeea;
  border-radius: 20px;
  width: auto;
  height: auto;
  padding-bottom: 30px;
  padding-left: 20px;
  display: block;
  position: absolute;
  inset: 6% 5% auto auto;
  box-shadow: -3px 8px 18px #0000008f;
}

.menu-title {
  color: #352f53;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
  display: flex;
}

.menu-title:hover {
  color: #eb616c;
}

.button-copy {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  display: flex;
  position: relative;
}

.button-copy:hover {
  color: #fff;
}

.button-copy:active {
  background-image: url('../images/PLHeartAnimation120x120_1PLHeartAnimation120x120.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.plbrand {
  min-width: 70px;
  max-width: none;
  margin-left: 22px;
}

.plbrand:hover {
  opacity: 1;
}

.passwordassistblock {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-self: center;
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 49px;
  display: flex;
}

.dropdown {
  height: auto;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.navigation {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.navigation-full {
  border: 0 #fff;
  align-items: center;
  width: 100%;
  padding: 20px 3%;
  display: flex;
}

.account-login-toggle {
  width: auto;
  height: 30px;
  margin-top: 0;
  position: static;
  inset: 9% 20px auto auto;
}

.account-links {
  color: var(--bokblue);
  flex-flow: wrap;
  place-content: center flex-end;
  align-self: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 12% 20px auto auto;
}

.navigation-link {
  color: var(--bokblue);
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 12px;
  font-size: 24px;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link:hover {
  color: var(--bok-orange);
}

.navigation-link.w--current {
  color: #99d715;
}

.logintabfield {
  color: #283338;
  background-color: #fff;
  border: 2px solid #fff;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 44px;
  margin: 12px auto 10px 0;
  padding: 10px 10px 10px 15px;
  font-size: 16px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.logintabfield:hover {
  background-color: #fff;
  border: 2px solid #eb616c;
  border-radius: 17px;
}

.logintitle {
  width: auto;
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
}

.navigationelements {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.cookies-privacy-icons {
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.highlightblock {
  background-color: #fff;
  border: 3px #0a153861;
  border-radius: 20px;
  width: 230px;
  min-width: 230px;
  height: 170px;
  min-height: 170px;
  margin-top: 55px;
  margin-right: 38px;
  padding: 42px 23px 28px 32px;
  position: relative;
  box-shadow: -5px 7px 11px #2b2b2b61;
}

.iconblock {
  background-image: url('../images/Secure.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90% 90%;
  width: 80px;
  height: 80px;
  position: absolute;
  top: -47px;
  left: 30px;
}

.iconblock.b {
  background-image: url('../images/CookiesIcon.svg');
  top: -45px;
  left: 34px;
}

.text-block-85, .text-block-86 {
  font-size: .8em;
  line-height: 1.4em;
}

.termspagetitlelinks {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.button {
  color: var(--bokblue);
  background-color: #0000;
  font-size: 1.4em;
}

.terms-paragraph {
  color: var(--bokblue);
  text-align: left;
  text-indent: 0;
  margin-top: 74px;
  margin-left: 26px;
  margin-right: 60px;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.6em;
}

.text-span-20 {
  font-size: 1.5em;
}

.text-span-21 {
  font-size: 1.8em;
  font-weight: 500;
}

.paragraph-app-pages {
  z-index: 80;
  color: var(--bokblue);
  text-align: center;
  letter-spacing: 0;
  flex-flow: column;
  place-content: flex-start center;
  align-self: center;
  align-items: flex-start;
  width: 40%;
  height: auto;
  margin: 36px auto 0;
  padding: 0;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.4em;
  display: flex;
  position: relative;
}

.title-page {
  color: var(--bokblue);
  text-align: center;
  letter-spacing: 0;
  margin-top: 21px;
  margin-bottom: 0;
  padding: 0 100px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
}

.title-page.b {
  text-align: center;
  justify-content: center;
  align-self: center;
  margin-top: 0;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
  font-size: 2.3em;
  font-weight: 300;
  display: flex;
}

.mealfrequencyhome {
  color: var(--bokblue);
  text-align: center;
  letter-spacing: 0;
  align-self: center;
  width: 60%;
  margin-top: 22px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
}

.pagecopyformat {
  background-color: var(--white);
  flex-direction: column;
  align-items: flex-start;
  margin-top: 174px;
  padding-left: 10%;
  padding-right: 0%;
  display: flex;
  position: relative;
}

.paragraph-app-copy {
  z-index: 80;
  color: var(--bokblue);
  text-align: left;
  letter-spacing: 0;
  flex-flow: row;
  place-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 50%;
  height: auto;
  margin: 53px auto 0 26px;
  padding: 0;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.4em;
  display: flex;
  position: relative;
}

.disclaimercopy {
  z-index: 80;
  color: var(--bokblue);
  text-align: left;
  letter-spacing: 0;
  flex-flow: row;
  place-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 50%;
  height: auto;
  margin: 15px auto 0 26px;
  padding: 0;
  font-size: .7em;
  font-weight: 300;
  line-height: 1.4em;
  display: flex;
  position: relative;
}

.text-span-22 {
  text-transform: uppercase;
  font-size: .8em;
}

.link-block-9, .link-block-10 {
  min-width: 60px;
  text-decoration: none;
}

.homepageappspecs {
  background-color: var(--white);
  flex-direction: column;
  align-items: center;
  margin-top: 74px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.applicationtitlehome {
  text-align: center;
  margin-top: 35px;
  margin-bottom: 0;
  font-size: 2.5em;
  line-height: 1.2em;
}

.appdemohome {
  justify-content: center;
  width: 100vw;
  height: 700px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.appdemoanimhome {
  z-index: 90;
  background-image: url('../images/AppAnimationFRAMES.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  width: 410px;
  height: 651px;
  display: block;
  position: absolute;
  inset: 0% auto 0% 10%;
  transform: rotate(-9deg);
}

.appdemo3home {
  z-index: 95;
  background-image: url('../images/APFeaturesTHREE.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 313px;
  height: 614px;
  position: absolute;
  inset: 0% 15% 0% auto;
  transform: rotate(11deg);
}

.appdemo2-home {
  z-index: 98;
  background-image: url('../images/AppFeaturesTWO.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 313px;
  height: 614px;
  position: absolute;
  inset: 26% 30% 0% auto;
  transform: rotate(9deg);
}

.appdemo1home {
  z-index: 99;
  background-image: url('../images/AppFeaturesONE.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 313px;
  height: 614px;
  position: absolute;
  inset: 0% auto 0% 30%;
  transform: rotate(3deg);
}

.div-block-11 {
  background-image: linear-gradient(93deg, #bbebff, #fff);
  width: 100vw;
}

.basicproductparagraph {
  color: var(--bokblue);
  text-align: center;
  letter-spacing: 0;
  margin-top: 21px;
  margin-bottom: 0;
  padding: 0 100px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
}

.basicproductparagraph.c {
  border-bottom: 4px solid var(--bok-orange);
  margin-top: 0;
  font-size: 2em;
  font-weight: 400;
}

.c-faq-icon {
  justify-content: center;
  align-items: center;
  padding: 20px;
  position: relative;
}

.c-faq-q {
  background-color: var(--brand-bokblue);
  align-items: center;
  display: flex;
}

.c-faq-q:hover {
  background-color: #7a7a7ac2;
}

.faq-a-text {
  color: var(--bokblue);
  margin-left: 10px;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.6em;
}

.faq-a-text.lib {
  margin-left: 58px;
  font-size: 1.1em;
  line-height: 1.8em;
}

.c-faq-q-text {
  flex: 1;
  padding: 30px 20px;
}

.faq-q-text {
  color: var(--bokblue);
}

.faq-q-text.lib {
  color: var(--white);
  margin-top: 2px;
  margin-left: 22px;
  font-size: 1.2em;
}

.c-faq-divider {
  border: 1px solid var(--white);
  padding-left: 20px;
  padding-right: 20px;
}

.faq-stripe-1 {
  background-color: #fff;
  width: 3px;
  height: 100%;
}

.faqitems {
  min-height: 50vh;
  margin-top: 36px;
  display: block;
}

._w-faq-icon {
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  display: flex;
  position: relative;
}

.c-faq-a-text {
  padding: 20px 10px 20px 20px;
  display: flex;
}

.c-faq-a-text.lib {
  flex-direction: column;
}

.faq-divider {
  border-top: 1px dashed #ffffff40;
  height: 0;
}

.c-faq-a {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #6ccef836;
  border: 1px solid #0000;
  overflow: hidden;
}

.c-faq {
  background-color: var(--white);
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.c-faq-item {
  border: 1px none var(--white);
  background-color: var(--white);
  cursor: pointer;
  margin-bottom: 15px;
  font-size: 1.2em;
  line-height: 1.6em;
}

.faq-stripe-2 {
  background-color: #fff;
  width: 100%;
  height: 3px;
  position: absolute;
}

.faq-image {
  background-image: url('../images/FAQTime.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: row;
  width: 18vw;
  min-width: auto;
  margin-left: 28px;
  display: flex;
}

.faq-imagesounds {
  background-image: url('../images/FAQSounds.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: row;
  width: 20vw;
  min-width: auto;
  margin-left: 28px;
  display: flex;
}

.faq-imageweight {
  background-image: url('../images/FAQWeight.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 71%;
  flex-direction: row;
  justify-content: center;
  width: 20vw;
  min-width: auto;
  margin-left: 28px;
  display: flex;
  position: relative;
}

.c-faq-item-2 {
  cursor: pointer;
  background-color: #222;
  border-left: 3px solid #2ea07c;
  margin-bottom: 10px;
  font-size: 1.2em;
  line-height: 1.6em;
}

.link {
  text-decoration: none;
}

.link:hover {
  color: var(--bok-orange);
}

.link-2 {
  text-decoration: none;
}

.link-2:hover {
  color: var(--bok-orange);
}

.faq-imagepushnote {
  background-image: url('../images/PushNotifications_1PushNotifications.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 69%;
  flex-direction: row;
  justify-content: center;
  width: 20vw;
  min-width: auto;
  margin-left: 28px;
  display: flex;
  position: relative;
}

.backgroundlibrary {
  background-image: url('../images/GOFORAWALK.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-self: center;
  width: 100vw;
  position: relative;
}

.bluebackbround {
  background-color: #274068c7;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  height: auto;
  margin: 40px 10%;
  padding: 71px 5% 60px;
  display: flex;
  position: relative;
}

.librarypage {
  background-color: var(--white);
  flex-flow: column;
  align-items: center;
  margin-top: 160px;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: relative;
}

.videos-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.videostitle {
  color: var(--bokblue);
  text-align: center;
  letter-spacing: 0;
  margin-top: 21px;
  margin-bottom: 0;
  padding: 0 100px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
}

.videostitle.c {
  border-bottom: 4px solid var(--bok-orange);
  margin-top: 0;
  font-size: 2em;
  font-weight: 400;
}

.pagetitle {
  background-image: url('../images/TheBodyOfKnowledgeWhiteHeadline.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 44vw;
  height: 145px;
  display: flex;
  position: relative;
}

.librarywhitepara {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  margin-top: 26px;
  margin-bottom: 0;
  padding: 0 10% 20px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
  transform: translate(0);
}

.bookcoverimage {
  z-index: 99;
  background-image: url('../images/Body-Of_Knowledge_Book_cover.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 350px;
  position: absolute;
  inset: -30px -10% auto auto;
}

.div-block-14 {
  display: flex;
}

.chapterbutton {
  background-color: var(--bok-orange);
  text-align: center;
  margin: 24px 60px 26px 40px;
}

.chapterbutton:hover {
  background-color: var(--bok-orange);
  color: var(--white);
}

.container-4 {
  max-width: 1200px;
}

.library-video {
  justify-content: center;
  margin: 34px auto;
  display: flex;
}

.backgroundproducts {
  background-image: linear-gradient(93deg, #26a8df2e, #fff);
  align-self: center;
  width: 100vw;
  position: relative;
}

.pagetitleproducts {
  background-image: url('../images/Stay-on-Track-Headline.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: flex-start;
  width: 349px;
  height: 126px;
  display: flex;
  position: relative;
}

.productsparacopy {
  color: var(--bokblue);
  text-align: center;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0 10% 20px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
  transform: translate(0);
}

.productheroshot {
  background-image: url('../images/PureProteinBar2to1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-self: center;
  width: 600px;
  height: 365px;
  margin-top: -98px;
  padding-bottom: 0;
  display: flex;
}

.productelements {
  background-color: #fff0;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  height: auto;
  margin: 0 10% 75px;
  padding-top: 71px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.benefitscallout {
  z-index: 99;
  background-image: url('../images/ICON_rightSnacks.png');
  background-position: 50%;
  background-size: cover;
  width: 200px;
  height: 200px;
  transition: opacity .2s;
  position: absolute;
  inset: 220px 19% auto auto;
  transform: rotate(6deg);
}

.heading-3 {
  color: var(--bokblue);
  align-self: flex-start;
  width: 100%;
  margin-top: 37px;
  font-weight: 500;
}

.product-header {
  z-index: 99;
  flex-direction: row;
  width: 100%;
  margin-bottom: -75px;
  display: flex;
  position: relative;
}

.div-block-18 {
  background-image: url('../images/SelectThree.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 222px 164px;
  width: 320px;
  height: 200px;
  margin-top: -5px;
  margin-right: -40px;
  display: flex;
}

.products-page {
  background-color: var(--white);
  flex-flow: column;
  align-items: center;
  margin-top: 160px;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: relative;
}

.subtotals {
  border: 3px solid var(--bokblue);
  background-color: var(--white);
  border-radius: 14px;
  align-self: flex-end;
  width: 360px;
  margin-top: 0;
  margin-right: 0;
  padding: 20px 32px 32px;
  position: relative;
}

.text-block-88 {
  margin-top: 10px;
  margin-right: 20px;
  font-weight: 300;
  line-height: 1.4em;
  display: flex;
}

.text-block-89 {
  font-size: 1.3em;
}

.div-block-19 {
  border-top: 2px solid var(--grey);
  justify-content: flex-end;
  margin-top: 13px;
  display: flex;
  position: relative;
}

.totals {
  text-align: right;
  margin-top: 10px;
  margin-right: 0;
  font-weight: 300;
  line-height: 1.4em;
}

.placeorderbutton {
  background-color: var(--bokblue);
  border-radius: 16px;
  flex-direction: row;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 360px;
  margin-top: 16px;
  margin-bottom: 19px;
  margin-right: 0;
  transition: background-color .2s;
  display: flex;
}

.placeorderbutton:hover {
  background-color: var(--bok-orange);
}

.better-offer {
  flex-direction: row;
  align-self: flex-end;
  margin-top: 40px;
  margin-right: 10%;
  display: flex;
  position: relative;
}

.div-block-21 {
  z-index: 99;
  background-image: url('../images/Subscribecall-out.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 181px;
  width: 220px;
  margin-top: -85px;
  margin-bottom: 33px;
  margin-right: -21px;
  position: relative;
}

.whythesesnacks {
  grid-column-gap: 48px;
  grid-row-gap: 5px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  justify-items: end;
  width: auto;
  height: auto;
  margin-bottom: 55px;
  margin-left: 5%;
  margin-right: 5%;
  display: grid;
  position: relative;
}

.footerpromo {
  background-color: #26a8df3b;
  background-image: url('../images/FooterPromo_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 700px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nutritioninfo {
  background-image: url('../images/FullNutritionLabel.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  align-self: flex-start;
  align-items: flex-end;
  width: 280px;
  height: 280px;
  display: flex;
}

.paragraph-3 {
  color: var(--bokblue);
  text-align: right;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  padding-right: 10px;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.4em;
  display: flex;
}

.whywechoose-this {
  flex-direction: column;
  width: auto;
  margin-right: 0;
  padding-right: 10px;
  display: flex;
}

.text-block-91 {
  color: var(--bokblue);
  text-align: right;
  align-self: flex-end;
  margin-right: 0;
  padding-right: 10px;
  font-size: 1.7em;
  font-weight: 500;
  line-height: 1.3em;
  display: flex;
}

.chapterspages {
  background-color: var(--white);
  flex-flow: column;
  align-items: center;
  margin-top: 160px;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: relative;
}

.backgroundchapters {
  background-image: linear-gradient(93deg, #26a8df30 25%, #fff);
  align-self: center;
  width: 100vw;
  position: relative;
}

.chapters-elemetns {
  background-color: #fff0;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  height: auto;
  margin: 0 10% 75px;
  padding-top: 60px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.chapterstitle {
  background-image: url('../images/HowyourBodyWorks-Headline.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: flex-start;
  align-items: center;
  width: 70%;
  height: 108px;
  margin-bottom: 9px;
  display: flex;
  position: relative;
}

.sectionorpage {
  border: 2px solid var(--white);
  background-color: var(--white);
  justify-content: space-between;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: 225px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 30px 5px 40px;
  display: flex;
  position: relative;
}

.sectionorpage:hover {
  border: 2px solid var(--white);
  background-color: #ffffffbd;
}

.chaptersheadertitle {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.book-smaller {
  background-image: url('../images/Body-Of_Knowledge_Book_cover.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-self: flex-end;
  width: 218px;
  height: 239px;
  margin-bottom: -27px;
  margin-left: 0;
  display: flex;
  position: relative;
  inset: 0% auto -17px 0;
}

.book-smaller.chap {
  width: 429px;
}

.openpage {
  border: 2px solid var(--grey);
  background-color: var(--white);
  color: var(--grey);
  text-align: center;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 161px;
  height: 35px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 1em;
  font-weight: 300;
  display: flex;
}

.openpage:hover {
  border-color: var(--bok-orange);
  background-color: var(--bok-orange);
  color: var(--white);
  font-size: .8em;
}

.pagedescription {
  flex-direction: column;
  width: 80%;
  margin-top: 13px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.pagesdescription-text {
  color: var(--bokblue);
  align-self: flex-start;
  width: 100%;
  margin-bottom: 20px;
  margin-left: 0;
  padding-right: 10px;
  font-weight: 300;
  line-height: 1.4em;
}

.chapters-pageheading {
  color: var(--brand-bokblue);
  margin-bottom: 10px;
  font-size: 1.4em;
}

.chapter-number {
  color: var(--brand-bokblue);
  align-self: center;
  margin-top: 0;
  position: relative;
}

.chapterdescription {
  color: var(--bokblue);
  align-self: flex-start;
  width: 90%;
  margin-bottom: 0;
  margin-left: 7px;
  font-weight: 300;
  line-height: 1.4em;
}

.div-block-25 {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 12px;
  display: flex;
  position: relative;
}

.chapterspageimage {
  background-image: url('../images/screen-shot-2015-10-21-at-43724-pm.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 200px;
  position: relative;
}

.chapterspageimage:hover {
  opacity: .58;
}

.chapterspageimage._2 {
  background-image: url('../images/giphy-4.gif');
}

.chapterspageimage._3 {
  background-image: url('../images/giphy-14.gif');
}

.chapterspageimage._4 {
  background-image: url('../images/NutritionChart.png');
}

.chapterspageimage._5 {
  background-image: url('../images/FAQWeight.png');
}

.chapterspageimage._6 {
  background-image: url('../images/36975031_s.jpg');
}

.chapterspageimage._7 {
  background-image: url('../images/Callout_Testimonial.png');
}

.chapterspageimage._9 {
  background-image: url('../images/SteakSaladEdamame.jpg');
  background-position: 50% 0;
  background-size: 314px;
}

.chapterspageimage._3-copy {
  background-image: url('../images/IntroImageCoupleOK.png');
}

.chapterspageimage._9 {
  background-image: url('../images/IntroImageWomanDocOK.png');
}

.chapterspageimage._5 {
  background-image: url('../images/IntroImageCoupleOK.png');
  width: 220px;
}

.chapterspageimage.fat {
  background-image: url('../images/LunchEggSaladAvocado.jpg');
}

.chapterspageimage.p {
  background-image: url('../images/SteakSaladEdamame.jpg');
  background-position: 50% 0;
  background-size: 315px;
}

.chapterspageimage.fc {
  background-image: url('../images/APFeaturesTHREE.png');
  background-size: contain;
  width: 200px;
}

.chapterspageimage.fatcocktail {
  background-image: url('../images/Big_Mac_hamburger.jpg');
  background-size: cover;
  width: 200px;
}

.chapterspageimage._1 {
  height: 200px;
}

.div-block-26 {
  flex-direction: row;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.back {
  background-image: url('../images/BACKARROW_1BACKARROW.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 18px 32px;
  flex: none;
  width: 25px;
  height: 44px;
  margin-left: 5px;
  margin-right: 9px;
  transition: all .2s;
}

.back:hover {
  opacity: 1;
  flex: 0 auto;
  transform: rotate(180deg);
}

.page-header {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 12px;
  display: flex;
  position: relative;
}

.pageheadertitle {
  color: var(--bokblue);
  letter-spacing: -1px;
  align-self: flex-start;
  width: 100%;
  margin-bottom: 0;
  margin-left: 7px;
  font-size: 2.3em;
  font-weight: 400;
  line-height: 1.4em;
}

.text-span-25 {
  font-weight: 300;
}

.backtochapters {
  border: 2px solid var(--grey);
  background-color: var(--white);
  color: var(--grey);
  text-align: center;
  width: 144px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  font-size: .9em;
  font-weight: 300;
}

.backtochapters:hover {
  border-color: var(--bok-orange);
  background-color: var(--bok-orange);
  color: var(--white);
  font-size: .8em;
}

.page-content-section {
  border: 2px solid var(--white);
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 10px;
  padding: 40px 40px 60px;
  display: flex;
  position: relative;
}

.page-content-section:hover {
  border: 2px solid var(--white);
  background-color: #ffffffbd;
}

.pagespagetitle {
  color: var(--brand-bokblue);
  align-self: flex-end;
  width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 37px;
  font-size: 1.8em;
  line-height: 1.4em;
}

.pagespagetitle:hover {
  color: var(--bok-orange);
}

.pagescontent-mainbody {
  border-top: 2px solid var(--bok-orange);
  color: var(--bokblue);
  text-indent: 0;
  align-self: flex-start;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-left: 0;
  padding-top: 40px;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.4em;
  position: static;
}

.pagedescription-copy {
  flex-direction: column;
  width: 100%;
  margin-top: 13px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.text-span-26 {
  font-size: 1.4em;
  line-height: 1.4em;
}

.text-span-27 {
  font-size: 1.5em;
  line-height: 1.3em;
}

.footer-chapters {
  align-self: flex-start;
  align-items: center;
  margin-top: 89px;
  display: flex;
}

.nextpagelink {
  color: var(--bok-orange);
  margin-left: 31px;
  font-size: 1.3em;
  font-weight: 300;
}

.div-block-28 {
  align-items: center;
  display: flex;
  position: relative;
}

.back-copy {
  background-image: url('../images/BACKARROW_1BACKARROW.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 18px 32px;
  flex: none;
  width: 25px;
  height: 44px;
  margin-left: 5px;
  margin-right: 5px;
  transition: all .2s;
}

.back-copy:hover {
  opacity: 1;
  flex: 0 auto;
  transform: rotate(180deg);
}

.button-text {
  letter-spacing: 2px;
  font-size: 1.8em;
}

.overlay {
  background-color: #26a8df00;
  position: absolute;
  inset: 0%;
}

.outline-button {
  color: #000;
  letter-spacing: 3px;
  text-transform: uppercase;
  border: 1px solid #889ea833;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 16px 32px;
  font-size: 9px;
  line-height: 1.35em;
  text-decoration: none;
  transition: background-color .5s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  overflow: hidden;
}

.outline-button.light {
  z-index: 200;
  background-color: var(--brand-bokblue);
  color: #fff;
  border-width: 3px;
  border-color: #ffffff5c;
  width: 52%;
  max-width: 260px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
  position: relative;
}

.xxl-heading {
  color: var(--bokblue);
  text-align: left;
  letter-spacing: 0;
  font-size: 2.4em;
  font-weight: 400;
  line-height: 1.2em;
}

.xxl-heading.slide2 {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.3em;
}

.hero-intro {
  grid-column-gap: 16px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  max-width: 647px;
  font-size: 1.2em;
  line-height: 1.2em;
  display: grid;
}

.hero-intro.slide2 {
  grid-row-gap: 10px;
  border-left: 6px none var(--bok-orange);
  color: #fff;
  background-color: #fff9;
  grid-template-columns: .3fr 3fr;
  place-items: start end;
  width: 84%;
  min-width: auto;
  max-width: 630px;
  padding: 50px 30px 20px 20px;
}

.slide-content {
  justify-content: center;
  width: auto;
  height: 100%;
  padding-bottom: 40px;
  display: flex;
}

.slider-arrow {
  z-index: 999;
  border: 3px solid #ffffff80;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 180px;
  margin: auto;
  padding-top: 65px;
  padding-left: 114px;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0% auto 0% -90px;
}

.slider-arrow.right {
  border-width: 3px;
  border-color: #fff9;
  flex-direction: row;
  align-items: center;
  padding: 65px 113px 0 0;
  display: block;
  bottom: 0;
  left: auto;
  right: -90px;
}

.slider {
  background-color: #0000;
  background-image: url('../images/INTROImagesBACKGROUND.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 900px;
  position: static;
}

.hero-top {
  border-style: none;
  border-width: 2px 2px 2px 0;
  border-color: var(--bok-orange) black black var(--bok-orange);
  color: #fff;
  text-align: center;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.slide-hero-background {
  position: absolute;
  inset: 0%;
}

.slide-hero-background.slider-001 {
  background-image: url('../images/IntroImageGirlonCarOK.png');
  background-position: -14px 100%;
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-attachment: scroll;
  width: auto;
  height: auto;
  inset: 0%;
}

.slide-hero-background.slider-003 {
  z-index: 99;
  background-image: url('../images/IntroImageWomanDocOK.png');
  background-position: -10% 100%;
  background-repeat: no-repeat;
  background-size: auto 86%;
}

.slide-hero-background.slider-002 {
  z-index: 99;
  background-image: url('../images/IntroImageYummydonutOK.png');
  background-position: -2% 100%;
  background-repeat: no-repeat;
  background-size: auto 84%;
  width: auto;
  height: 100%;
  inset: 0%;
}

.slider-background {
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: block;
  position: static;
  inset: 0%;
}

.inner-hero-content {
  z-index: auto;
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: auto;
  margin-top: 14%;
  margin-left: 37%;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  position: relative;
}

.slide {
  width: auto;
}

.slide-nav {
  display: none;
}

.slider-background-wrapper {
  z-index: 99;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.grid-wrapper {
  z-index: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  display: grid;
  position: relative;
  overflow: visible;
}

.home-hero {
  justify-content: space-between;
  width: 100vw;
  min-height: auto;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-arrow-icon {
  opacity: .58;
  flex: none;
  align-self: center;
  width: 34px;
  max-width: 100%;
  height: 34px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  inset: 0%;
}

.slidetextdiv {
  flex-direction: row;
  margin-bottom: 20px;
  display: flex;
}

.orange-arrow {
  background-image: url('../images/ORange-Arrow.png');
  background-position: 50% 7%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 40px;
  height: 60px;
  margin-left: 0;
}

.text-span-29 {
  font-weight: 500;
}

.mask {
  width: 100vw;
  position: static;
}

.nudgetime {
  background-image: url('../images/FAQNudgetime.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: row;
  justify-content: center;
  width: 20vw;
  min-width: auto;
  margin-left: 28px;
  display: flex;
  position: relative;
}

.transition-sweep {
  z-index: 9999;
  background-color: var(--bokblue);
  background-image: linear-gradient(to bottom, var(--bokblue), var(--bokblue));
  opacity: 1;
  height: 110vh;
  display: none;
  position: absolute;
  inset: 0%;
  transform: translate(0);
}

.text-span-30 {
  font-size: 1.4em;
  font-weight: 500;
}

.paragraph-4 {
  color: var(--bokblue);
  text-align: center;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  width: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  padding-left: 60px;
  padding-right: 60px;
  font-size: .8em;
  font-weight: 300;
  line-height: 1.4em;
  display: flex;
}

.container-5 {
  max-width: 900px;
  height: auto;
  margin-top: 160px;
}

.product-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  height: 560px;
}

.productgrid {
  grid-column-gap: 46px;
  grid-row-gap: 39px;
  grid-template-rows: auto auto auto auto;
  width: 100%;
  height: auto;
  margin-top: 62px;
  margin-bottom: 60px;
}

.productheader {
  margin-top: 53px;
}

.productpagedescription {
  color: var(--grey);
}

.productpageheading {
  color: var(--bokblue);
}

.price {
  color: var(--brand-bokblue);
}

.option {
  display: none;
}

.add-to-cart {
  margin-top: 11px;
}

.field-label {
  color: var(--bokblue);
  margin-bottom: 11px;
  font-weight: 400;
}

.quantity {
  color: var(--grey);
}

.addtocartlist {
  background-color: var(--brand-bokblue);
  text-align: center;
  border-radius: 15px;
  justify-content: center;
  width: 50%;
  margin-top: 0;
  padding-top: 9px;
}

.default-state {
  margin-bottom: 0;
}

.icon {
  color: var(--brand-bokblue);
  border-radius: 11px;
  width: 36px;
  height: 36px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 1.4em;
}

.cart-button {
  background-color: #0000;
  padding-top: 5px;
  padding-bottom: 5px;
}

.cart-quantity {
  background-color: var(--brand-bokblue);
  color: var(--white);
  margin-top: -27px;
  margin-left: 0;
}

.heading-4 {
  color: var(--bokblue);
  margin-top: 47px;
  font-size: 1.4em;
  font-weight: 400;
}

.text-block-93 {
  color: var(--bokblue);
}

.text-block-94 {
  color: var(--brand-bokblue);
}

.cart-header {
  opacity: 1;
  background-color: #efefef;
  height: 10vw;
  padding-top: 0;
  padding-bottom: 20px;
}

.text-block-95 {
  color: var(--brand-bokblue);
}

.productlistgrid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 20px;
  padding: 16px 20px 16px 16px;
  display: grid;
}

.listproductimage {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  height: 242px;
}

.producttitlegroup {
  color: var(--bokblue);
  font-size: 30px;
}

.productpagedescriptiongroup {
  color: var(--grey);
  font-size: 1em;
  font-weight: 300;
  line-height: 1.4em;
}

.div-block-31 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.default-statelist {
  align-items: center;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.field-labellist {
  color: var(--bokblue);
  margin-top: 10px;
  margin-bottom: 11px;
  margin-right: 10px;
}

.quantitylist {
  color: var(--grey);
  margin-bottom: 0;
  margin-right: 20px;
}

.price-listed {
  color: var(--brand-bokblue);
  margin-right: 20px;
}

.checkoutnow-button {
  width: 100%;
  margin-top: 14px;
}

.text-block-96 {
  margin-left: 42px;
}

.cart-button-2 {
  background-color: var(--brand-bokblue);
  width: 100%;
}

.text-block-97 {
  margin-left: 12px;
}

.text-block-98 {
  text-align: right;
  background-color: #ff931e;
  align-self: flex-end;
  width: 60%;
  margin-top: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
}

.cart-container {
  border: 3px solid var(--white);
  background-color: var(--white);
  border-radius: 26px;
  max-width: 600px;
}

.empty-state {
  background-color: #fff3;
  background-image: linear-gradient(#ffffffb5, #ffffffb5), url('../images/giphy-4.gif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 60px;
  padding-left: 40px;
}

.button-2 {
  background-color: var(--bok-orange);
  border-radius: 18px;
  margin-top: 30px;
  padding-left: 40px;
  padding-right: 40px;
  transition: opacity .2s;
}

.button-2:hover {
  background-color: var(--brand-bokblue);
}

.close-button {
  color: var(--white);
  align-self: center;
  width: 26px;
  height: 26px;
  display: block;
  position: relative;
}

.text-block-99 {
  padding-right: 119px;
  font-size: 1.4em;
  line-height: 1.3em;
}

.cart-form-wrapper {
  background-color: var(--white);
}

.error-state {
  background-color: var(--bok-orange);
}

.error-message {
  color: var(--white);
  text-align: center;
}

.heading-6 {
  font-weight: 500;
}

.field-label-2 {
  font-size: 1em;
  font-weight: 400;
}

.text-block-100 {
  margin-bottom: 13px;
  font-weight: 400;
}

.heading-7, .field-label-3, .field-label-4, .field-label-5 {
  font-weight: 400;
}

.text-block-101 {
  font-weight: 500;
}

.block-header {
  background-color: #e0f0f6;
}

.utility-page-wrap {
  background-color: var(--brand-bokblue);
  opacity: 1;
  background-image: url('../images/OKGirlonCARveer1598082BLUR650.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  border: 2px solid var(--white);
  text-align: center;
  background-color: #ffffff63;
  flex-direction: column;
  width: 40%;
  padding: 34px 34px 85px;
  display: flex;
}

.heading-8 {
  color: var(--white);
  font-size: 39px;
  font-weight: 400;
}

.div-block-32 {
  color: var(--bokblue);
}

.homebuttom404 {
  border: 1px solid var(--white);
  background-color: var(--bokblue);
  margin-top: 40px;
  margin-left: 40px;
  margin-right: 40px;
}

.homebuttom404:hover {
  background-color: var(--bokblue);
}

.loginpopup-new {
  background-color: #ebeeea;
  border-radius: 20px;
  width: 400px;
  height: 300px;
  padding-left: 20px;
  display: none;
  position: absolute;
  inset: 6% 5% auto auto;
  box-shadow: -3px 8px 18px #0000008f;
}

.wfformfield {
  width: 100%;
  height: 44px;
}

.wfformfield:hover {
  border: 1px solid var(--bok-orange);
  border-radius: 15px;
}

.form {
  margin-left: 0;
  padding-top: 0;
}

.field-label-6 {
  color: var(--bokblue);
  font-weight: 300;
}

.field-label-7 {
  color: var(--bokblue);
  align-self: flex-start;
  font-weight: 300;
  display: block;
}

.success-message {
  background-color: var(--brand-bokblue);
  width: 90%;
}

.text-block-103 {
  color: var(--white);
}

.loginformstyle {
  padding-left: 10px;
}

.error-message-2 {
  background-color: var(--bok-orange);
  width: 90%;
}

.text-block-104 {
  color: var(--white);
}

.contact-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.form-block {
  background-image: linear-gradient(62deg, #26a8df33, #fff);
  width: 70%;
  margin-top: 40px;
  padding: 58px;
}

.field-label-8 {
  color: var(--bokblue);
  font-weight: 400;
}

.field-label-9 {
  color: var(--bokblue);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
}

.submit-button {
  width: 31%;
  margin-top: 20px;
}

.submit-button:hover {
  background-color: var(--bok-orange);
}

.text-field {
  border: 1px solid #26a8df59;
  font-size: 1em;
}

.text-field-2 {
  border: 1px solid #26a8df7d;
  font-size: 1em;
}

.textarea {
  border: 1px solid #26a8df87;
  font-size: 1em;
}

.success-message-2 {
  background-color: var(--brand-bokblue);
  color: var(--white);
}

.text-block-105 {
  font-weight: 300;
}

.div-block-33 {
  text-transform: capitalize;
  background-image: url('../images/BOKBrandSVG.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 80px;
  height: 80px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.error-message-3 {
  background-color: var(--bok-orange);
}

.text-block-106 {
  color: var(--white);
  font-weight: 300;
}

.text-span-31 {
  font-weight: 500;
}

.submit-button-2 {
  background-color: var(--brand-bokblue);
  width: 60%;
  margin-top: 20px;
}

.mobilelogin {
  display: none;
}

.mloginpopup {
  z-index: 999999;
  background-color: #ebeeea;
  border-radius: 20px;
  width: 400px;
  height: 550px;
  padding-left: 20px;
  display: block;
  position: absolute;
  inset: 6% 5% auto auto;
  box-shadow: -3px 8px 18px #0000008f;
}

.mmenutoptitle {
  width: auto;
  margin-top: 50px;
  margin-bottom: 23px;
  margin-left: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 23px;
}

.checkout-form {
  margin-top: 176px;
}

.order-confirmation {
  margin-top: 192px;
}

.heading-9 {
  font-size: 1.7em;
  font-weight: 400;
}

.block-header-2 {
  color: var(--brand-bokblue);
}

.heading-10 {
  color: var(--white);
  font-weight: 400;
}

.block-header-3 {
  background-color: var(--brand-bokblue);
}

.heading-11 {
  color: var(--brand-bokblue);
  font-weight: 500;
}

.heading-12, .heading-13 {
  color: var(--brand-bokblue);
  font-weight: 400;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.bokbrandicon {
  align-self: center;
}

.text-field-3 {
  height: 48px;
}

.heading-14 {
  margin-bottom: 45px;
}

.utility-background {
  background-color: var(--brand-bokblue);
  background-image: linear-gradient(to bottom, var(--brand-bokblue), var(--brand-bokblue));
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utilityinset {
  border: 2px none var(--white);
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  width: 40%;
  padding: 34px 34px 85px;
  display: flex;
}

.div-block-37 {
  justify-content: flex-start;
  display: flex;
}

.div-block-38 {
  margin-left: 26px;
  margin-right: 54px;
}

.form-help {
  border-style: dashed none none;
  border-width: 3px 2px 2px;
  border-color: var(--grey);
  background-color: #ebeeea;
  flex-direction: column;
  margin-top: -56px;
  margin-left: 0;
  padding-top: 30px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.form-modal {
  margin-left: 0;
  padding-top: 0;
}

.text-block-108 {
  margin-bottom: 20px;
}

.pwhelpform {
  padding-left: 10px;
  display: none;
}

.checkbox {
  width: 26px;
  height: 26px;
  margin-top: 0;
  margin-left: 0;
}

.checkbox-label {
  color: var(--bokblue);
  margin-bottom: 0;
  margin-left: 13px;
  font-size: .8em;
  font-weight: 300;
}

.checkbox-field {
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 12px;
  display: flex;
}

.passwordassistblockmo {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-self: center;
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 49px;
  display: flex;
}

.text-span-32 {
  font-weight: 300;
}

.closexbuttonpwhelp {
  background-image: url('../images/CloseButton.svg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  padding: 0;
  transition: all .2s;
  position: absolute;
  inset: 0 0 auto auto;
}

.closexbuttonpwhelp:hover {
  background-image: url('../images/CyanBlueCircle2x.png');
  padding: 2px;
}

.closexbuttonpwhelp:active {
  background-image: url('../images/BOKroundel2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  transform: rotate(0);
}

.closexbuttonpwhelp.log {
  background-repeat: no-repeat;
  background-size: 36px 36px;
  width: 40px;
  height: 40px;
  margin-top: 20px;
  margin-right: 20px;
  padding: 3px;
}

.div-block-40 {
  flex-direction: row;
  margin-bottom: 26px;
  display: flex;
}

.text-span-33 {
  font-size: 1.3em;
  font-weight: 400;
}

.text-span-34 {
  font-size: 1.4em;
  font-weight: 400;
}

.text-span-35 {
  font-size: 1.5em;
  font-weight: 500;
}

.image-4 {
  margin-bottom: 85px;
}

.image-5 {
  margin-bottom: 20px;
}

.text-span-36 {
  font-size: 1.5em;
}

.text-span-37 {
  font-size: 1.5em;
  font-weight: 400;
}

.text-span-38 {
  font-size: 1.4em;
  font-weight: 400;
}

.text-span-39 {
  font-size: 1.5em;
  font-weight: 400;
}

.text-span-40, .text-span-41, .text-span-42 {
  font-size: 1.4em;
  font-weight: 400;
}

.text-span-43 {
  font-size: 1.4em;
}

.pagescontentinset {
  background-color: var(--white-smoke);
  color: var(--bokblue);
  align-self: flex-start;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-left: 0;
  padding: 40px;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.5em;
}

.text-span-44 {
  font-size: 1.5em;
}

.text-span-45 {
  font-size: 1.5em;
  font-weight: 400;
}

.text-span-46 {
  font-size: 1.5em;
  line-height: 1.4em;
}

.text-span-47, .text-span-48 {
  font-size: 1.5em;
  font-weight: 400;
}

.div-block-41 {
  background-color: var(--white-smoke);
  border-radius: 40px;
  margin-top: 29px;
  margin-bottom: 40px;
}

.image5 {
  margin-top: 40px;
  margin-bottom: 0;
  padding-left: 38px;
}

.pagescontentinsetblank {
  color: var(--bokblue);
  background-color: #0000;
  align-self: flex-start;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 40px;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.5em;
}

.text-span-49 {
  font-size: 1.5em;
  font-weight: 400;
}

.image-scale {
  background-color: var(--brand-bokblue);
  margin-bottom: 0;
  padding: 40px;
}

.image5-copy {
  margin-top: 0;
  margin-bottom: 40px;
  padding-left: 38px;
}

.italic-text {
  font-size: 1.1em;
  font-weight: 400;
}

.text-span-50 {
  font-size: 1.6em;
  font-weight: 400;
}

.text-span-51 {
  font-size: 1.5em;
  font-weight: 400;
}

.text-span-52 {
  font-size: 1.6em;
  font-weight: 500;
}

.paragraph-5 {
  background-color: var(--brand-bokblue);
  color: var(--white);
  padding-left: 40px;
  padding-right: 40px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
}

.bold-text {
  font-size: 1.5em;
}

.text-span-53 {
  font-size: 1.5em;
  font-weight: 400;
}

.text-span-54, .text-span-55 {
  font-size: 1.5em;
}

.text-span-56, .text-span-57, .text-span-58, .text-span-59 {
  font-size: 1.6em;
  font-weight: 500;
}

.text-span-60 {
  font-size: 1.5em;
  font-weight: 400;
}

.text-span-61, .text-span-62 {
  font-weight: 300;
}

.text-span-63 {
  font-size: 1.5em;
  font-weight: 400;
}

.div-block-42 {
  background-color: var(--brand-bokblue);
  width: 80%;
  margin-top: 28px;
  padding-left: 16px;
  padding-right: 17px;
}

.paragraph-6 {
  color: var(--white);
  margin-top: 20px;
  padding: 20px 23px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
}

.text-span-64 {
  font-size: 1.5em;
}

.plainparagraph {
  color: var(--bokblue);
  white-space: normal;
  margin-top: 37px;
  margin-bottom: 0;
  padding: 10px 23px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
}

.text-span-65 {
  font-size: 1.6em;
  font-weight: 400;
}

.bluecallout {
  background-color: var(--brand-bokblue);
  align-self: flex-start;
  width: 60%;
}

.text-span-66 {
  font-size: 1.6em;
  font-weight: 400;
}

.text-span-67 {
  font-weight: 400;
  text-decoration: underline;
}

.text-span-68 {
  letter-spacing: 1px;
  text-transform: uppercase;
}

.text-span-69 {
  font-size: 1.5em;
  font-weight: 400;
}

.text-span-70 {
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.3em;
}

.text-span-71 {
  text-transform: uppercase;
  font-weight: 500;
}

.text-span-72 {
  font-size: 1.4em;
  font-weight: 400;
}

.text-span-73, .text-span-74 {
  font-size: 1.5em;
}

.text-span-75 {
  font-size: 1.5em;
  font-weight: 400;
}

.div-block-43 {
  background-image: url('../images/Screenshot-2021-06-25-at-3.05.30-pm.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60%;
  height: 400px;
  display: block;
}

.toungue {
  background-color: var(--brand-bokblue);
  background-image: url('../images/Screenshot-2021-06-25-at-3.19.54-pm.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: flex-end;
  width: auto;
  height: 350px;
  margin-top: 20px;
  margin-left: 0;
  display: block;
  position: relative;
}

.toungueblock {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--brand-bokblue);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: flex-start;
  width: 90%;
  margin-bottom: 56px;
  padding: 20px;
  display: grid;
}

.paragraph-7 {
  float: left;
  color: var(--white);
  column-count: 1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.4em;
}

.text-span-76 {
  font-size: 1.4em;
  font-weight: 400;
}

.paragraph-right {
  float: left;
  color: var(--white);
  column-count: 1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.4em;
}

.text-span-77 {
  font-size: 1.5em;
  font-weight: 400;
}

.text-span-78 {
  text-transform: none;
}

.div-block-44 {
  background-color: var(--brand-bokblue);
}

.text-span-79 {
  font-size: 1.4em;
}

.text-span-80 {
  font-size: 1.7em;
  line-height: 1.5em;
}

.text-span-81 {
  text-transform: uppercase;
  line-height: 1.4em;
}

.text-span-82 {
  font-size: .7em;
}

.text-span-83 {
  font-size: 1.5em;
  line-height: 1.3em;
}

.plainparagraphtop {
  border-top: 3px solid var(--bok-orange);
  color: var(--bokblue);
  white-space: normal;
  margin-top: 20px;
  padding: 20px 23px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
}

.div-block-45 {
  align-self: flex-end;
  margin-left: 20px;
}

.pagespagetitle-link {
  color: var(--brand-bokblue);
  align-self: flex-end;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 1.8em;
  line-height: 1.4em;
}

.pagespagetitle-link:hover {
  color: var(--bok-orange);
}

.mealplan {
  margin-bottom: 77px;
}

.text-span-84 {
  letter-spacing: 7px;
}

.div-block-46 {
  background-image: url('../images/PureProteinBar2to1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  margin-top: 120px;
}

.div-block-46.pack {
  background-image: url('../images/81WBhF8rysL._AC_SL1500_.jpg');
  background-position: 50% 100%;
  background-repeat: repeat;
  background-size: cover;
  height: 300px;
}

.div-block-46.dinner {
  background-image: url('../images/ChickenBurritoBowl.jpg');
}

.mealplanimagebf {
  background-image: url('../images/36975031_s.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  margin-top: 120px;
}

.ordersnack-button {
  border-radius: 14px;
  margin-top: 23px;
  margin-left: 20px;
}

.ordersnack-button:hover {
  background-color: var(--bok-orange);
  border-radius: 13px;
}

.div-block-47 {
  background-image: url('../images/LunchEggSaladAvocado.jpg');
  background-position: 0 0;
  background-size: auto;
  height: 200px;
}

.subnavigation {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.subnav-link {
  color: var(--bokblue);
  align-self: flex-end;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 1.1em;
  line-height: 1.4em;
}

.subnav-link:hover {
  color: var(--bok-orange);
}

.div-block-48 {
  background-color: var(--white-smoke);
  flex-direction: column;
  width: 100%;
  padding: 20px 40px;
  display: flex;
}

.bulletheads {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 23px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
}

.bulletsparagraph {
  color: var(--bokblue);
  white-space: normal;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 10px 23px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
}

.div-block-49 {
  margin-top: 39px;
}

.text-span-85, .text-span-86, .text-span-87, .text-span-88, .text-span-89 {
  font-size: 1.8em;
}

.text-span-91 {
  font-size: 1.6em;
  font-weight: 400;
}

.text-span-92 {
  font-size: 1.5em;
  font-weight: 400;
}

.text-span-93, .text-span-94 {
  font-size: 1.6em;
  font-weight: 400;
}

.text-span-95, .text-span-96 {
  font-size: 1.5em;
  font-weight: 400;
}

.subhead {
  font-size: 1.6em;
  font-weight: 400;
}

.chapterspageimage-copy._2 {
  background-image: url('../images/giphy-4.gif');
  height: 200px;
}

.chapterspageimage-copy.fat {
  background-image: url('../images/LunchEggSaladAvocado.jpg');
}

.chapterspageimage-copy.p {
  background-image: url('../images/SteakSaladEdamame.jpg');
  background-position: 50% 0;
  background-size: 315px;
  height: 200px;
}

.chapterspageimage-copy {
  background-image: url('../images/screen-shot-2015-10-21-at-43724-pm.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 225px;
  position: relative;
}

.chapterspageimage-copy:hover {
  opacity: .58;
}

.chapterspageimage-copy._2 {
  background-image: url('../images/giphy-4.gif');
}

.chapterspageimage-copy._3 {
  background-image: url('../images/giphy-14.gif');
}

.chapterspageimage-copy._4 {
  background-image: url('../images/NutritionChart.png');
}

.chapterspageimage-copy._5 {
  background-image: url('../images/FAQWeight.png');
}

.chapterspageimage-copy._6 {
  background-image: url('../images/36975031_s.jpg');
}

.chapterspageimage-copy._7 {
  background-image: url('../images/Callout_Testimonial.png');
}

.chapterspageimage-copy._9 {
  background-image: url('../images/SteakSaladEdamame.jpg');
  background-position: 50% 0;
  background-size: 314px;
}

.chapterspageimage-copy._3-copy {
  background-image: url('../images/IntroImageCoupleOK.png');
}

.chapterspageimage-copy._9 {
  background-image: url('../images/IntroImageWomanDocOK.png');
}

.chapterspageimage-copy._5 {
  background-image: url('../images/IntroImageCoupleOK.png');
  width: 220px;
}

.chapterspageimage-copy.fat {
  background-image: url('../images/LunchEggSaladAvocado.jpg');
  height: 200px;
}

.chapterspageimage-copy.p {
  background-image: url('../images/SteakSaladEdamame.jpg');
  background-position: 50% 0;
  background-size: 315px;
}

.chapterspageimage-copy.fc {
  background-image: url('../images/APFeaturesTHREE.png');
  background-size: contain;
  width: 200px;
}

.chapterspageimage-copy.fatcocktail {
  background-image: url('../images/Big_Mac_hamburger.jpg');
  background-size: cover;
  width: 200px;
}

.html-embed {
  width: auto;
  height: auto;
  margin-bottom: auto;
}

.trustmark {
  color: var(--bokblue);
  text-align: center;
  background-color: #0000;
  align-items: center;
  height: auto;
  max-height: none;
  text-decoration: none;
  display: flex;
}

.button-3 {
  opacity: 1;
  margin-top: 20px;
  margin-bottom: 20px;
}

.button-4 {
  opacity: 1;
  margin-bottom: 20px;
}

.div-block-52 {
  flex-direction: column;
  margin-left: 0;
  display: flex;
  position: relative;
}

.copyrightbyline {
  align-items: center;
  display: flex;
}

.partners {
  min-width: 60px;
  text-decoration: none;
}

.footergrid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  margin-top: -123px;
  margin-left: 5%;
  margin-right: 5%;
  padding-left: 20px;
  padding-right: 20px;
}

.wow-link {
  background-image: url('../images/WOWsiteLinkStayWild.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 70px;
  transition: all .2s;
}

.wow-link:hover {
  background-image: url('../images/WOW-sitelinkPNG.png');
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.html-embed-2 {
  margin-top: 33px;
}

.image-6 {
  outline-offset: 0px;
  outline: 3px #333;
  width: 220.99px;
  height: 220.99px;
}

.heading-16 {
  color: var(--grey);
  text-align: center;
}

.collection-item {
  box-shadow: 6px 6px 6px 4px var(--white-smoke);
  outline-color: var(--white-smoke);
  outline-offset: 0px;
  transform: scale3d(1none, 1none, 1none) translate(0px, 0px);
  transform-style: preserve-3d;
  border-right: 1px #000;
  outline-width: 3px;
  outline-style: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 20px;
  padding: 0;
  display: flex;
}

.div-block-53 {
  width: 143px;
  height: 50px;
  margin-top: 20px;
}

.div-block-54 {
  background-image: url('../images/BODYOF-KNOWLEDGE-LINE_1.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 300px;
  margin-left: 10px;
}

@media screen and (max-width: 991px) {
  .videosection {
    z-index: 666;
  }

  .secondsection {
    width: 100%;
    height: 33vh;
  }

  .paragraphwhite {
    align-self: center;
  }

  .fblbll {
    z-index: 999;
    width: 140px;
    height: 140px;
    position: absolute;
    inset: 0% 0% auto;
  }

  .videoinsert {
    flex-direction: column;
  }

  .appdownload2 {
    margin-top: 0;
  }

  .appapplicationspecs {
    margin-top: 19px;
  }

  .appcopy1 {
    align-items: center;
    margin-top: -67px;
    margin-left: auto;
    margin-right: auto;
  }

  .headingcopy {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-left: 20px;
    margin-right: auto;
    display: flex;
  }

  .appcopy2 {
    margin-top: -1px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .audiocue {
    background-position: 50% 0;
    background-size: 32px;
  }

  .text-span-14 {
    text-align: left;
    align-self: flex-start;
  }

  .appcopy3 {
    height: 374px;
    margin-top: -63px;
  }

  .foodssection {
    height: 110vh;
    margin-top: 0;
  }

  .container-2 {
    z-index: 999;
    margin-top: 0;
  }

  .robertmoorefaculty {
    flex-direction: column;
    margin-top: 64px;
  }

  .foodstext {
    align-items: flex-start;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .bar {
    background-size: 70vw;
    width: 620px;
    bottom: 0%;
    left: auto;
  }

  .fblbllbottom {
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto;
    position: static;
    inset: -19% 5% auto auto;
  }

  .fifthestate {
    align-items: center;
    height: 300px;
    display: flex;
  }

  .customerquotes {
    margin-top: 0;
    margin-left: 7px;
  }

  .customeravatar {
    background-size: 200px;
    width: 200px;
    height: 200px;
    margin-top: -51px;
    margin-left: 0;
  }

  .quote1 {
    flex-direction: column;
    align-self: flex-start;
    margin-top: 0;
    margin-left: 0%;
  }

  .quote2 {
    flex-direction: column;
    justify-content: center;
    margin-top: 9px;
    margin-right: 0;
  }

  .customerquotes2 {
    margin-right: 10px;
  }

  .heading-2 {
    text-align: center;
    align-self: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .customeravatartwo {
    background-image: url('../images/Callout_Testimonial.png');
    background-size: 200px;
    width: 200px;
    height: 200px;
    margin-top: -51px;
    margin-left: 0;
  }

  .navbar-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .container-3 {
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
  }

  .nav-link, .nav-link-2, .nav-link-4 {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-link-4.w--current {
    color: var(--brand-bokblue);
  }

  .dropmenu {
    margin-right: -81px;
  }

  .brand-w {
    display: none;
  }

  .book {
    background-size: cover;
    width: 400px;
    height: 460px;
  }

  .foodtextblock {
    align-self: center;
    height: auto;
  }

  .robertmoorefacultytext {
    align-items: center;
    width: 80%;
    margin-top: 27px;
    margin-left: auto;
    margin-right: auto;
  }

  .moorefacultycapy {
    text-align: center;
    align-self: center;
    margin: 23px auto 20px;
    font-size: 1.6em;
    line-height: 1.2em;
  }

  .moorecopy2 {
    text-align: center;
    align-self: center;
    font-size: 1.2em;
  }

  .foodscopy2 {
    text-align: center;
    align-self: center;
    width: 80%;
    font-size: 1.1em;
  }

  .footer {
    height: auto;
    display: flex;
  }

  .callout {
    flex-direction: column;
    align-self: center;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    position: relative;
    left: auto;
  }

  .qrcode {
    background-size: 200px;
    width: 200px;
    height: 200px;
    margin-top: -59px;
    margin-left: 0;
  }

  .cta {
    text-align: center;
    align-self: flex-end;
    margin-top: 10px;
    margin-left: 0;
  }

  .bokbrandmark {
    margin-right: 0;
  }

  .footerlink {
    text-align: center;
    margin: 0 10px;
    font-weight: 400;
  }

  .corporatebyline {
    flex-direction: column;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    margin-top: 235px;
    margin-right: 0;
    top: auto;
    right: auto;
  }

  .footerlinks {
    justify-content: center;
    align-self: center;
    width: auto;
    padding-right: 0;
  }

  .socialmedia-icon {
    margin-left: 20px;
    margin-right: 20px;
  }

  .socialmedia-icon.f {
    margin-right: 20px;
  }

  .footerlink-copyright {
    justify-content: center;
  }

  .socialmedia {
    justify-content: center;
    margin-right: 0;
  }

  .appappdemoanim {
    width: 300px;
    left: 16%;
    overflow: hidden;
  }

  .appappdemo3 {
    top: -78px;
    left: -3%;
    right: 0%;
    overflow: hidden;
    transform: rotate(11deg);
  }

  .appappdemo1 {
    width: 300px;
    left: 12%;
    overflow: hidden;
  }

  .apppagefeaturesintro {
    width: 300px;
    margin-left: 12px;
  }

  .appheadline {
    height: 96px;
    margin-top: 0;
    margin-bottom: 6px;
  }

  .appgettheapp {
    margin-top: -49px;
    position: static;
    right: -57px;
  }

  .gettheapp-home {
    margin-top: 53px;
    position: static;
    right: -57px;
  }

  .gettheapp-home.b {
    margin-top: 10px;
    margin-bottom: 40px;
  }

  .appheadingone {
    width: 300px;
    margin-left: 0;
  }

  .appwavelengths {
    background-size: auto 61px;
    width: 34%;
    height: 106px;
    margin-top: 1px;
    position: relative;
  }

  .grid {
    grid-template-columns: 1fr 1fr;
    max-width: 800px;
    margin-left: 0;
    margin-right: 0%;
    position: relative;
  }

  .doccorner {
    z-index: 0;
    background-image: url('../images/dreamstimesmall_10160242SQ.jpg');
    background-size: 320px;
    width: 370px;
    height: 420px;
    margin-top: 25px;
    top: 1%;
  }

  .doccorner.b {
    width: 340px;
    margin-top: 81px;
    right: 0%;
  }

  .doccorner.a {
    margin-top: -86px;
  }

  .ordersnacksbutton2 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .appfeatures {
    margin-top: -56px;
    margin-left: 91px;
  }

  .appproductfeature {
    margin-top: -85px;
    margin-left: -163px;
  }

  .appfeaturetext {
    font-size: .9em;
  }

  .featuescalloutblock {
    width: 45%;
  }

  .appproductfeature2 {
    z-index: 99;
    margin-left: -63px;
  }

  .wavelengthshome {
    margin-top: 65px;
  }

  .bokname-mobile-copy {
    display: none;
  }

  .appappdemo4 {
    top: -630px;
    left: 17%;
    right: 0%;
    overflow: hidden;
    transform: rotate(11deg);
  }

  .appappdemo5 {
    top: -339px;
    left: 7%;
    right: 0%;
    overflow: hidden;
    transform: rotate(11deg);
  }

  .appproductfeature2set {
    width: 400px;
    margin-left: -148px;
  }

  .appproductfeature3set {
    width: 400px;
    margin-top: 129px;
    margin-left: -119px;
  }

  .appproductfeature5set {
    width: 400px;
    margin-top: 97px;
    margin-left: -152px;
  }

  .ordersnacksbutton {
    justify-content: center;
  }

  .ordersnacksbutton:hover {
    color: var(--white);
  }

  .heading-copy {
    line-height: 1.4em;
  }

  .nav-link-3 {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-link-3.w--current {
    color: var(--brand-bokblue);
  }

  .navigation-mob {
    z-index: 99999;
    background-color: var(--brand-bokblue);
    border: 0 #fff;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    padding: 25px 3%;
    display: flex;
  }

  .navigation-container-mob {
    justify-content: space-between;
    max-width: 900px;
  }

  .pllogotnav {
    width: 90px;
    margin-left: 21px;
  }

  .mobile-nav {
    z-index: 999;
    background-color: #fff;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    box-shadow: 5px 5px 7px 10px #20355a17;
  }

  .mobile-nav-link {
    z-index: 999;
    background-color: var(--brand-bokblue);
    color: #fff;
    text-align: center;
    width: 100%;
    margin-top: 3px;
    padding-top: 32px;
    padding-bottom: 32px;
    font-size: 25px;
    font-weight: 400;
  }

  .menu-mob {
    color: #fff;
    background-color: #0000;
    background-image: url('../images/NAVMENUClosed.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    border: 1px #000;
    border-radius: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    padding: 10px;
    font-size: 22px;
  }

  .menu-mob:hover {
    background-color: #0000;
    background-image: url('../images/NAVMENUHAMBURGEROPEN.svg');
    width: 80px;
    height: 80px;
  }

  .menu-mob:active {
    width: 80px;
  }

  .menu-mob.w--open {
    background-color: #0000;
    background-image: url('../images/NAVMENUHAMBURGEROPEN.svg');
  }

  .passwordassistblock {
    background-color: var(--white-smoke);
    justify-content: flex-start;
    margin-left: 77px;
  }

  .navigation {
    display: none;
  }

  .navigation-full {
    background-color: #fff;
  }

  .logintabfield {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .navigationelements {
    z-index: 9999;
    align-items: stretch;
  }

  .cookies-privacy-icons {
    flex-direction: column;
  }

  .terms-paragraph {
    margin-top: 40px;
    margin-right: 48px;
  }

  .paragraph-app-pages {
    padding-left: 0;
    padding-right: 0;
  }

  .title-page.b {
    font-size: 2.2em;
    display: none;
    position: relative;
  }

  .mealfrequencyhome {
    padding-left: 40px;
    padding-right: 40px;
  }

  .pagecopyformat {
    margin-top: 0;
  }

  .paragraph-app-copy, .disclaimercopy {
    width: 60%;
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
  }

  .link-block-9 {
    text-align: center;
  }

  .link-block-10 {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
  }

  .homepageappspecs {
    margin-top: 0;
  }

  .appdemohome {
    width: 100vw;
    height: 600px;
  }

  .appdemoanimhome {
    width: 303px;
    height: 500px;
    inset: 0% auto 0% 2%;
    overflow: hidden;
  }

  .appdemo3home {
    background-size: contain;
    width: 250px;
    height: 500px;
    inset: 0% 6% 0% auto;
    overflow: visible;
    transform: rotate(11deg);
  }

  .appdemo2-home {
    width: 250px;
    height: 500px;
    inset: 11% 20% 0% auto;
    overflow: hidden;
    transform: rotate(6deg);
  }

  .appdemo1home {
    width: 250px;
    height: 500px;
    inset: 0% auto 0% 25%;
    overflow: hidden;
  }

  .div-block-11 {
    background-image: linear-gradient(96deg, #bbebff, #fff0 53%);
  }

  .basicproductparagraph.c {
    font-size: 1.6em;
  }

  .faq-a-text {
    font-size: .8em;
  }

  .faq-a-text.lib {
    margin-left: 20px;
    font-size: 1em;
  }

  .faq-q-text.lib {
    font-size: 1.1em;
  }

  .faqitems {
    max-width: 80vw;
  }

  .faq-image, .faq-imagesounds, .faq-imageweight, .faq-imagepushnote {
    width: 38vw;
    margin-left: 0;
  }

  .backgroundlibrary {
    background-image: url('../images/GOFORAWALK.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .librarypage {
    margin-top: 0;
  }

  .videostitle.c {
    font-size: 1.6em;
  }

  .pagetitle {
    height: 90px;
  }

  .librarywhitepara {
    margin-top: 20px;
    font-size: 1.1em;
  }

  .bookcoverimage {
    background-size: contain;
    width: 250px;
    height: 272px;
    right: -17%;
  }

  .backgroundproducts {
    background-image: linear-gradient(84deg, #26a8df6b, #fff);
  }

  .pagetitleproducts {
    height: 90px;
    margin-left: 76px;
  }

  .productheroshot {
    width: 92%;
    height: 326px;
    margin-top: 8px;
  }

  .productelements {
    margin-left: 0%;
    margin-right: 0%;
    padding-top: 38px;
  }

  .benefitscallout {
    top: 200px;
    right: 5%;
  }

  .div-block-18 {
    margin-right: -10px;
  }

  .products-page {
    margin-top: 0;
  }

  .whythesesnacks {
    grid-column-gap: 18px;
    grid-template-columns: 2.25fr 1.75fr;
    margin-left: 40px;
  }

  .footerpromo {
    background-size: auto;
    height: 600px;
    margin-bottom: 100px;
  }

  .paragraph-3 {
    width: 100%;
    font-size: .9em;
  }

  .whywechoose-this {
    padding-left: 10px;
  }

  .text-block-91 {
    font-size: 1.4em;
  }

  .chapterspages {
    margin-top: 0;
  }

  .backgroundchapters {
    background-image: linear-gradient(84deg, #26a8df6b, #fff);
  }

  .chapters-elemetns {
    margin-left: 0%;
    margin-right: 0%;
    padding-top: 38px;
  }

  .chapterstitle {
    height: 90px;
    margin-left: 0;
  }

  .sectionorpage {
    height: 252px;
    padding-left: 20px;
  }

  .chaptersheadertitle {
    width: 100%;
  }

  .book-smaller {
    background-size: cover;
    width: 218px;
    height: 239px;
  }

  .book-smaller.chap {
    width: 403px;
    height: 258px;
  }

  .openpage {
    width: 121px;
    font-size: .7em;
  }

  .pagedescription {
    width: 90%;
    margin-left: 26px;
    padding-right: 0;
  }

  .pagesdescription-text {
    font-size: .9em;
  }

  .chapters-pageheading {
    font-size: 1.3em;
    line-height: 1.1em;
  }

  .chapterdescription {
    font-size: .9em;
  }

  .chapterspageimage {
    height: 100%;
    display: none;
  }

  .chapterspageimage._2, .chapterspageimage._4, .chapterspageimage._6, .chapterspageimage._3-copy {
    height: 100%;
  }

  .chapterspageimage._5 {
    align-self: flex-end;
    align-items: flex-end;
    height: 234px;
    display: flex;
  }

  .chapterspageimage.fat, .chapterspageimage.p {
    height: 100%;
  }

  .chapterspageimage.fc {
    height: 100%;
    display: none;
  }

  .chapterspageimage.fatcocktail {
    height: 100%;
  }

  .back {
    margin-left: 5px;
  }

  .pageheadertitle {
    font-size: 1.7em;
  }

  .backtochapters {
    width: 121px;
    margin-top: 10px;
    font-size: .7em;
  }

  .page-content-section {
    flex-direction: column;
    height: auto;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .pagespagetitle {
    width: 100%;
    margin-left: 10px;
    font-size: 1.6em;
    line-height: 1.3em;
  }

  .pagescontent-mainbody {
    padding-top: 20px;
    font-size: .9em;
  }

  .pagedescription-copy {
    color: var(--bokblue);
    width: 100%;
    margin-left: 0;
    padding-right: 20px;
    font-size: 1.3em;
  }

  .footer-chapters {
    align-items: center;
    display: flex;
  }

  .back-copy {
    margin-left: 5px;
  }

  .button-text {
    letter-spacing: 1px;
    font-size: 1.7em;
    line-height: 1.4em;
  }

  .outline-button.light {
    align-items: center;
    width: 65%;
    min-width: 220px;
    max-width: 231px;
    min-height: 37px;
    margin-top: 0;
    padding: 10px;
  }

  .xxl-heading {
    font-size: 1.5em;
  }

  .xxl-heading.slide2 {
    margin-top: 0;
    font-size: 1.2em;
  }

  .hero-intro.slide2 {
    grid-row-gap: 21px;
    grid-template-columns: .3fr 3fr;
    width: 90%;
  }

  .slider-arrow {
    width: 160px;
    height: 160px;
    padding-top: 60px;
  }

  .slider-arrow.right {
    padding-top: 60px;
  }

  .slider {
    height: 700px;
    padding-left: 0;
    padding-right: 0;
  }

  .slide-hero-background.slider-001 {
    background-size: 78%;
    background-attachment: scroll;
  }

  .slide-hero-background.slider-003 {
    background-position: -57% 100%;
    background-size: auto 89%;
  }

  .slide-hero-background.slider-002 {
    background-position: -113px 100%;
    background-size: 90%;
  }

  .inner-hero-content {
    z-index: 99;
    margin-top: 40px;
    margin-right: 20px;
    padding-top: 36px;
  }

  .grid-wrapper {
    grid-template-rows: minmax(auto, 1fr);
    grid-template-columns: minmax(3vw, .25fr) minmax(auto, 2.75fr) minmax(3vw, .25fr);
  }

  .slider-arrow-icon {
    max-width: none;
    margin-top: 0;
  }

  .orange-arrow {
    background-position: 50% 0;
  }

  .nudgetime {
    width: 38vw;
    margin-left: 0;
  }

  .transition-sweep {
    z-index: 999;
  }

  .paragraph-4 {
    margin-right: 0;
    padding-left: 60px;
  }

  .container-5 {
    justify-content: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .productgrid {
    grid-template-rows: auto auto auto;
  }

  .productlistgrid {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .productpagedescriptiongroup {
    font-size: 1em;
  }

  .text-block-98 {
    width: 80%;
  }

  .text-block-102 {
    font-size: .8em;
  }

  .utility-page-content {
    width: 60%;
  }

  .homebuttom404 {
    margin-left: 0;
    margin-right: 0;
  }

  .wfformfield {
    margin-bottom: 20px;
  }

  .mobilelogin {
    background-color: #ebeeea;
    display: none;
  }

  .mloginpopup {
    box-shadow: none;
    border-radius: 0;
    width: 100vw;
    height: auto;
    margin-top: 0;
    padding-top: 56px;
    padding-bottom: 61px;
    padding-left: 6%;
    position: static;
  }

  .mmenutoptitle {
    margin-top: 0;
    margin-left: 10px;
  }

  .div-block-34 {
    margin-top: 10px;
    margin-right: 20px;
  }

  .checkout-form {
    margin-top: -1px;
  }

  .order-confirmation {
    margin-top: 4px;
  }

  .utilityinset {
    width: 60%;
  }

  .form-help {
    padding-bottom: 60px;
    padding-right: 20px;
  }

  .pwhelpform {
    margin-top: -222px;
    display: none;
  }

  .div-block-39 {
    display: flex;
    position: relative;
  }

  .passwordassistblockmo {
    background-color: var(--white-smoke);
    justify-content: flex-start;
    margin-left: 77px;
  }

  .text-span-32 {
    font-weight: 300;
  }

  .div-block-40 {
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 0;
  }

  .pagescontentinset, .pagescontentinsetblank {
    font-size: .9em;
  }

  .toungue {
    background-position: 0 0;
  }

  .toungueblock {
    grid-row-gap: 11px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .pagespagetitle-link {
    font-size: 1.5em;
    line-height: 1.3em;
  }

  .subnav-link {
    font-size: 1.3em;
    line-height: 1.3em;
  }

  .chapterspageimage-copy._2, .chapterspageimage-copy._4, .chapterspageimage-copy._6, .chapterspageimage-copy._3-copy {
    height: 100%;
  }

  .chapterspageimage-copy.fat, .chapterspageimage-copy.p {
    height: 100%;
  }

  .chapterspageimage-copy._2, .chapterspageimage-copy._4, .chapterspageimage-copy._6, .chapterspageimage-copy._3-copy {
    height: 100%;
  }

  .chapterspageimage-copy.fat, .chapterspageimage-copy.p {
    height: 100%;
  }

  .chapterspageimage-copy {
    height: 100%;
    display: none;
  }

  .chapterspageimage-copy._2, .chapterspageimage-copy._4, .chapterspageimage-copy._6, .chapterspageimage-copy._3-copy {
    height: 100%;
  }

  .chapterspageimage-copy._5 {
    align-self: flex-end;
    align-items: flex-end;
    height: 234px;
    display: flex;
  }

  .chapterspageimage-copy.fat, .chapterspageimage-copy.p {
    height: 100%;
  }

  .chapterspageimage-copy.fc {
    height: 100%;
    display: none;
  }

  .chapterspageimage-copy.fatcocktail {
    height: 100%;
  }

  .cart-container-2 {
    opacity: 1;
  }

  .cart-button-3 {
    border-style: solid;
    border-color: var(--white);
    background-color: var(--brand-bokblue);
    border-radius: 2px;
  }

  .cart-header-2 {
    background-color: var(--brand-bokblue);
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading-15 {
    color: var(--white);
    font-size: 24px;
    font-weight: 400;
  }

  .icon-2 {
    color: var(--white);
    border: 1px solid #0000;
  }

  .checkout-button {
    background-color: var(--brand-bokblue);
  }

  .icon-3 {
    width: 30px;
    height: 30px;
  }

  .copyrightbyline {
    justify-content: center;
    margin-top: 17px;
  }

  .partners {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
  }

  .footergrid {
    grid-template-columns: 1fr;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .wow-link {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .body {
    border-radius: 12px;
    height: auto;
  }

  .navicon {
    z-index: 999;
    background-color: #ffffff1a;
    background-image: url('../images/NAVMENUClosed.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .2s;
    position: relative;
  }

  .navicon:active {
    background-image: url('../images/NAVMENUHAMBURGEROPEN.svg');
    background-position: 50%;
  }

  .videosection {
    z-index: 20;
    align-items: center;
    min-height: 300px;
  }

  .secondsection {
    min-height: 300px;
  }

  .paragraphwhite {
    font-size: 1.3em;
    line-height: 1.4em;
  }

  .fblbll {
    background-position: 50%;
    width: 189px;
    margin-left: auto;
    margin-right: auto;
    inset: 0% 0% auto;
  }

  .body-of-knowledge {
    background-size: contain;
    align-self: center;
    width: 80vw;
    height: 99px;
  }

  .section4home {
    align-self: center;
  }

  .appapplicationspecs {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .appcopy1 {
    z-index: 60;
    align-self: center;
    align-items: center;
    width: 90%;
    height: 260px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 0%;
  }

  .headingcopy {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 260px;
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    line-height: 23px;
    display: flex;
  }

  .appcopy2 {
    width: 90%;
    height: 260px;
    margin: 0 10px;
    position: relative;
    left: 0%;
  }

  .text-span-14 {
    text-align: center;
    align-self: center;
  }

  .appcopy3 {
    width: 90%;
    height: 260px;
    margin-top: 0;
    position: relative;
    left: 0%;
  }

  .scale {
    object-fit: fill;
    background-size: cover;
    background-attachment: scroll;
    width: 138px;
    height: 58px;
    position: relative;
  }

  .frequencyicon {
    margin-top: 0;
  }

  .featuretitles {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 800px;
    margin-top: 60px;
  }

  .foodssection {
    flex-direction: column;
    justify-content: flex-start;
    height: 100vh;
    margin-top: 0;
    display: flex;
  }

  .container-2 {
    margin-top: 10px;
  }

  .robertmoorefaculty {
    align-items: center;
    margin-top: 22px;
    margin-bottom: 100px;
  }

  .foodstext {
    justify-content: flex-start;
    width: auto;
    margin-top: 0;
  }

  .bar {
    justify-content: center;
    align-self: center;
    width: 80%;
    height: 30%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    top: auto;
    right: auto;
  }

  .fblbllbottom {
    width: 160px;
    height: 160px;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .fifthestate {
    height: 400px;
    min-height: 400px;
  }

  .customerquotes {
    width: 260px;
    margin-top: -59px;
    margin-left: 155px;
    font-size: .9em;
  }

  .customeravatar {
    background-size: 160px 160px;
    width: 160px;
    height: 160px;
  }

  .quote2 {
    margin-top: 107px;
  }

  .customerquotes2 {
    margin-top: 33px;
    margin-right: 62px;
    font-size: .9em;
  }

  .heading-2 {
    margin: 9px 100px 0;
    font-size: 1.5em;
    line-height: 1.2em;
  }

  .customeravatartwo {
    background-size: 160px;
    width: 160px;
    height: 160px;
  }

  .brand {
    display: none;
  }

  .navbar-2 {
    z-index: 99;
    background-color: var(--brand-bokblue);
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    top: 0%;
    box-shadow: 1px 1px 3px #33333369;
  }

  .container-3 {
    justify-content: center;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 10px;
    display: flex;
    position: relative;
  }

  .nav-menu {
    z-index: 999;
    background-color: #26a8dff2;
    align-items: center;
    width: 100%;
    margin: 120px auto 0;
    position: absolute;
    inset: 0% 0% auto;
    overflow: visible;
  }

  .nav-link {
    border-style: solid none none;
    border-width: 3px;
    border-color: var(--bokblue) var(--white) var(--white);
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-link-2, .nav-link-4 {
    border-top: 3px solid var(--bokblue);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .dropmenu {
    margin-right: 0;
  }

  .menu-button {
    z-index: 999;
    background-color: #c8c8c800;
  }

  .menu-button.w--open {
    background-color: #fff0;
  }

  .brand-w {
    background-image: url('../images/BOKBrandSVG.svg');
    width: 60px;
    margin-left: 6%;
    display: block;
  }

  .brand-w:active {
    background-image: url('../images/BOKBrandWink.svg');
  }

  .booksection {
    flex-direction: column;
    justify-content: center;
    min-height: 600px;
    margin-top: 36px;
    display: flex;
  }

  .book {
    align-self: center;
    width: 200px;
    height: 274px;
    margin-top: -28px;
    margin-left: auto;
    margin-right: auto;
    top: 61%;
  }

  .foodtextblock {
    align-self: center;
    height: auto;
    margin-top: 0;
  }

  .robertmoorefacultytext {
    justify-content: flex-start;
    width: auto;
    margin-top: 0;
  }

  .moorefacultycapy {
    margin: 0 30px 10px;
    font-size: 1.5em;
    line-height: 1.2em;
  }

  .moorecopy2 {
    margin-bottom: 0;
    padding: 10px 20px 42px;
    font-size: .9em;
    line-height: 1.7em;
  }

  .foodscopy2 {
    background-color: #ffffff4d;
    padding: 20px 20px 42px;
    font-size: 1.1em;
    line-height: 1.4em;
  }

  .footer {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    min-height: 500px;
    margin-top: 0;
  }

  .callout {
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    top: 0%;
    left: 0%;
  }

  .qrcode {
    background-size: 160px 160px;
    justify-content: center;
    align-self: center;
    width: 160px;
    height: 160px;
    margin-top: -47px;
  }

  .cta {
    text-align: center;
    align-self: center;
    width: 260px;
    margin-top: 13px;
    margin-left: auto;
    margin-right: auto;
    font-size: .9em;
  }

  .bokbrandmark {
    align-self: center;
  }

  .footerlink {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
  }

  .corporatebyline {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    align-self: center;
    align-items: center;
    margin: 20px auto;
    position: relative;
    top: 0%;
    left: 0;
    right: 0;
  }

  .footerlinks {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .socialmedia-icon.f {
    margin-left: 0;
    margin-right: 20px;
  }

  .footerlink-copyright {
    justify-content: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .socialmedia {
    justify-content: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .appappdemoanim {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    top: 0;
    left: 0%;
  }

  .appappdemo3 {
    width: 250px;
    height: 400px;
    top: 0;
    left: 8%;
  }

  .appappdemo1 {
    justify-content: center;
    width: 250px;
    height: 400px;
    margin-top: 79px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    top: -23px;
    left: 0%;
    right: 0;
  }

  .apppagefeaturesintro {
    text-align: center;
    align-items: center;
    width: 80%;
    height: 350px;
    margin: 0 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .appheadline {
    align-self: center;
    width: 90vw;
    height: 81px;
    margin-top: 40px;
  }

  .appgettheapp {
    justify-content: center;
    align-items: center;
    margin-top: -36px;
  }

  .gettheapp-home.b {
    margin-top: 0;
  }

  .appheadingone {
    text-align: center;
    align-self: center;
    margin-left: 0;
    font-size: 16px;
    line-height: 23px;
  }

  .appwavelengths {
    background-size: contain;
    height: 59px;
    margin-top: 10px;
  }

  .grid {
    grid-column-gap: 0px;
    grid-template-rows: 1fr minmax(auto, 151px) auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .appproduct {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-top: 23px;
    margin-left: 0;
  }

  .doccorner {
    align-self: center;
    margin-top: 34px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    inset: -13% 10% auto;
  }

  .doccorner.b {
    opacity: .53;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 340px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    right: 10%;
  }

  .appfeatures {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 23px;
    display: flex;
  }

  .appproductfeature {
    margin-left: 0;
  }

  .featuescalloutblock {
    display: none;
  }

  .wavelengthshome {
    background-size: contain;
    height: 59px;
    margin-top: 0;
  }

  .bokname-mobile-copy {
    color: var(--bokblue);
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 240px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.1em;
    display: flex;
  }

  .appappdemo4 {
    width: 250px;
    height: 400px;
    top: 0;
    left: -8%;
  }

  .appappdemo5 {
    width: 250px;
    height: 400px;
    top: 0;
    left: 0%;
  }

  .appfeaturesthree {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 80vw;
    height: 460px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    left: 0;
  }

  .body-of-knowledge-copy {
    background-size: contain;
    align-self: center;
    width: 65vw;
    height: 83px;
    margin-top: 30px;
  }

  .heading-copy {
    text-align: center;
    text-align: center;
    align-self: center;
    width: 260px;
    margin-left: 0;
    font-size: 14px;
    line-height: 23px;
  }

  .nav-link-3 {
    border-top: 3px solid var(--bokblue);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .navigation-mob {
    border: 1px #fff;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pllogotnav {
    width: 70px;
    margin-left: 10px;
  }

  .mobile-nav {
    opacity: .95;
    background-color: #ffffff38;
    margin-top: 0;
    padding-top: 4px;
    padding-bottom: 2px;
  }

  .mobile-nav-link {
    background-color: var(--brand-bokblue);
    color: #fff;
    text-align: center;
    border: 1px #fff;
    border-top: 1px solid #ffffff42;
    border-bottom: 3px solid #fff;
    margin-top: 0;
    font-size: 23px;
  }

  .menu-mob {
    width: 70px;
    height: 60px;
    margin-right: 2%;
  }

  .menu-mob:hover {
    width: 60px;
    height: 60px;
  }

  .logintabfield {
    color: #eb616c;
    background-color: #ebeff8;
    border: 3px solid #fff;
    justify-content: center;
  }

  .termspagetitlelinks {
    align-items: center;
  }

  .terms-paragraph {
    margin-top: 40px;
    font-size: .8em;
  }

  .paragraph-app-pages {
    width: 80%;
    margin-top: 10px;
    padding-left: 9%;
    padding-right: 9%;
  }

  .title-page {
    margin-top: 10px;
  }

  .title-page.b {
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    font-size: 2.3em;
    display: none;
  }

  .mealfrequencyhome {
    font-size: 1.1em;
  }

  .pagecopyformat {
    align-items: center;
    margin-top: 11px;
    padding-left: 0%;
  }

  .paragraph-app-copy {
    text-align: center;
    justify-content: center;
    width: 100%;
    margin-top: 48px;
    margin-left: 0;
    padding-left: 9%;
    padding-right: 9%;
    font-size: 1.1em;
  }

  .disclaimercopy {
    text-align: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
    padding-left: 9%;
    padding-right: 9%;
    font-size: .8em;
  }

  .link-block-9 {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block-10 {
    align-self: center;
    margin-bottom: 10px;
  }

  .homepageappspecs {
    align-items: center;
    margin-top: 55px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .applicationtitlehome {
    margin-top: 20px;
  }

  .appdemohome {
    width: 100vw;
    height: 400px;
    margin-top: 10px;
  }

  .appdemoanimhome {
    width: 240px;
    height: 460px;
    inset: 0% auto 0% 0%;
  }

  .appdemo3home {
    justify-content: flex-end;
    width: 200px;
    height: 420px;
    display: flex;
    inset: 0% 8% 0% auto;
  }

  .appdemo2-home {
    width: 200px;
    height: 420px;
    inset: 8% 21% 0% auto;
  }

  .appdemo1home {
    z-index: 90;
    width: 200px;
    height: 420px;
    inset: 17% auto 0% 22%;
  }

  .basicproductparagraph {
    margin-top: 10px;
  }

  .basicproductparagraph.c {
    padding-bottom: 18px;
    font-size: 1.5em;
  }

  .faq-a-text.lib {
    font-size: .9em;
  }

  .faq-q-text.lib {
    font-size: 1.1em;
  }

  .c-faq-a-text {
    flex-direction: column;
    align-items: flex-start;
  }

  .c-faq-a-text.lib {
    align-items: center;
    position: relative;
  }

  .c-faq-a {
    position: relative;
  }

  .faq-image {
    background-position: 0 0;
    background-size: 31%;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    height: 200px;
    margin-left: 10px;
  }

  .faq-imagesounds, .faq-imageweight, .faq-imagepushnote {
    background-position: 0 0;
    background-size: 31%;
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    width: 77%;
    height: 200px;
    margin-left: 10px;
  }

  .bluebackbround {
    margin-left: 5%;
    margin-right: 5%;
  }

  .librarypage {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .videostitle {
    margin-top: 10px;
  }

  .videostitle.c {
    font-size: 1.5em;
  }

  .pagetitle {
    width: 53vw;
    margin-top: 54px;
  }

  .librarywhitepara {
    margin-top: 10px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 1.1em;
  }

  .bookcoverimage {
    background-position: 50%;
    background-size: contain;
    width: 200px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    inset: -51px 0% auto;
    overflow: hidden;
  }

  .chapterbutton {
    justify-content: center;
    align-self: center;
    width: 90%;
    margin-left: 0%;
    margin-right: 0%;
    display: flex;
    position: relative;
  }

  .pagetitleproducts {
    width: 53vw;
  }

  .productsparacopy {
    font-size: 1.1em;
  }

  .productheroshot {
    background-size: 448px;
    width: 89%;
    height: 240px;
    margin-top: 0;
  }

  .productelements {
    margin-left: 5%;
    margin-right: 5%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .benefitscallout {
    background-repeat: no-repeat;
    background-size: 158px;
    top: 140px;
    right: -1%;
  }

  .heading-3 {
    font-size: 28px;
  }

  .div-block-18 {
    background-size: 180px;
    width: 317px;
    height: 159px;
    margin-top: -6px;
    margin-right: -21px;
  }

  .products-page {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .better-offer {
    margin-right: 10px;
  }

  .whythesesnacks {
    grid-row-gap: 23px;
    flex-direction: column;
    align-items: center;
    height: auto;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .footerpromo {
    background-image: url('../images/FooterPromo_2.png');
    background-position: 70%;
    background-size: auto 378px;
    max-width: 100vw;
    height: 510px;
    margin-bottom: 0;
  }

  .nutritioninfo {
    background-position: 50% 0;
    background-size: 282px 282px;
    align-self: center;
    align-items: center;
    width: 287px;
    height: 265px;
    position: relative;
  }

  .paragraph-3 {
    text-align: right;
    justify-content: flex-end;
    align-self: flex-end;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 0;
    font-size: 1em;
  }

  .whywechoose-this {
    text-align: right;
    align-items: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: .9em;
  }

  .text-block-91 {
    text-align: right;
    flex-direction: column;
    justify-content: center;
    align-self: flex-end;
    align-items: flex-end;
    margin-right: 0;
  }

  .chapterspages {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .chapters-elemetns {
    margin-left: 5%;
    margin-right: 5%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .chapterstitle {
    width: 60vw;
    margin-bottom: 0;
  }

  .sectionorpage {
    height: 188px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .chaptersheadertitle {
    align-self: flex-start;
    width: 100%;
  }

  .book-smaller {
    align-self: center;
    width: 218px;
    height: 239px;
    margin-top: -28px;
    margin-left: auto;
    margin-right: auto;
    top: 61%;
  }

  .book-smaller.chap {
    width: 412px;
  }

  .openpage {
    width: 111px;
    font-size: .7em;
  }

  .pagedescription {
    width: 100%;
    margin-left: 15px;
    padding-right: 20px;
  }

  .pagesdescription-text {
    margin-bottom: 10px;
    font-size: .8em;
    line-height: 1.3em;
  }

  .chapters-pageheading {
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .chapter-number {
    font-size: .9em;
  }

  .chapterdescription {
    margin-top: 5px;
    font-size: .7em;
    line-height: 1.3em;
  }

  .div-block-25 {
    margin-bottom: 17px;
    margin-left: 20px;
  }

  .chapterspageimage {
    height: 100%;
  }

  .chapterspageimage._5, .chapterspageimage.fc {
    display: none;
  }

  .chapterspageimage.fatcocktail {
    display: block;
  }

  .div-block-26 {
    flex-direction: column;
    align-items: flex-start;
  }

  .back {
    justify-content: flex-start;
    margin-left: 0;
    display: flex;
  }

  .page-header {
    margin-bottom: 17px;
    margin-left: 10px;
  }

  .pageheadertitle {
    margin-top: 5px;
    margin-left: 0;
    padding-left: 0;
    font-size: 1.5em;
    line-height: 1.3em;
  }

  .backtochapters {
    background-color: var(--bok-orange);
    color: var(--white);
    letter-spacing: 2px;
    border-style: none;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 60%;
    height: 45px;
    margin-top: 10px;
    font-size: 1em;
    display: flex;
  }

  .page-content-section {
    flex-direction: column;
    align-self: center;
    align-items: center;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .pagespagetitle {
    text-align: center;
    justify-content: flex-start;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.3em;
    line-height: 1.2em;
    display: flex;
  }

  .pagescontent-mainbody {
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: .9em;
    line-height: 1.4em;
  }

  .pagedescription-copy {
    margin-left: 15px;
    padding-right: 20px;
  }

  .footer-chapters {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin-top: 10px;
    margin-left: 20px;
    display: flex;
  }

  .div-block-28 {
    margin-top: 25px;
  }

  .back-copy {
    justify-content: flex-start;
    margin-left: 10px;
    display: flex;
  }

  .overlay {
    background-color: #ffffff5c;
  }

  .outline-button.light {
    width: 45%;
    min-width: 240px;
  }

  .xxl-heading {
    text-align: center;
    margin-top: 10px;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 1.3em;
  }

  .xxl-heading.slide2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
  }

  .hero-intro {
    align-self: center;
    justify-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-intro.slide2 {
    grid-column-gap: 0px;
    grid-template-columns: .3fr 3.5fr;
    padding-top: 40px;
  }

  .slide-content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    min-height: 500px;
    padding-bottom: 0;
  }

  .slider-arrow {
    width: 140px;
    height: 140px;
    padding-top: 50px;
    padding-left: 97px;
    display: none;
    left: -80px;
  }

  .slider-arrow.right {
    padding-top: 50px;
    padding-bottom: 0;
    padding-right: 99px;
    right: -80px;
  }

  .slider {
    height: 600px;
    min-height: 600px;
    overflow: visible;
  }

  .hero-top {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .slide-hero-background.slider-001 {
    background-position: -10px 100%;
    background-size: 97%;
    background-attachment: scroll;
  }

  .slide-hero-background.slider-003 {
    background-position: 20% 100%;
    background-size: auto 100%;
  }

  .slide-hero-background.slider-002 {
    background-position: -50px 100%;
    background-size: auto 93%;
    align-self: flex-start;
    height: 100%;
  }

  .slider-background {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .inner-hero-content {
    min-height: 440px;
    margin-top: 92px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 39px;
    padding-left: 0;
    padding-right: 0;
  }

  .slider-background-wrapper {
    align-self: flex-start;
    align-items: flex-start;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-wrapper {
    grid-template-rows: minmax(auto, 1px);
    grid-template-columns: minmax(3vw, .25fr) minmax(auto, 2.75fr) minmax(3vw, .25fr);
    place-content: start center;
    align-self: flex-start;
    place-items: start center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .home-hero {
    height: 600px;
    min-height: 600px;
    max-height: 100vh;
  }

  .slider-arrow-icon {
    margin-left: 0;
    display: block;
    top: 40%;
    left: 0%;
  }

  .orange-arrow {
    background-position: 50%;
    background-size: contain;
    width: 22px;
    height: 56px;
    margin-top: -15px;
  }

  .nudgetime {
    background-position: 0 0;
    background-size: 31%;
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    width: 77%;
    height: 200px;
    margin-left: 10px;
  }

  .paragraph-4 {
    text-align: center;
    justify-content: center;
    margin-top: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .container-5 {
    justify-content: center;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .product-image {
    height: auto;
  }

  .productgrid {
    grid-column-gap: 29px;
    grid-row-gap: 25px;
    grid-template-rows: 464px auto;
    grid-template-columns: .5fr .75fr;
    width: 90%;
  }

  .productheader {
    flex-flow: column wrap;
    padding-right: 10px;
    display: flex;
    position: relative;
  }

  .productpagedescription {
    align-self: flex-start;
    align-items: flex-start;
    display: block;
  }

  .productpageheading {
    align-self: flex-start;
    font-size: 1.5em;
  }

  .productlistgrid {
    flex-flow: column wrap;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: relative;
  }

  .listproductimage {
    align-self: center;
    width: 160px;
    height: 158px;
  }

  .producttitlegroup {
    text-align: center;
    align-self: center;
    margin-top: 0;
    font-size: 1.5em;
  }

  .productpagedescriptiongroup {
    text-align: center;
    align-self: flex-start;
    align-items: flex-start;
    font-size: .9em;
    display: block;
  }

  .default-statelist {
    flex-direction: column;
    padding-top: 0;
  }

  .field-labellist {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .quantitylist {
    margin-right: 0;
  }

  .price-listed {
    align-self: center;
    margin: 17px;
  }

  .text-block-98 {
    width: 100%;
  }

  .utility-page-content {
    width: 70%;
  }

  .field-label-6, .field-label-7 {
    margin-bottom: 10px;
  }

  .mobilelogin {
    display: block;
    position: relative;
  }

  .heading-9 {
    font-size: 1.3em;
  }

  .utilityinset {
    width: 70%;
  }

  .form-help {
    border: 1px solid var(--white);
    width: auto;
    padding-left: 20px;
    display: none;
    box-shadow: 9px 9px 9px #00000045;
  }

  .pwhelpform {
    margin-top: -222px;
    display: block;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .div-block-39 {
    margin-bottom: 10px;
  }

  .text-span-32 {
    font-weight: 300;
  }

  .closexbuttonpwhelp {
    background-repeat: no-repeat;
    background-size: 34px 34px;
    width: 36px;
    height: 36px;
    margin-top: 20px;
    margin-right: 20px;
  }

  .div-block-40 {
    justify-content: center;
    align-self: flex-start;
    margin-bottom: 10px;
    margin-left: 10px;
  }

  .pagescontentinset, .pagescontentinsetblank {
    margin-bottom: 10px;
    font-size: .8em;
    line-height: 1.4em;
  }

  .paragraph-5 {
    padding-top: 20px;
    font-size: 1.1em;
  }

  .bluecallout {
    justify-content: center;
    align-self: center;
    width: 100%;
    display: flex;
  }

  .toungue {
    background-position: 100% 0;
  }

  .div-block-45 {
    margin-top: 20px;
  }

  .pagespagetitle-link {
    font-size: 1.3em;
    line-height: 1.2em;
  }

  .subnav-link {
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .bulletheads {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .bulletsparagraph {
    font-size: 1.1em;
  }

  .div-block-49 {
    flex-direction: column;
    align-self: center;
    display: flex;
  }

  .div-block-50 {
    flex-direction: column;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .chapterspageimage-copy._5, .chapterspageimage-copy.fc {
    display: none;
  }

  .chapterspageimage-copy._5, .chapterspageimage-copy.fc {
    display: none;
  }

  .chapterspageimage-copy {
    height: 100%;
  }

  .chapterspageimage-copy._5, .chapterspageimage-copy.fc {
    display: none;
  }

  .chapterspageimage-copy.fatcocktail {
    display: block;
  }

  .partners {
    align-self: center;
    margin: 10px auto;
  }

  .footergrid {
    grid-template-columns: 1fr;
  }

  .wow-link {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .body {
    color: var(--white);
    font-family: Ubuntu, Helvetica, sans-serif;
  }

  .navicon {
    background-color: #fff0;
  }

  .backgroundimage {
    background-position: 50%;
    background-size: 0;
    height: auto;
  }

  .videosection {
    z-index: 80;
    min-height: auto;
  }

  .secondsection {
    width: 100vw;
    height: 26vh;
    min-height: 271px;
  }

  .paragraphwhite {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1em;
    line-height: 1.6em;
  }

  .fblbll {
    z-index: 600;
    width: 110px;
    min-width: 120px;
    max-width: 140px;
    height: 110px;
    max-height: 140px;
    margin-top: 101px;
  }

  .videoinsert {
    margin-bottom: 35px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .appdownload2 {
    justify-content: center;
  }

  .image-2 {
    width: 200px;
    min-width: 200px;
  }

  .section4home {
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .appapplicationspecs {
    margin-top: 117px;
    padding-right: 0%;
  }

  .appcopy1 {
    height: auto;
  }

  .headingcopy {
    text-align: center;
    align-items: center;
    width: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: .8em;
  }

  .appcopy2 {
    align-self: center;
    height: auto;
  }

  .audiocue {
    background-size: contain;
    flex: none;
    width: 60px;
    height: 60px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .text-span-14 {
    margin-bottom: 5px;
  }

  .appcopy3 {
    height: auto;
    padding-top: 20px;
  }

  .scale {
    flex: none;
    width: 133px;
    min-width: 120px;
    height: 69px;
    min-height: 60px;
  }

  .frequencyicon {
    flex: none;
  }

  .featuretitles {
    align-self: center;
    align-items: center;
    min-height: 750px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .foodssection {
    opacity: 1;
    background-image: url('../images/BoxedFoods.jpg');
    background-position: 50%;
    background-size: cover;
    justify-content: flex-start;
    align-items: center;
    height: 110vh;
    margin-top: 0;
  }

  .container-2 {
    align-items: center;
    margin-top: 60px;
  }

  .robertmoorefaculty {
    margin-top: 0;
    margin-bottom: 0;
  }

  .foodstext {
    align-items: center;
    margin-top: 10px;
  }

  .bar {
    background-size: 90vw;
    width: 400px;
    height: 200px;
    margin-top: 0;
    display: none;
    left: 12%;
  }

  .fblbllbottom {
    width: 150px;
    max-width: 160px;
    height: 150px;
    max-height: 160px;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .fifthestate {
    flex-direction: column;
    align-items: stretch;
    height: auto;
    min-height: 401px;
  }

  .customerquotes {
    flex-direction: column;
    width: 60%;
    margin-top: -60px;
    margin-left: auto;
    margin-right: 11%;
    font-size: .9em;
    display: flex;
    position: relative;
  }

  .customeravatar {
    background-size: 80%;
    width: 55%;
    min-width: 100px;
    max-width: 170px;
    height: 165px;
    min-height: 100px;
    max-height: 170px;
    margin-top: -44px;
  }

  .quote1 {
    position: relative;
    left: 0%;
  }

  .quote2 {
    margin-top: 0;
    position: relative;
    right: 0%;
  }

  .customerquotes2 {
    text-align: left;
    align-self: flex-start;
    align-items: flex-start;
    width: 60%;
    margin: 44px 10% 0;
    font-size: .9em;
  }

  .heading-2 {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 1.2em;
  }

  .customeravatartwo {
    background-size: 80%;
    width: 55%;
    min-width: 100px;
    max-width: 170px;
    height: 165px;
    min-height: 100px;
    max-height: 170px;
    margin-top: -60px;
    margin-bottom: -48px;
  }

  .container-3 {
    margin-top: 7px;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-menu {
    box-shadow: 1px 6px 7px 0 var(--grey);
    flex-direction: column;
    align-items: center;
    width: 100vw;
    min-width: 100vw;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-link-2 {
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .nav-link-4 {
    justify-content: center;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .dropmenu {
    background-color: #0000;
    flex-flow: column wrap;
    align-self: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .menu-button {
    padding-left: 0;
    padding-right: 0;
  }

  .brand-w {
    width: 50px;
    height: 80px;
    margin-top: 20px;
    margin-left: 18px;
    padding-left: 0;
  }

  .brand-w.w--current {
    width: 69px;
  }

  .booksection {
    min-height: 600px;
    margin-top: 36px;
  }

  .book {
    margin-top: -62px;
  }

  .foodtextblock {
    height: auto;
    margin-top: 0;
  }

  .moorefacultycapy {
    font-size: 1.3em;
  }

  .moorecopy2 {
    width: 80%;
    padding-bottom: 20px;
    padding-left: 13px;
    padding-right: 13px;
    font-size: .8em;
    line-height: 1.5em;
  }

  .foodscopy2 {
    background-color: #ffffff94;
    padding: 20px 30px;
    font-size: 1em;
    line-height: 1.5em;
  }

  .footer {
    height: auto;
    min-height: 450px;
  }

  .callout {
    margin-top: 20px;
    display: none;
    left: 0%;
  }

  .cta {
    width: 210px;
    font-size: .8em;
  }

  .bokbrandmark {
    margin-top: 40px;
  }

  .corporatebyline {
    margin-top: 0;
    right: 0%;
  }

  .footerlinks {
    flex-direction: column;
  }

  .footerlink-copyright {
    text-align: center;
    font-size: 14px;
  }

  .appappdemoanim {
    width: 220px;
    height: 400px;
    margin-top: -47px;
    left: 0%;
  }

  .appappdemo3 {
    background-size: contain;
    width: 205px;
    height: 300px;
    top: 0;
    left: 13%;
  }

  .appappdemo1 {
    width: 240px;
    height: 350px;
    margin-top: 0;
    top: 0;
    left: 0;
  }

  .apppagefeaturesintro {
    width: auto;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .appheadline {
    width: 76vw;
    height: 86px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .appgettheapp {
    margin-top: 0;
  }

  .appheadingone {
    width: auto;
  }

  .appwavelengths {
    margin-top: 20px;
  }

  .grid {
    grid-template-rows: 1fr minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) auto auto auto;
    justify-items: center;
  }

  .appproduct {
    margin-top: 30px;
  }

  .doccorner {
    display: none;
    top: -17%;
  }

  .doccorner.b {
    opacity: .36;
    width: 300px;
    margin-top: -1px;
  }

  .ordersnacksbutton2 {
    margin-top: 20px;
  }

  .appappdownload {
    width: 200px;
  }

  .wavelengthshome {
    height: 50px;
    margin-top: 12px;
  }

  .bokname-mobile-copy {
    margin-top: 23px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2em;
  }

  .appappdemo4 {
    background-size: contain;
    width: 204px;
    height: 300px;
    top: -27px;
    left: -14%;
  }

  .appappdemo5 {
    background-size: contain;
    width: 205px;
    height: 300px;
    top: 0;
    left: 0%;
  }

  .appfeaturesthree {
    width: 90vw;
    height: 400px;
  }

  .body-of-knowledge-copy {
    height: 64px;
  }

  .div-block-10 {
    margin-top: 0;
  }

  .heading-copy {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: .8em;
  }

  .nav-link-3 {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .navigation-mob {
    border-style: none;
    padding-top: 15px;
    padding-bottom: 10px;
  }

  .navigation-container-mob {
    z-index: 999;
    max-width: 100vw;
    height: 100%;
    position: relative;
  }

  .pllogotnav {
    width: 70px;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .mobile-nav {
    z-index: 999999;
    opacity: .95;
    background-color: #0000;
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 4px;
    transition: all .2s;
    box-shadow: 3px 10px 6px 6px #20355a17;
  }

  .mobile-nav-link {
    background-color: var(--brand-bokblue);
    color: #fff;
    border-style: solid;
    border-width: 2px;
    margin-top: 0;
    padding-top: 26px;
    padding-bottom: 26px;
    font-size: 22px;
  }

  .menu-mob {
    height: 60px;
    padding: 7px;
  }

  .loginpopup {
    position: relative;
  }

  .navigation {
    display: none;
    position: relative;
  }

  .logintabfield {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .navigationelements {
    z-index: 999;
    position: absolute;
    inset: 0% 0% auto;
  }

  .cookies-privacy-icons {
    align-self: center;
    align-items: center;
    padding-left: 0;
  }

  .highlightblock {
    margin-right: 0;
  }

  .text-block-85, .text-block-86 {
    color: var(--bokblue);
  }

  .paragraph-app-pages {
    text-align: center;
    justify-content: center;
    align-self: center;
    margin-top: 30px;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1em;
  }

  .title-page {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 1em;
  }

  .title-page.b {
    margin-top: 10px;
    font-size: 2em;
  }

  .mealfrequencyhome {
    width: 80%;
    padding-left: 0;
    padding-right: 0;
    font-size: .9em;
  }

  .pagecopyformat {
    margin-top: 133px;
    padding-right: 0%;
  }

  .paragraph-app-copy {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 1em;
  }

  .disclaimercopy {
    padding-left: 40px;
    padding-right: 40px;
    font-size: .7em;
  }

  .homepageappspecs {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-right: 0%;
  }

  .applicationtitlehome {
    color: var(--bokblue);
    justify-content: center;
    align-self: center;
    margin-top: 22px;
    font-size: 1.9em;
    display: flex;
  }

  .appdemohome {
    justify-content: center;
    align-self: center;
    align-items: stretch;
    max-width: 100vw;
    height: 400px;
    margin-top: 38px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: visible;
  }

  .appdemoanimhome {
    background-size: contain;
    width: 192px;
    height: 411px;
    position: absolute;
    left: 0%;
  }

  .appdemo3home {
    z-index: 90;
    background-size: contain;
    justify-content: center;
    width: 160px;
    height: 350px;
    inset: 0% 8% 0% auto;
    overflow: hidden;
  }

  .appdemo2-home {
    z-index: 95;
    width: 160px;
    height: 350px;
    inset: 19% 20% 0% auto;
  }

  .appdemo1home {
    z-index: 80;
    width: 160px;
    height: 350px;
    inset: -13% auto 0% 25%;
  }

  .basicproductparagraph {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 1em;
  }

  .basicproductparagraph.c {
    font-size: 1.3em;
  }

  .c-faq-q {
    border-top: 3px solid var(--brand-bokblue);
    background-color: var(--brand-bokblue);
  }

  .faq-a-text {
    font-size: .6em;
  }

  .faq-a-text.lib {
    margin-bottom: 0;
    margin-left: 10px;
    font-size: .7em;
  }

  .c-faq-q-text {
    padding-right: 10px;
    font-size: 1em;
  }

  .faq-q-text {
    line-height: 1.4em;
  }

  .faq-q-text.lib {
    color: var(--white);
    margin-left: 6px;
    font-size: .9em;
    font-weight: 300;
  }

  .c-faq-a-text {
    padding-left: 10px;
  }

  .faq-image, .faq-imagesounds {
    background-size: auto 100%;
    margin-left: 10px;
  }

  .faq-imageweight {
    background-size: 51%;
    margin-left: 10px;
  }

  .faq-imagepushnote {
    background-position: 50%;
    background-size: 80%;
    margin-left: 10px;
  }

  .bluebackbround {
    margin-top: 60px;
    padding-top: 32px;
  }

  .librarypage {
    margin-top: 110px;
    padding-right: 0%;
  }

  .videostitle {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 1em;
  }

  .videostitle.c {
    font-size: 1.3em;
  }

  .pagetitle {
    background-position: 50%;
    background-size: contain;
    width: 68vw;
    margin-top: 73px;
  }

  .librarywhitepara {
    margin-top: 0;
    padding-left: 8%;
    padding-right: 8%;
    font-size: .9em;
  }

  .bookcoverimage {
    background-size: contain;
    align-self: center;
    width: 200px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    inset: -57px 0% auto;
  }

  .chapterbutton {
    justify-content: center;
    align-self: stretch;
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
    position: relative;
  }

  .container-4 {
    max-width: 800px;
  }

  .pagetitleproducts {
    background-size: 90%;
    justify-content: center;
    width: 71%;
    margin-left: 20px;
  }

  .productsparacopy {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: .9em;
  }

  .productheroshot {
    background-size: 105%;
    width: 100%;
    height: 51vw;
  }

  .productelements {
    margin-left: 3%;
    margin-right: 3%;
    padding-top: 32px;
  }

  .benefitscallout {
    background-position: 100%;
    background-size: 90%;
    width: 39%;
    height: 170px;
    top: 140px;
    right: 3%;
  }

  .heading-3 {
    width: 44%;
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 1.1em;
    line-height: 1em;
  }

  .product-header {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .div-block-18 {
    background-position: 100%;
    background-size: 80%;
    width: 44%;
    height: 200%;
    margin-right: 0;
    position: absolute;
    inset: 0% 2% auto auto;
  }

  .products-page {
    margin-top: 115px;
    padding-right: 0%;
  }

  .subtotals {
    align-self: center;
    width: 320px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-88 {
    font-size: .8em;
  }

  .text-block-89 {
    color: var(--bokblue);
    font-size: 1.1em;
  }

  .div-block-19 {
    color: var(--grey);
    justify-content: flex-start;
  }

  .totals {
    justify-content: flex-end;
    font-size: .8em;
    display: flex;
  }

  .placeorderbutton {
    align-self: center;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .better-offer {
    flex-direction: column;
    align-self: center;
    align-items: center;
    margin-top: 20px;
    margin-right: 0;
  }

  .div-block-21 {
    background-position: 0%;
    background-size: 136px;
    align-self: flex-start;
    height: 164px;
    margin-top: 0;
    margin-bottom: -35px;
    margin-right: 0;
    padding-left: 0;
  }

  .whythesesnacks {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2.25fr;
    justify-items: center;
  }

  .footerpromo {
    background-image: url('../images/FooterPromo_2.png');
    background-position: 50%;
    background-size: contain;
    height: 400px;
    margin-bottom: 0;
  }

  .paragraph-3 {
    text-align: center;
    align-self: center;
    margin-left: 0;
    font-size: 1em;
  }

  .whywechoose-this {
    text-align: center;
    padding-right: 10px;
  }

  .text-block-91 {
    text-align: center;
    align-self: center;
    align-items: center;
  }

  .chapterspages {
    margin-top: 115px;
    margin-bottom: 20px;
    padding-right: 0%;
  }

  .backgroundchapters {
    width: auto;
  }

  .chapters-elemetns {
    width: 100vw;
    margin-bottom: 20px;
    margin-left: 0%;
    margin-right: 0%;
    padding-top: 0;
  }

  .chapterstitle {
    width: 80%;
    height: 72px;
    margin-left: 0;
  }

  .sectionorpage {
    object-fit: scale-down;
    justify-content: center;
    align-self: center;
    align-items: center;
    height: auto;
    min-height: 200px;
    padding-left: 0;
    padding-right: 0;
    overflow: scroll;
  }

  .chaptersheadertitle {
    width: 100%;
    margin-right: 10px;
  }

  .book-smaller {
    width: 188px;
    height: 198px;
    margin-top: 0;
    margin-left: -21px;
    top: 0%;
  }

  .book-smaller.chap {
    width: 418px;
    height: 179px;
    margin-left: 0;
  }

  .openpage {
    background-color: var(--bok-orange);
    color: var(--white);
    border-style: none;
    width: 66%;
    margin-left: auto;
    margin-right: auto;
    font-size: .8em;
    font-weight: 400;
  }

  .pagedescription {
    align-items: center;
    margin-top: 10px;
    margin-left: 0;
    padding-right: 0;
  }

  .pagesdescription-text {
    text-align: center;
    align-self: center;
    width: 90%;
    font-size: .8em;
  }

  .chapters-pageheading {
    text-align: center;
    margin-bottom: 5px;
    font-size: 1em;
  }

  .chapter-number {
    font-size: .8em;
  }

  .chapterdescription {
    width: 80%;
    margin-left: 0;
    font-size: .7em;
    line-height: 1.4em;
  }

  .div-block-25 {
    margin-top: 23px;
  }

  .chapterspageimage, .chapterspageimage._2 {
    height: 200px;
  }

  .chapterspageimage._3 {
    background-position: 50% 100%;
  }

  .chapterspageimage._4, .chapterspageimage._6 {
    height: 200px;
  }

  .chapterspageimage._3-copy {
    background-position: 50% 100%;
    height: 200px;
  }

  .chapterspageimage.fat, .chapterspageimage.p {
    height: 200px;
  }

  .chapterspageimage.fc, .chapterspageimage.fatcocktail {
    height: 200px;
    display: none;
  }

  .div-block-26 {
    flex-direction: column;
    align-items: flex-start;
  }

  .page-header {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 20px;
  }

  .pageheadertitle {
    font-size: 1.2em;
  }

  .backtochapters {
    background-color: var(--bok-orange);
    color: var(--white);
    letter-spacing: 2px;
    order: 1;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 52px;
    margin-top: 23px;
    font-size: 1.1em;
    display: flex;
  }

  .page-content-section {
    object-fit: scale-down;
    align-self: flex-start;
    align-items: center;
    height: auto;
    min-height: 190px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: scroll;
  }

  .pagespagetitle {
    margin-bottom: 5px;
    font-size: 1.3em;
  }

  .pagescontent-mainbody {
    padding-left: 20px;
    padding-right: 20px;
    font-size: .7em;
    line-height: 1.5em;
  }

  .pagedescription-copy {
    margin-left: 10px;
    padding-right: 10px;
  }

  .footer-chapters {
    flex-direction: column;
    justify-content: center;
    width: auto;
    margin-left: 0;
  }

  .nextpagelink {
    text-align: center;
    margin-right: 31px;
  }

  .div-block-28 {
    margin-top: 9px;
  }

  .overlay {
    background-color: #ffffff63;
    min-width: 100vw;
  }

  .outline-button.light {
    width: 65%;
    min-width: 217px;
  }

  .xxl-heading {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.3em;
  }

  .xxl-heading.slide2 {
    width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: .9em;
    font-weight: 400;
  }

  .hero-intro {
    grid-row-gap: 24px;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-intro.slide2 {
    grid-template-columns: .3fr 3.75fr .3fr;
    justify-items: center;
    width: 100%;
    max-width: 320px;
    padding: 50px 10px 30px;
  }

  .slide-content {
    width: 100vw;
    min-width: 100vw;
    min-height: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .slider-arrow {
    background-color: #26a8df3b;
    width: 120px;
    height: 120px;
    padding-top: 40px;
    padding-left: 75px;
    display: none;
    inset: auto auto 5% -60px;
  }

  .slider-arrow.right {
    background-color: #26a8df2e;
    padding-top: 40px;
    padding-right: 75px;
    display: none;
    inset: auto -70px 5% auto;
  }

  .slider {
    width: 100vw;
    min-width: 100vw;
    height: 740px;
    min-height: 740px;
  }

  .hero-top {
    padding-top: 0;
    padding-bottom: 0;
  }

  .slide-hero-background.slider-001 {
    background-position: 50% 100%;
    background-size: auto;
    min-width: 100vw;
  }

  .slide-hero-background.slider-003 {
    background-position: 50% 100%;
    background-size: auto;
    width: 100vw;
    min-width: 100vw;
  }

  .slide-hero-background.slider-002 {
    background-position: 50% 100%;
    background-size: auto;
    min-width: 100vw;
  }

  .slider-background {
    min-width: 100vw;
    overflow: hidden;
  }

  .inner-hero-content {
    z-index: 99;
    min-height: auto;
    margin: 173px 10px 40px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .slide {
    min-width: 100vw;
  }

  .slide-nav {
    display: none;
  }

  .slider-background-wrapper {
    width: 100vw;
    min-width: 100vw;
    height: auto;
    max-height: none;
  }

  .grid-wrapper {
    grid-template-rows: minmax(auto, auto);
    align-self: center;
  }

  .home-hero {
    align-items: flex-start;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .slider-arrow-icon {
    display: block;
    top: 35%;
    left: 0%;
  }

  .slide2 {
    width: 100vw;
    min-width: 100vw;
  }

  .slidetextdiv {
    flex-wrap: wrap;
  }

  .slidetextdiv._2 {
    padding-left: 0;
    padding-right: 0;
  }

  .orange-arrow {
    margin-left: 0;
  }

  .slide3 {
    width: 100vw;
    min-width: 100vw;
  }

  .mask {
    min-width: 100vw;
  }

  .nudgetime {
    background-size: auto 100%;
    margin-left: 10px;
  }

  .transition-sweep {
    opacity: 1;
    background-color: #274068;
  }

  .paragraph-4 {
    font-size: .8em;
  }

  .product-image {
    background-size: contain;
    height: auto;
  }

  .productgrid {
    grid-template-rows: auto 30vh auto;
    grid-template-columns: 1fr;
    margin-top: 110px;
  }

  .productheader {
    padding-left: 10px;
    padding-right: 10px;
  }

  .productpagedescription {
    text-align: center;
  }

  .productpageheading {
    text-align: center;
    align-self: center;
  }

  .price {
    text-align: center;
  }

  .addtocartlist {
    margin-top: 20px;
  }

  .default-state {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .productlistgrid {
    padding-left: 10px;
    padding-right: 10px;
  }

  .listproductimage {
    background-size: contain;
    align-self: center;
    width: 200px;
    height: 150px;
    margin-left: 0;
  }

  .producttitlegroup {
    text-align: center;
    align-self: center;
    margin-top: 0;
  }

  .productpagedescriptiongroup {
    text-align: center;
    margin-bottom: 0;
    font-size: .8em;
    line-height: 1.4em;
  }

  .default-statelist {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    display: flex;
  }

  .field-labellist {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 20px;
  }

  .quantitylist {
    margin-top: 0;
  }

  .price-listed {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .cart-button-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-98 {
    text-align: center;
    align-self: center;
  }

  .utility-page-content {
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .homebuttom404:hover {
    background-color: var(--bokblue);
  }

  .wfformfield {
    min-width: 301px;
  }

  .loginformstyle {
    padding-left: 0;
  }

  .form-block {
    align-self: center;
    width: 100%;
    padding-left: 30px;
  }

  .submit-button {
    width: 100%;
  }

  .text-field, .text-field-2, .textarea {
    font-size: .8em;
  }

  .submit-button-2 {
    width: 90%;
  }

  .mloginpopup {
    z-index: 99;
    box-shadow: none;
    border-radius: 0;
    width: 100vw;
    height: auto;
    position: relative;
    top: 0%;
    right: 0%;
  }

  .mmenutoptitle {
    color: var(--bokblue);
    margin-top: 0;
    margin-left: 0;
  }

  .div-block-34 {
    margin-top: 0;
    padding-top: 25px;
  }

  .form-2 {
    text-align: left;
  }

  .checkout-form {
    margin-top: 115px;
  }

  .order-confirmation {
    margin-top: 111px;
  }

  .heading-9 {
    font-size: 1.1em;
  }

  .column, .text-block-107, .div-block-35, .block-content, .div-block-36, .block-content-2 {
    font-size: .9em;
  }

  .utilityinset {
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-help {
    align-items: flex-start;
    width: 100%;
    padding-right: 30px;
  }

  .text-block-108 {
    color: var(--bokblue);
  }

  .pwhelpform {
    background-color: var(--white-smoke);
    align-items: flex-start;
    width: auto;
    margin-left: auto;
    display: none;
    position: relative;
  }

  .pagescontentinset, .pagescontentinsetblank {
    font-size: .8em;
    line-height: 1.5em;
  }

  .image-scale {
    padding: 10px;
    display: block;
  }

  .paragraph-5 {
    font-size: .9em;
    line-height: 1.2em;
  }

  .div-block-42 {
    width: 100%;
    margin-top: 27px;
  }

  .plainparagraph {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 1em;
  }

  .bluecallout {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-43 {
    width: 80%;
    height: 300px;
  }

  .toungue {
    background-position: 100% 0;
    background-size: auto;
  }

  .text-span-80 {
    line-height: 1.3em;
  }

  .plainparagraphtop {
    margin-bottom: 0;
    font-size: 1em;
  }

  .div-block-45 {
    margin-top: 59px;
  }

  .pagespagetitle-link {
    margin-bottom: 10px;
    font-size: 1.1em;
  }

  .text-span-84 {
    font-size: .8em;
  }

  .div-block-46, .mealplanimagebf {
    margin-top: 40px;
  }

  .ordersnack-button {
    justify-content: center;
    margin-left: 0;
    display: flex;
  }

  .subnavigation {
    padding-bottom: 5px;
  }

  .subnav-link {
    margin-bottom: 5px;
    font-size: 1em;
  }

  .div-block-48 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .bulletsparagraph {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .9em;
  }

  .div-block-49 {
    align-self: center;
  }

  .bold-text-2 {
    text-align: center;
  }

  .italic-text-2 {
    font-size: 1em;
  }

  .text-span-90 {
    font-size: .7em;
    line-height: .8em;
  }

  .chapterspageimage-copy, .chapterspageimage-copy._2 {
    height: 200px;
  }

  .chapterspageimage-copy._4, .chapterspageimage-copy._6 {
    height: 200px;
  }

  .chapterspageimage-copy.fat, .chapterspageimage-copy.p {
    height: 200px;
  }

  .chapterspageimage-copy.fc, .chapterspageimage-copy.fatcocktail {
    height: 200px;
    display: none;
  }

  .chapterspageimage-copy, .chapterspageimage-copy._2 {
    height: 200px;
  }

  .chapterspageimage-copy._4, .chapterspageimage-copy._6 {
    height: 200px;
  }

  .chapterspageimage-copy.fat, .chapterspageimage-copy.p {
    height: 200px;
  }

  .chapterspageimage-copy.fc, .chapterspageimage-copy.fatcocktail {
    height: 200px;
    display: none;
  }

  .chapterspageimage-copy, .chapterspageimage-copy._2 {
    height: 200px;
  }

  .chapterspageimage-copy._3 {
    background-position: 50% 100%;
  }

  .chapterspageimage-copy._4, .chapterspageimage-copy._6 {
    height: 200px;
  }

  .chapterspageimage-copy._3-copy {
    background-position: 50% 100%;
    height: 200px;
  }

  .chapterspageimage-copy.fat, .chapterspageimage-copy.p {
    height: 200px;
  }

  .chapterspageimage-copy.fc, .chapterspageimage-copy.fatcocktail {
    height: 200px;
    display: none;
  }

  .cart-header-2 {
    height: 80px;
    padding-top: 26px;
    padding-left: 40px;
  }

  .text-block-109 {
    color: var(--brand-bok-darkgrey);
    font-size: .9em;
  }

  .text-block-110 {
    color: var(--grey);
    font-size: .9em;
  }

  .cart-quantity-2 {
    color: var(--grey);
    width: 44px;
  }

  .text-block-111 {
    font-size: .9em;
  }
}

#w-node-_4d6527f2-8c47-e45e-4af4-eee9cc6f23c0-b7c0c01e {
  grid-area: 1 / 1 / 2 / 4;
  justify-self: stretch;
}

#w-node-_4d6527f2-8c47-e45e-4af4-eee9cc6f23c9-b7c0c01e {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center end;
}

#w-node-_4d6527f2-8c47-e45e-4af4-eee9cc6f23ca-b7c0c01e {
  place-self: center;
}

#w-node-_4d6527f2-8c47-e45e-4af4-eee9cc6f23ce-b7c0c01e {
  align-self: start;
}

#w-node-_4d6527f2-8c47-e45e-4af4-eee9cc6f23d0-b7c0c01e, #w-node-e44ec0c2-a273-0ef3-ee79-2dec9f0f234d-b7c0c01e {
  place-self: center;
}

#w-node-b12c61f2-91d8-6db0-cac8-e7feef258752-b7c0c01e {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center end;
}

#w-node-a00a9304-f24c-b963-36d8-97210ccae942-b7c0c01e {
  grid-area: 3 / 2 / 4 / 2;
  justify-self: center;
}

#w-node-_75d73be7-3a92-60fe-4a50-6064011fb96e-b7c0c01e {
  justify-self: center;
}

#w-node-a8902768-93b2-dcd7-da84-ad3c9b2689cb-b7c0c01e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-b12c61f2-91d8-6db0-cac8-e7feef258756-b7c0c01e {
  grid-area: 2 / 2 / 3 / 3;
  justify-self: center;
}

#w-node-_103eb7da-705d-59ec-0cc7-e7a34c73cafd-b7c0c01e {
  place-self: center;
}

#w-node-_103eb7da-705d-59ec-0cc7-e7a34c73caff-b7c0c01e {
  grid-area: 3 / 2 / 4 / 3;
  justify-self: center;
}

#w-node-_103eb7da-705d-59ec-0cc7-e7a34c73cb01-b7c0c01e {
  justify-self: center;
}

#w-node-_103eb7da-705d-59ec-0cc7-e7a34c73cb02-b7c0c01e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_103eb7da-705d-59ec-0cc7-e7a34c73cb08-b7c0c01e {
  grid-area: 2 / 2 / 3 / 3;
  justify-self: center;
}

#w-node-_5f0f3e48-6381-7470-61b9-9bee8902417b-89024173 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: end;
}

#w-node-_5f0f3e48-6381-7470-61b9-9bee8902417d-89024173 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-c70c3cc9-c5fa-59c5-5692-0a91f1325ba6-89024173 {
  grid-area: 2 / 1 / 3 / 2;
  place-self: center start;
}

#w-node-_5f0f3e48-6381-7470-61b9-9bee89024185-89024173 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-d54a9995-f4aa-abe4-9159-433732004de6-89024173 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_75f6716e-fdca-2f35-c488-8c1df5ecbfb2-f5ecbfae {
  grid-area: 1 / 1 / 4 / 3;
}

#w-node-_75f6716e-fdca-2f35-c488-8c1df5ecbfb5-f5ecbfae {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: end;
}

#w-node-_7c26b573-c4bc-1e4e-706d-d50bbc1336f0-f5ecbfae {
  grid-area: 1 / 3 / 2 / 4;
  place-self: start end;
}

#w-node-_75f6716e-fdca-2f35-c488-8c1df5ecbfb4-f5ecbfae {
  grid-area: 2 / 2 / 3 / 4;
  place-self: start end;
}

#w-node-_79c1c78c-f420-9f74-8bbb-0c85802d89a7-2fc0c021 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_27bbab2d-9f3a-fa24-bf74-615d38f52d57-2fc0c021 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: start;
}

#w-node-_80a48011-9cbd-3e89-f2eb-ef400dad35a8-2fc0c021 {
  justify-self: center;
}

#w-node-_8c22ac70-217c-225f-eadc-c59d24226570-abc0c025 {
  place-self: start;
}

#w-node-_24546ea3-2584-d02b-6635-4d6fac8c1ade-abc0c025 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_24546ea3-2584-d02b-6635-4d6fac8c1ae5-abc0c025 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_24546ea3-2584-d02b-6635-4d6fac8c1ae6-abc0c025 {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_9a3ae6e1-27b5-a498-64d9-c25bc200bb47-09c0c026 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-ef25a792-9de9-5408-71c4-c0f276505b31-09c0c026 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d6e3cb35-65d1-b8c1-18b8-9b971e36cdfc-09c0c026 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-d6e3cb35-65d1-b8c1-18b8-9b971e36ce03-09c0c026 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-d6e3cb35-65d1-b8c1-18b8-9b971e36ce04-09c0c026 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-de4d933a-6cbd-e7ea-77d2-f751cdb38612-efc0c02c {
  place-self: start;
}

#w-node-de4d933a-6cbd-e7ea-77d2-f751cdb386a3-efc0c02c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-de4d933a-6cbd-e7ea-77d2-f751cdb386aa-efc0c02c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-de4d933a-6cbd-e7ea-77d2-f751cdb386ab-efc0c02c {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-f3844673-e979-b1c9-455d-675b99322d47-fc11f3d5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_26ee638f-12f0-3b74-5372-a83cadd871d9-fc11f3d5 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_59caffec-0292-ca29-81a2-69e3eca3a1b5-fc11f3d5 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-f3844673-e979-b1c9-455d-675b99322d47-6d0663fb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_26ee638f-12f0-3b74-5372-a83cadd871d9-6d0663fb {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_59caffec-0292-ca29-81a2-69e3eca3a1b5-6d0663fb {
  grid-area: 1 / 1 / 3 / 2;
}

@media screen and (max-width: 991px) {
  #w-node-_5f0f3e48-6381-7470-61b9-9bee8902417b-89024173, #w-node-_5f0f3e48-6381-7470-61b9-9bee8902417d-89024173 {
    grid-column: 1 / 2;
    justify-self: center;
  }

  #w-node-c70c3cc9-c5fa-59c5-5692-0a91f1325ba6-89024173 {
    grid-row: 3 / 4;
    justify-self: center;
  }

  #w-node-_5f0f3e48-6381-7470-61b9-9bee89024185-89024173 {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: center;
  }

  #w-node-d54a9995-f4aa-abe4-9159-433732004de6-89024173 {
    grid-row: 5 / 6;
  }

  #w-node-f3844673-e979-b1c9-455d-675b99322d47-fc11f3d5 {
    grid-column: 1 / 2;
    justify-self: auto;
  }

  #w-node-_26ee638f-12f0-3b74-5372-a83cadd871d9-fc11f3d5 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_59caffec-0292-ca29-81a2-69e3eca3a1b5-fc11f3d5 {
    grid-row-start: 2;
  }

  #w-node-f3844673-e979-b1c9-455d-675b99322d47-6d0663fb {
    grid-column: 1 / 2;
    justify-self: auto;
  }

  #w-node-_26ee638f-12f0-3b74-5372-a83cadd871d9-6d0663fb {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_59caffec-0292-ca29-81a2-69e3eca3a1b5-6d0663fb {
    grid-row-start: 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_4d6527f2-8c47-e45e-4af4-eee9cc6f23c0-b7c0c01e {
    place-self: auto center;
  }

  #w-node-_4d6527f2-8c47-e45e-4af4-eee9cc6f23c9-b7c0c01e {
    justify-self: center;
  }

  #w-node-_4d6527f2-8c47-e45e-4af4-eee9cc6f23ca-b7c0c01e {
    align-self: start;
  }

  #w-node-_5f0f3e48-6381-7470-61b9-9bee8902417b-89024173 {
    grid-column: 1 / 2;
    justify-self: center;
  }

  #w-node-_5f0f3e48-6381-7470-61b9-9bee8902417d-89024173 {
    grid-row: 3 / 4;
  }

  #w-node-c70c3cc9-c5fa-59c5-5692-0a91f1325ba6-89024173 {
    grid-row: 2 / 3;
    justify-self: center;
  }

  #w-node-_5f0f3e48-6381-7470-61b9-9bee89024185-89024173 {
    grid-row: 4 / 5;
    grid-column-end: 2;
  }

  #w-node-_6015701b-312b-fb47-b652-53faa0755b71-2fc0c021 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_79c1c78c-f420-9f74-8bbb-0c85802d89a7-2fc0c021 {
    grid-row: 4 / 5;
    justify-self: center;
  }

  #w-node-_1d680520-ce87-141d-6ea8-fe0b7f1d7468-2fc0c021 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_27bbab2d-9f3a-fa24-bf74-615d38f52d57-2fc0c021 {
    grid-area: 5 / 1 / 6 / 2;
    justify-self: center;
  }

  #w-node-_80a48011-9cbd-3e89-f2eb-ef400dad35a8-2fc0c021 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-ac258cb6-3f0b-9c6a-cd9d-ee9fed028f94-2fc0c021 {
    grid-area: 7 / 1 / 8 / 2;
    place-self: start center;
  }

  #w-node-_24546ea3-2584-d02b-6635-4d6fac8c1ae5-abc0c025 {
    align-self: start;
  }

  #w-node-_9a3ae6e1-27b5-a498-64d9-c25bc200bb47-09c0c026 {
    grid-row-end: 2;
  }

  #w-node-d6e3cb35-65d1-b8c1-18b8-9b971e36cdfc-09c0c026 {
    grid-row-start: 2;
  }

  #w-node-d6e3cb35-65d1-b8c1-18b8-9b971e36ce03-09c0c026 {
    grid-row: 2 / 3;
    align-self: start;
  }

  #w-node-d6e3cb35-65d1-b8c1-18b8-9b971e36ce04-09c0c026 {
    grid-row: 3 / 4;
  }

  #w-node-de4d933a-6cbd-e7ea-77d2-f751cdb386aa-efc0c02c {
    align-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d54a9995-f4aa-abe4-9159-433732004de6-89024173, #w-node-_79c1c78c-f420-9f74-8bbb-0c85802d89a7-2fc0c021, #w-node-_24546ea3-2584-d02b-6635-4d6fac8c1ade-abc0c025 {
    justify-self: center;
  }

  #w-node-_24546ea3-2584-d02b-6635-4d6fac8c1ae5-abc0c025 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_24546ea3-2584-d02b-6635-4d6fac8c1ae6-abc0c025 {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: center;
  }

  #w-node-_9a3ae6e1-27b5-a498-64d9-c25bc200bb47-09c0c026 {
    grid-row: 2 / 3;
  }

  #w-node-ef25a792-9de9-5408-71c4-c0f276505b31-09c0c026 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-d6e3cb35-65d1-b8c1-18b8-9b971e36cdfc-09c0c026 {
    grid-row: 3 / 4;
    justify-self: center;
  }

  #w-node-d6e3cb35-65d1-b8c1-18b8-9b971e36ce03-09c0c026 {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: center;
  }

  #w-node-d6e3cb35-65d1-b8c1-18b8-9b971e36ce04-09c0c026 {
    grid-area: 5 / 1 / 6 / 2;
    justify-self: center;
  }

  #w-node-de4d933a-6cbd-e7ea-77d2-f751cdb386a3-efc0c02c {
    justify-self: center;
  }

  #w-node-de4d933a-6cbd-e7ea-77d2-f751cdb386aa-efc0c02c {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-de4d933a-6cbd-e7ea-77d2-f751cdb386ab-efc0c02c {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: center;
  }
}