/*
  Custom Grid Hispanic Kitchen
  Version: 1.0.0
  Author: Salvo Group
  Author URI: http://salvogroup.co
  License: MIT
  License URI: http://opensource.org/licenses/mit-license.php
*/
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* clears */
.row:before, .row:after {
    content:' ';
    display:table;
}
.row:after {
    clear:both;
}
.row {
    *zoom:1;
}
.no-padding, *[class*="col-"].no-padding, .row.no-padding { padding-left: 0; padding-right: 0; }
.no-margin,  *[class*="col-"].no-margin, .row.no-margin { margin-left: 10px; margin-right: 10px; }
.no-padding-left, *[class*="col-"].no-padding-left, .row.no-padding-left { padding-left: 0; }
.no-margin-left,  *[class*="col-"].no-margin-left, .row.no-margin-left { margin-left: 10px; }
.no-padding-right, *[class*="col-"].no-padding-right, .row.no-padding-right { padding-right: 0; }
.no-margin-right,  *[class*="col-"].no-margin-right, .row.no-margin-right { margin-right: 10px; }
*[class*="col-"].margin-reset, .row.margin-reset { margin-right: 0; margin-left: 0; }

/* containers */
.wrapper {
  width: 980px;
  max-width: 980px;
  margin-left:auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.wrapper-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-half-offset {
  margin-left: 4.165%;
}

/* columns */
.col-24, .col-23, .col-22, .col-21, .col-20, .col-19, .col-18, .col-17, .col-16, .col-15, .col-14, .col-13, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}
.col-24 {
  width: 100%;
}
.col-23 {
  width: 95.8333333333%;
}
.col-22 {
  width: 91.6666666667%;
}
.col-21 {
  width: 87.5%;
}
.col-20 {
  width: 83.3333333333%;
}
.col-19 {
  width: 79.1666666667%;
}
.col-18 {
  width: 75.0%;
}
.col-17 {
  width: 70.8333333333%;
}
.col-16 {
  width: 66.6666666667%;
}
.col-15 {
  width: 62.5%;
}
.col-14 {
  width: 58.3333333333%;
}
.col-13 {
  width: 54.1666666667%;
}
.col-12 {
  width: 50.0%;
}
.col-11 {
  width: 45.8333333333%;
}
.col-10 {
  width: 41.6666666667%;
}
.col-9 {
  width: 37.5%;
}
.col-8 {
  width: 33.3333333333%;
}
.col-7 {
  width: 29.1666666667%;
}
.col-6 {
  width: 25.0%;
}
.col-5 {
  width: 20.8333333333%;
}
.col-4 {
  width: 16.6666666667%;
}
.col-3 {
  width: 12.5%;
}
.col-2 {
  width: 8.33333333333%;
}
.col-1 {
  width: 4.16666666667%;
}


/* offsets */
.col-offset-24 {
  margin-left:100%;
}
.col-offset-23 {
  margin-left:95.8333333333%;
}
.col-offset-22 {
  margin-left:91.6666666667%;
}
.col-offset-21 {
  margin-left:87.5%;
}
.col-offset-20 {
  margin-left:83.3333333333%;
}
.col-offset-19 {
  margin-left:79.1666666667%;
}
.col-offset-18 {
  margin-left:75.0%;
}
.col-offset-17 {
  margin-left:70.8333333333%;
}
.col-offset-16 {
  margin-left:66.6666666667%;
}
.col-offset-15 {
  margin-left:62.5%;
}
.col-offset-14 {
  margin-left:58.3333333333%;
}
.col-offset-13 {
  margin-left:54.1666666667%;
}
.col-offset-12 {
  margin-left:50.0%;
}
.col-offset-11 {
  margin-left:45.8333333333%;
}
.col-offset-10 {
  margin-left:41.6666666667%;
}
.col-offset-9 {
  margin-left:37.5%;
}
.col-offset-8 {
  margin-left:33.3333333333%;
}
.col-offset-7 {
  margin-left:29.1666666667%;
}
.col-offset-6 {
  margin-left:25.0%;
}
.col-offset-5 {
  margin-left:20.8333333333%;
}
.col-offset-4 {
  margin-left:16.6666666667%;
}
.col-offset-3 {
  margin-left:12.5%;
}
.col-offset-2 {
  margin-left:8.33333333333%;
}
.col-offset-1 {
  margin-left:4.16666666667%;
}


