* {
  margin: 0;
  padding: 0;    
  -webkit-font-smoothing: antialiased;
       -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
               box-sizing: border-box;
}
img {
  max-width: 100%; /* Make images responsive */
  display: block; /* Contributed by Tucker Whitehouse */
}


li { 
  list-style: none; /* Remove bullets on lists */
}



a:hover{
    text-decoration: none;
}

.center{
  text-align: center;
  margin:0 auto;
}

input {
  outline: none;
  margin: 0;
  padding: 5px 7px;
  color: #888;
  border: 1px solid #c7cace;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .12);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .12);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .12);
}


input:focus {
    border: 1px solid #77c100;
  }


h4 {
  font-size: 0.875em;
  line-height: 1.125em;
}

h5 {
  font-size: 0.75em;
  line-height: 1.125em;
}

h6 {
  font-size: 0.625em;
  line-height: 1em;
}

h1,
h4,
h5,
h6 { 
    font-weight: bold;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga", "dlig";
    -webkit-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
}


abbr,
acronym,
blockquote,
code,
dir,
kbd,
listing,
plaintext,
q,
samp,
tt,
var,
xmp {
    /* Accepted values: [ none | manual | auto ] */
    -webkit-hyphens: none; /* Safari 5.1 thru 6, iOS 4.2 thru 6 */
    -moz-hyphens: none; /* Firefox 16 thru 20 */
    -ms-hyphens: none; /* IE10 */
    -o-hyphens: none;    /* PRESTO...haha LOL */
    hyphens: none;   /* W3C standard */
}


p {
    font-family: "AvenirMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: auto;
    line-height: 1.7em;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
                    
    -webkit-hyphenate-before: 2;
    -webkit-hyphenate-after: 3;
    hyphenate-lines: 3;   
}


pre code {
    word-wrap: normal;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
}

pre {
    white-space: pre;
}

code {
    white-space: pre;
    font-family: monospace;
}


.drop-cap:first-letter {
    float: left;
    margin: 0;
    padding: 0.125em 0.125em 0 0;
    font-size: 6em;
    line-height: 0.5;
    text-indent: 0;
    background: transparent;
    color: inherit;
}


/*******************************************************************************
 * BASIC GRID SETUP
 ******************************************************************************/

.basket {
  max-width: 1260px;
  padding-bottom: 20px;
  margin-left:auto;
  margin-right:auto;
}

/* Fix width for floated elements */
.basket:after {
    content: "";
    display: table;
    clear: both;
}

[class*='basket-'] {
  float: left;
  display: inline-block;
  padding: 20px 10px 0 10px;
}

/*******************************************************************************
 * BASKET GRID
 ******************************************************************************/

.basket-whole   { width: 100%;   }
.basket-half    { width: 50%;    }
.basket-third   { width: 33.33%; }
.basket-quarter { width: 25%;    }
.basket-fifth   { width: 20%;    }

@media only screen and (max-width: 480px) {
  .basket-whole,
  .basket-half,
  .basket-third,
  .basket-quarter,
  .basket-fifth { width: 100%;   }
}