@charset "UTF-8";
@import url(/assets/general/css/form.css);
@import url(/assets/general/css/tooltip.css);
@import url(/assets/general/css/icon.css);

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
a {
    background: 0 0;
    color: #0079b3;
    text-decoration: none
}
a:active,
a:hover {
    outline: 0;
}
a:focus,
a:hover {
    color: #004566;
    text-decoration: underline
}
a:focus,
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
img {
    vertical-align: middle;
    max-width: 100%;
    border: 0
}
button,
select {
    text-transform: none
}
button,
[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body {
    font: 100%/1.25 nunito, sans-serif;
    margin: 0 2%;
    background-color: #ebeeee;
    color: #5c5c5c;
}
label {
    margin-bottom: 5px;
    font-weight: 700;
    margin-right: 8px
}
input[type=checkbox],
input[type=radio] {
    margin-top: 1px \9;
    line-height: normal
}
input[type=file],
label {
    display: block
}
input[disabled] {
    cursor: not-allowed
}
header {
    position: relative;
    width: 100%;
    overflow: auto;
    text-align: center;
}
header .logo {
    float: none;
    height: 110px;
    margin: 15px auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 165px;
}
header .logo a {
    display: block;
    height: 100%
}
header .shop {
  color: #3CA5DA;
  font-size: 2.8em;
  font-weight: bold;
  text-transform: uppercase;
  margin: -0.5em 0 .1em 0;
}
header .storefront {
  font-size: 1.5em;
  margin: -.3em 0 .5em 0;
  display: block;
}
@media screen and (min-width: 800px) {
  header {
    text-align: left;
  }
  header .shop {
    margin: 0;
    padding: 3.44em 0 0 0.8em;
    float: left;
  }
  header .storefront {
    margin: 0;
    padding: 7.1em 0 0 1.2em;
    float: left;
  }
}
@media screen and (max-width: 799px) {
  header .storefront {
    font-size: 1.8em;
    margin: .6em 0 .9em;
  }
}
h1,
h3 {
    margin: 0 0 20px;
    line-height: 1em;
    color: #017db1;
    xfont-family: 'Droid Serif', serif
}
h2 {
    margin: 0 0 5px;
    font-size: 1.6em;
    color: #919191;
    font-weight: 300
}
h3 {
    text-align: center
}
h3 {
    font-size: 24px;
    line-height: 35px;
    clear: both;
    font-weight: 400;
    margin: 0 0 15px
}
form button {
    height: 42px;
    line-height: 42px;
    padding: 0 30px;
    font-weight: 700;
    font-size: 97%;
    color: #333
}
input,
select {
    font-family: inherit;
    display: block;
    margin: 0;
    font-size: 110%
}
b {
    color: #d64141
}
.alert {
    background: #b34444;
    color: #fff;
    font-weight: 300;
    text-shadow: 1px 1px 1px #421717;
    margin: 0 0 1em
}
.group:after,
group:after {
    content: "";
    display: table;
    clear: both
}
.sentinel .btn,
.sentinel button {
    margin-right: 0
}
.sentinel .alert,
.switch {
    margin: -17px -17px 16px
}
.sentinel { margin-top: 1.6em; }
.login label { width: 48%; }
.login input { width: 100%; height: 3.3em; }
.login button { margin: 3px 0 0 }
.login .forgot { margin-left: 1em; }
.login [type=submit], .create-account [type=submit] { margin-top: 1ex; }
.create-account > * { margin-left: auto !important; margin-right: auto !important; display: block; }
.create-account .actions { display: none; }
.create-account label { max-width: 60%; }
.create-account input { width: 100%; }
.actions { width: 40%; border-left-color: #a0c0c9; background: #dae9ee }
td,
th {
    text-align: left;
    padding: 0 1em 0 0
}
.links a { text-decoration: none; }
a:link,
a:visited {
    color: #4183c4;
    text-decoration: none
}
a:hover {
    text-decoration: underline
}
h2 {
    margin-top: .8em;
    font-family: inherit
}
fieldset h2 {
    margin: -0.1em 0 0.55em;
}
fieldset {
    border: none;
    border-top: 1px solid #f0ede4;
}
input,
select,
textarea {
    background-color: #f6f4ef;
    border: 1px solid #aba698;
    color: #333;
    height: 40px;
    box-shadow: none;
    padding: 9px 2px 9px 2px;
    text-align: center
}
:-ms-input-placeholder,
::-moz-placeholder,
::-webkit-input-placeholder {
    color: #5c594f;
    font-weight: 700;
    text-align: center
}
[type=submit],
a.btn,
.btn:link,
.btn:visited,
button {
    background: #D87B1C;
    color: #fff;
    border: none;
    box-shadow: none;
    font-size: 1.4em;
    margin: 0 auto;
    height: auto;
    line-height: 2.5em;
    min-width: 40%;
    font-family: inherit;
}
[type=submit]:hover,
a.btn:hover,
button:hover {
    background: #3CA5DA;
    color: #fff;
    border: none
}
input { max-width: 100%; }
input[type=radio] { height: auto; }
input[type=checkbox] { margin: 2px 4px; height: auto; }
input[name="card[number]"] { letter-spacing: 1px; }
input[name="customer[email]"] { min-width: 78%; }
select { min-width: 50%; }

.routing img { right: 22px }
.alert { padding: 2em; font-size: 2em }
.error { color:#B34444; text-align: center; }
.donate { background: #017db1; border-radius: 4px; color: #fff !important; border-color: #017db1 }


input[type=radio] { border: 1px solid #aaa; }
input[type=radio]:checked { background-color: rgb(48,131,250); }
input, select { display: block; margin: 0; font-size: 100%; }
input, textarea { font-size: 100%; padding: 8px; box-shadow: none; -webkit-appearance: none; }
input[type=radio] { -webkit-appearance: radio; } 
input[type=checkbox] { -webkit-appearance: checkbox; } 
input:focus, select:focus, textarea:focus { border: 1px solid #5C5C5C; background-color: rgba(92, 92, 92, 0.1); color: #555; }
input[type=radio] { margin: 1px; }
input[name="card[number]"] { width: 207px; } 
input[name="card[cvv]"] { width: 52px; } 
input[name="customer[lastname]"], textarea[name="customer[comment]"] { margin-bottom: 0px !important; }
input[name="customer[firstname]"],
input[name="customer[lastname]"],
input[name="customer[address]"],
input[name="customer[company]"],
textarea[name="customer[comment]"] { width: 100%; margin-bottom: 10px; }
input[name="customer[email]"] { width: 100%; margin-bottom: 0px; margin-top: 10px; }
textarea[name="customer[comment]"] { resize:vertical; max-height:200px; min-height: 100px;  }
th, td { text-align: left; padding: 0 1em 0 0; }
select { height: 40px; }
var { font-weight: bold; font-style: normal; }
i { position: absolute !important; }

.memo { font: inherit; }
.alert { background: #B34444; text-align: center; padding: 1em; font-size: 1.5em; color: #FFF; font-weight: 300; text-shadow: 1px 1px 1px #421717; margin: 0 0 1em; }
group:after, .group:after { content: ""; display: table; clear: both; }
.sentinel button, .sentinel .btn { margin-right: 0; }
.sentinel .alert { margin: -17px; margin-bottom: 16px; }
.actions { border-color: #A0C0C9; background: #DAE9EE; }
.create-account button { margin: 1em 0 0; }

/*** Payment Switch ***/
.switch .checked i {  }
.switch { padding: 7px 16px; margin: 0 -1.2em 16px; }
.switch input { display: none; }
.switch label { background-color: white; color: rgb(92, 92, 92); float: left; line-height: 40px; border: 1px solid #d8cccc; padding: 0 26px; margin: -8px 10px -8px 0 !important; cursor: pointer; margin-right: 10px; border-radius: 3px; }
.switch label:hover, .switch label.checked { background-color: #8e8686; background-image: none; background-repeat: repeat-x; border: 1px solid #8e8686; color: white; position: relative; }
.icon-question-sign { margin-left: 1px; }
.icon-question-sign { background-position: -96px -96px; }
.switch .checked i { display: block; position: absolute; bottom: -7px; left: 50%; margin-left: -6px; border-width: 6px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; width: 0; height: 0; }
.switch .checked i + i { border-width: 8px; border-left-color: #8e8686; margin-left: -5px;}

/*** Card Number / Validator / Type Detector / Whatever you wanna call it ***/
.card>div, .check>div { display: flex; }
.card label:last-child, .check label:last-child { margin-right: 0; }
.card input, .check input { flex-grow: 2; flex-shrink: 2; width: 100%; max-width: 100%; }
.card label, .check label { float: left; flex-grow: 2; flex-shrink: 2; margin-right: 8px; margin-top: 0; }
#card_number { background-image: url(/assets/merchant/americanfirearmsacademy/images/cardsicons.png); background-position: 4px -118px, 260px -61px; background-size: 120px 361px, 120px 361px; background-repeat: no-repeat; padding-left: 54px; }
#card_number.amex { background-position: 4px -49px, 260px -61px; }
#card_number.diners_club_carte_blanche, #card_number.diners_club_international { background-position: 4px -83px, 260px -61px; }
#card_number.visa { background-position: 4px -160px, 260px -61px; }
#card_number.visa_electron { background-position: 4px -205px, 260px -61px; }
#card_number.mastercard { background-position: 4px -244px, 260px -61px; }
#card_number.maestro { background-position: 4px -286px, 260px -61px; }
#card_number.discover { background-position: 4px -328px, 260px -61px; }

.routing input, #main .routing input { display: inline-block; padding: 20px; }
.routing img { right: 5px; }

/*** FontAwesome / Payment Methods ***/
.hide { display:none; }
.fa { position: relative !important; color: black; }
.add_method { clear: both; }
.add_method label { float: left; }
.deleted { margin-left: 30px; color: red !important; font-weight: 700; text-align: center;}
.payment_head { float: none !important; clear:both; color: black; font-weight: 700; }
.payment_method { border-bottom: 1px solid rgba(128, 128, 128, 0.22); display:block; margin: 5px 0; float: none !important; color: #AFAFAF; }
.hand { cursor: hand; cursor: pointer; color: black; }
.darkblue { color: #090971 !important; }
.lightblue { color: #5C5C9C !important; }


/*** ITEM DETAILS ***/

item { font-size: 1.05em; line-height: 1.7; }
h1 author { font-size: .6em; font-family: nunito, sans-serif; color: #A2A29C; display: inline-block; } 
h1 name { margin-right: .5ex; }
.product-column { font-size: 1.25em; }

/* Description */
.short-description { font: bold 1.2em/1.2 nunito, sans-serif; text-align: left; color: #78A22F; margin: 2em 0 1em; }

/* Buttons */
a.btn, a.btn:link { text-align: center; }
item a.btn, item a.btn:link { font-size: 1.2em; padding: 0 1em; line-height: 2em; margin: .3ex 0; min-width: 60%; }
a.btn.go-to-checkout { line-height: 3em; height: 3em; width: 100%; }

/* Video */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; margin: 2em 0; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Suggested Donation */
.suggested-donation { font-weight: bold; color: #2C718E; }
.suggested-donation [role=price] { font-style: normal; }
.suggested-donation note { color: #A2A29C; font-weight: normal; display: block; }

/* Photo & Right Column */
.product-photo { box-shadow: 0 1px 4px 1px #D1D2CB; border-radius: 3px; transition: transform .3s, box-shadow .5s; margin: 0 auto 2em; display: block; }
.product-photo:hover { -moz-perspective: 100px; -moz-transform: rotateY(-2deg); -webkit-transform: perspective(100) rotateY(-2deg); box-shadow: 1px 1px 5px 1px #D1D2CB; }
@media screen and (min-width: 800px) {
  item .product-photo { max-width: 31%; float: left; }
  item .product-column { float: right; width: 65%; }
}
[role=description] { overflow: auto; width: 100%; font-size: 122%; font-size: 16px; color: #333; }

/*** ITEM LISTING ***/
noitem { display: block; text-align: center; }
h2.item-listing { margin: 0 0 1em; }
h2.item-listing var { color: #017DB1; font-weight: bold; font-style: normal; text-transform: uppercase; margin-left: .3ex; }
result-item h3 { font: bold 1.2em/1.2 nunito, sans-serif; color: #6c7164; }
result-item a.btn, result-item a.btn:link { font-size: 1.2em; padding: 0 1ex; line-height: 2.5em; text-align: center; margin: .3ex 16%; display: block; }
result-item a { text-decoration: none !important; display: table-row;}
result-item a:first-child { height: 180px; }
result-item .product-photo { max-height: 300px; }
@media screen and (min-width: 800px) {
  result-item imgcell { display: table-cell; vertical-align: middle; }
  result-item imgcell img { vertical-align:middle; max-width: 60%; margin-bottom: 1em !important; }
  result-item h3 { height: 60px; }
  result-item { width: 32.5%; height: 330px; display: table; float: left; padding: 1em; }
  result-item:nth-child(1n+5) { border-top: 1px solid #ccc; }
  result-item + result-item { border-left: 1px solid #ccc; }
  result-item + result-item:nth-of-type(3n+4) { border-left: none !important; }
  result-item .product-photo { max-height: 202px; width: auto;}
}
@media screen and (max-width: 799px) {
    result-item { margin: 0 auto; padding: 20px; width: 75%; display: block; border-bottom: 1px solid #ccc; }
    result-item a { display: block; }
    result-item a:first-child { height: inherit; }
}


/*** CART LISTING ***/
.cart-listing { display: table; width: 100%; margin: 2em 0 3em; border-top: 1px solid #D8CCCC; }
.cart-listing item { display: table-row; }
.cart-listing item >* { display: table-cell; vertical-align: top; 
          padding: 1em; border-bottom: 1px solid #D8CCCC; }
.cart-listing figure { vertical-align: middle; text-align: center; }
.cart-listing .product-photo { max-width: 5em; max-height: 5em; margin: auto; }
.cart-listing .details { vertical-align: middle; }
.cart-listing [role=title] { font-weight: bold; font-size: 1.4em; line-height: 1; margin: 0; color: #3CA5DA; }
.cart-listing .suggested-donation { margin: .5em 0 0; }

h2.summary, .cart-listing.summary .qty { height: 4rem; margin: 0; }
.cart-listing.summary .qty div { padding-top: 0; line-height: 2em; }
.cart-listing.summary { border-top: 0; margin-top: -4rem; }
.cart-listing .qty { vertical-align: middle; }
.cart-listing .qty input { padding: 0 5%; line-height: 2em; height: 2em; margin: 0; } 

h2.cart-view { text-align: center; margin: -.9em 0 1em; }


/*** MAIN SECTION AND SIDEBAR ***/
.section-aside, 
.section-body, 
.section-banner, 
.mobile-section-banner { background: #fff; box-shadow: 0 0 5px #e2e0db; border-radius: 6px; padding: 20px; margin: 0 0 2%; font-size: 125%; }
.section-aside h2 { margin-top: 0; text-align: center }
.section-aside .btn { font-size: 1.2em; padding: 0 2%; line-height: 2em; text-align: center; min-width: auto; }
.section-aside [role=button] { display: block; color: #0079b3; cursor: hand; cursor: pointer; }
.section-aside [role=button]:hover { color: #054756; }
@media screen and (min-width:800px) {
  .section-aside .btn { width: 48%; display: block; float: left; padding: 0; }
  .section-aside .btn + .btn { float: right; }
}
.searchbox { padding: 18px 18px 0; border-top: 1px solid #f6f4ef; margin-top: .8em; }
.searchbox input { width: 100%; font-size: 1.3em; }

/*** QUICK SEARCH BANNER ***/
ul[role=menubar] { display: block; list-style: none; padding: 1% 1% 0; margin: 0; }
ul[role=menubar] + ul { margin: -1.1em 0 0; }
ul[role=menubar] li { display: inline-block; text-align: center; padding-left: 2%; }
ul[role=menubar] li a { display: block; text-decoration: none; font-size: 150%; font-weight: 300; color: #919191;  }
ul[role=menubar] li a:hover { color: #017db1;  }
ul[role=menubar] h2 { text-transform: uppercase; letter-spacing: .1ex; font-weight: bold; font-size: 1.2em; color: #6d6d6d; }
.sort { display: block; margin: 0 auto; }
.section-banner { font-size: 1.1em; padding: 0px 0px 10px 0px; }
.mobile-section-banner { display: none; }
.mobile-section-banner form:before { border-left: 1px solid black; }
.mobile-section-banner select { min-width: 23%; width: 23%; display: block; float: left; margin-right: 1%; }
@media screen and (max-width: 1000px) { .section-banner { font-size: 1em; }}
@media screen and (max-width: 800px) { .section-banner { font-size: 1.2em; }}
@media screen and (max-width: 600px) {
    .section-banner { display: none; }
    .mobile-section-banner { display: block; }
    .mobile-section-banner h2 { margin: 0; }
    .search { width: 23% !important; }
}


/*** CART ***/
.cart { display: table; border: 1px solid #d5d6d0; border-radius: 3px; }
.cart segment { display: table-cell; }
.cart dd, .cart dt { text-align: center; width: auto; margin: 0 }
.cart dt { background: #f7f6f2; text-transform: uppercase; letter-spacing: .1ex; font-weight: bold; }
.cart-wrapper .buttons { overflow: auto; }
.cart-view.buttons { text-align: center; }

@media screen and (max-width: 799px) {
  .cart dd, .cart dt { display: block; padding: .3em 1em; }
  .cart dt { border-bottom: 1px solid #d5d6d0; }
  .cart segment+segment dd, .cart segment+segment dt { border-left: 1px solid #d5d6d0 }
  .cart-wrapper { overflow: auto; }
  .cart-wrapper > * { float: left; margin: 0; display: block; }
  .cart-wrapper > * + * { margin-left: 2% !important; }
  .cart-wrapper h2 { width: 14%; height: 2.3em; line-height: 1; display: flex; justify-content: center; flex-direction: column; }
  .cart-wrapper .buttons { float: right; margin: .6em 0; }
  .cart-wrapper .btn { padding: 0 1em; }
}
@media screen and (max-width: 700px) {
 .cart-wrapper h2 { width: 22%; }
}
@media screen and (max-width: 600px) {
  .cart-wrapper .buttons { float: right; width: 31%; margin: -.7em 0; }
  .cart-wrapper .btn { margin-bottom: .5ex; width: 100%; }
}
@media screen and (min-width: 800px) {
  .cart { width: 100%; }
  .cart segment { display: table-row }
  .cart segment+segment dd, .cart segment+segment dt { border-top: 1px solid #d5d6d0; }
  .cart dd, .cart dt { display: table-cell; padding: .6em 1em; }
  .cart dt { border-right: 1px solid #d5d6d0; }
}


/*** Search ***/
.section-aside .search { width: 100%; }
.section-aside .search + * { margin-top: 1em; }


/*** Donation Amount Selection ***/

.cart.final { width: 100%; }
.cart.final segment { display: table-row }
.cart.final segment+segment dd, .cart.final segment+segment dt { border-top: 1px solid #d5d6d0; }
.cart.final dd, .cart.final dt { display: table-cell; padding: .8em 1em; }

.suggest  dt, .suggest  dd { border: none !important; text-transform: capitalize; background: none;  font-weight: bold; color: #8e8686; padding-bottom: 1em; }
.donation dt, .donation dd { border: 1px solid #d5d6d0; line-height: 2.3em; vertical-align: middle; }
.donation dt { border-right: 0; width: 40%; color: #333; font-size: 1.1em; }
.donation dd { padding: 0; position: relative; width: 60%; height: 4em; }
.donation.amount dt, .donation.amount dd { z-index: 2; border-bottom: none !important; }
.donation.cycle  dt, .donation.cycle  dd { z-index: 1; }
.donation.amount dt { border-top-left-radius: 3px; }
.donation.amount dd { border-top-right-radius: 3px; }
.donation.cycle  dt { border-bottom-left-radius: 3px; }
.donation.cycle  dd { border-bottom-right-radius: 3px; }

.donation.amount dd total { font-size: 1.3em; color: #016db1; font-weight: 900; }
.donation.amount dd input { font-size: 1.3em; color: #016db1; height: 100%; width: 100%; padding: .6em 1em; margin: 0;
                            position: absolute; top:-2px; left:-2px; right:-2px; bottom:-2px; padding: 0px; box-sizing: content-box;
                            border: 2px solid transparent; border-radius: 0; font-weight: 900; background: none; cursor: pointer; }
.donation.amount dd input:hover, .donation dd input:focus { border-color: #000; color: #000; border-radius: 2px; }
.donation.amount dd input:focus { background: #fbfbd6; }
.donation.amount dd input.invalid { outline: 3px solid #ff2b2b; }
.donation.cycle dt { line-height: 3.3; }
.donation.cycle dd label { display: block; float: none; line-height: 1.5; margin: 0; }
.donation.cycle dd input { margin-top: .2em; margin-right: .4em; }

.additional-donation { background: #5d5d5d; color: #f9f9f9; width: 70%; margin: 2.2em auto 0.9em; line-height: 1.9em; height: 2.9em; display: block; float: none; }


/*** LAYOUT ***/
.wrapper { width: 100%; max-width: 940px; margin: 0 auto; box-sizing: content-box; }
input[name="customer[email]"] { width: 100%; margin-bottom: 10px; margin-top: 10px; }
input[name="customer[firstname]"],
input[name="customer[lastname]"],
input[name="customer[address]"],
input[name="customer[company]"],
textarea[name="customer[comment]"] { width: 100%; margin-bottom: 10px; }
input[name="customer[firstname]"] { margin-right: 1%; }
.fullname { margin-bottom: 10px; }
.fullname input { display: inline-block; margin-bottom: 0px !important; width: 49% !important; }
.groups input, select { display: inline-block; }
input[name="customer[city]"], input[name="memo[Shipping City]"] { width: 50%; }
select[name="customer[state]"], select[name="memo[Shipping State]"] { width: 16%  !important; min-width: 16%; }
input[name="customer[zip]"], input[name="memo[Shipping ZIP]"] { width: 32%; }
.noborder { border:none !important; width: initial; }

.radio-label, .radio-other { margin: 0; }
.radio, .radio-other input { width: 100%; text-align: center; }
.radio-other { margin: 1em 0 0; }
.different-address { margin: -.3em 0 -.4em 0; }
.shipping { display: none; }

footer { width: 100%; float: left; color: #777; font-size: 1.5em; text-align: center; margin: 2em 0 .5em; }

.secure { text-align: center; color: #aaa; }
.secure img { max-width: 36%; margin: 1.4em 0 0; }

.step2 { font-size: 1.1em; line-height: 1.5em; }

@media screen and (min-width: 800px) {
    .innerwrapper { width: 476px; margin: 0 auto; }
    dl.cart { width: 100%; }
    header .logo {
        float: left;
        margin: 20px 0 15px;
    }
    h1 + fieldset {
      border-top: 0;
    }
    fieldset {
        padding: 1.3em 0;
        margin: 0;
        border-radius: 0
    }
    .group label,
    group label {
        float: left;
        margin-top: 4px
    }
    textarea {
        min-width: 300px;
        min-height: 40px
    }
    button.finalize  {
        float: left;
        margin: 1.55em 1em 1.3em 0;
        line-height: 2.8;
        width: 100%;
    }
    .finalize {
      margin-top: -.7em;
    }
    .finalize h3 {
        float: left
    }
    .finalize p {
        float: right;
        margin-top: 1.4em
    }
}
@media screen and (max-width: 799px) {
    fieldset {
        border: 0;
        border-top: 1px solid #d5d5d5;
        padding: 20px 0
    }
    fieldset:last-child {
        border-bottom: 1px solid #d5d5d5
    }
    fieldset,
    input,
    select,
    textarea {
        width: 100%
    }
    input[type=checkbox],
    input[type=radio] {
        width: auto!important
    }
    label {
        margin-right: 0
    }
    label+label {
        margin-top: 1em
    }
    .finalize,
    footer {
        text-align: center
    }
    .finalize button {
        margin: .7em 0 0;
        width: 100%
    }
    .presets label {
        display: block
    }
}
@media (min-width: 800px) {
    .section-body, .section-banner {
        width: 66%;
        float: left
    }
    .section-aside-wrapper {
        width: 30.6%;
        float: right
    }
}

@media screen and (max-width: 479px) {
    .cart-wrapper h2 { width: 36%; }
    .cart-wrapper .cart { display: table; float: none; }
    .cart-wrapper .buttons { float: none !important; width: 100%; margin-top: 2em; }
    .mobile-section-banner select,
    .mobile-section-banner form input { width: 95% !important; margin: 0.3em; float: none; }
}