/* offsets right */
.col-offset-right-24 {
  margin-right:100%;
}
.col-offset-right-23 {
  margin-right:95.8333333333%;
}
.col-offset-right-22 {
  margin-right:91.6666666667%;
}
.col-offset-right-21 {
  margin-right:87.5%;
}
.col-offset-right-20 {
  margin-right:83.3333333333%;
}
.col-offset-right-19 {
  margin-right:79.1666666667%;
}
.col-offset-right-18 {
  margin-right:75.0%;
}
.col-offset-right-17 {
  margin-right:70.8333333333%;
}
.col-offset-right-16 {
  margin-right:66.6666666667%;
}
.col-offset-right-15 {
  margin-right:62.5%;
}
.col-offset-right-14 {
  margin-right:58.3333333333%;
}
.col-offset-right-13 {
  margin-right:54.1666666667%;
}
.col-offset-right-12 {
  margin-right:50.0%;
}
.col-offset-right-11 {
  margin-right:45.8333333333%;
}
.col-offset-right-10 {
  margin-right:41.6666666667%;
}
.col-offset-right-9 {
  margin-right:37.5%;
}
.col-offset-right-8 {
  margin-right:33.3333333333%;
}
.col-offset-right-7 {
  margin-right:29.1666666667%;
}
.col-offset-right-6 {
  margin-right:25.0%;
}
.col-offset-right-5 {
  margin-right:20.8333333333%;
}
.col-offset-right-4 {
  margin-right:16.6666666667%;
}
.col-offset-right-3 {
  margin-right:12.5%;
}
.col-offset-right-2 {
  margin-right:8.33333333333%;
}
.col-offset-right-1 {
  margin-right:4.16666666667%;
}

/* push */
.col-push-24 {
  left:100%;
}
.col-push-23 {
  left:95.8333333333%;
}
.col-push-22 {
  left:91.6666666667%;
}
.col-push-21 {
  left:87.5%;
}
.col-push-20 {
  left:83.3333333333%;
}
.col-push-19 {
  left:79.1666666667%;
}
.col-push-18 {
  left:75.0%;
}
.col-push-17 {
  left:70.8333333333%;
}
.col-push-16 {
  left:66.6666666667%;
}
.col-push-15 {
  left:62.5%;
}
.col-push-14 {
  left:58.3333333333%;
}
.col-push-13 {
  left:54.1666666667%;
}
.col-push-12 {
  left:50.0%;
}
.col-push-11 {
  left:45.8333333333%;
}
.col-push-10 {
  left:41.6666666667%;
}
.col-push-9 {
  left:37.5%;
}
.col-push-8 {
  left:33.3333333333%;
}
.col-push-7 {
  left:29.1666666667%;
}
.col-push-6 {
  left:25.0%;
}
.col-push-5 {
  left:20.8333333333%;
}
.col-push-4 {
  left:16.6666666667%;
}
.col-push-3 {
  left:12.5%;
}
.col-push-2 {
  left:8.33333333333%;
}
.col-push-1 {
  left:4.16666666667%;
}


/* pull */
.col-pull-24 {
  right:100%;
}
.col-pull-23 {
  right:95.8333333333%;
}
.col-pull-22 {
  right:91.6666666667%;
}
.col-pull-21 {
  right:87.5%;
}
.col-pull-20 {
  right:83.3333333333%;
}
.col-pull-19 {
  right:79.1666666667%;
}
.col-pull-18 {
  right:75.0%;
}
.col-pull-17 {
  right:70.8333333333%;
}
.col-pull-16 {
  right:66.6666666667%;
}
.col-pull-15 {
  right:62.5%;
}
.col-pull-14 {
  right:58.3333333333%;
}
.col-pull-13 {
  right:54.1666666667%;
}
.col-pull-12 {
  right:50.0%;
}
.col-pull-11 {
  right:45.8333333333%;
}
.col-pull-10 {
  right:41.6666666667%;
}
.col-pull-9 {
  right:37.5%;
}
.col-pull-8 {
  right:33.3333333333%;
}
.col-pull-7 {
  right:29.1666666667%;
}
.col-pull-6 {
  right:25.0%;
}
.col-pull-5 {
  right:20.8333333333%;
}
.col-pull-4 {
  right:16.6666666667%;
}
.col-pull-3 {
  right:12.5%;
}
.col-pull-2 {
  right:8.33333333333%;
}
.col-pull-1 {
  right:4.16666666667%;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
/* retina stuff */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {

}

/* other? */
@media only screen and (max-width:1141px) {

}

/* ipad landscape */
@media only screen and (max-width:1025px) {
  .wrapper { max-width:960px; width:94%; }
  *[class*="col"] { }

}

/* ipad portrait */
@media only screen and (max-width:769px) {
  .wrapper { width:94%; }
  *[class*="col"] { }
  *[class*="col-push"] { left:0; }
  *[class*="col-offset"] { margin-left:0; }
  *[class*="col-pull"] { right:0; }
  *[class*="col-offset-right"] { margin-right:0; }

  .col-24, .col-23, .col-22, .col-21, .col-20, .col-19, .col-18, .col-17, .col-16, .col-15, .col-14, .col-13, .col-12 { width:100%; }
  .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { width:50%; } /* TODO: fix me */

}

/* phones */
@media only screen and (max-width:481px) {
  .wrapper { width:91%; }
  *[class*="col"] { width:100%; float: none; }
}