@media (max-width:767px) {
  /* header height for mobile */
  html, body, .root {height: 100%;margin: 0;padding: 0;width: 100%;}
  #admin-menu{display:none;}
  .overflow-y-scroll{overflow-y: scroll;-webkit-overflow-scrolling: touch;}
  /* border */
  .border-top-xs{border-top:1px solid;}
  .border-bottom-xs{border-bottom:1px solid;}
  .border-left-xs{border-left:1px solid;}
  .border-right-xs{border-right:1px solid;}

  /* Spacing */
  .space-0-xs{margin-bottom:0}
  .space-top-0-xs{margin-top:0}
  .space-1-xs{margin-bottom:6.25px}
  .space-top-1-xs{margin-top:6.25px}
  .space-2-xs{margin-bottom:12.5px}
  .space-top-2-xs{margin-top:12.5px}
  .space-3-xs{margin-bottom:18.75px}
  .space-top-3-xs{margin-top:18.75px}
  .space-4-xs{margin-bottom:25px}
  .space-top-4-xs{margin-top:25px}
  .space-5-xs{margin-bottom:31.25px}
  .space-top-5-xs{margin-top:31.25px}
  .space-6-xs{margin-bottom:37.5px}
  .space-top-6-xs{margin-top:37.5px}
  .space-7-xs{margin-bottom:43.75px}
  .space-top-7-xs{margin-top:43.75px}
  .space-8-xs{margin-bottom:50px}
  .space-top-8-xs{margin-top:50px}
  .space-9-xs{margin-bottom:56.25px}
  .space-top-9-xs{margin-top:56.25px}
  .space-10-xs{margin-bottom:62.5px}
  .space-top-10-xs{margin-top:62.5px}
  .space-11-xs{margin-bottom:68.75px}
  .space-top-11-xs{margin-top:68.75px}
  .space-12-xs{margin-bottom:75px}
  .space-top-12-xs{margin-top:75px}
}
@media (min-width:768px) {
  /*-----------------------------------------------------------------------------------*/
  /*	Document Setup (body, common classes, vertical rhythm, structure etc)
  /*-----------------------------------------------------------------------------------*/
  .affix-sm.affix{position: fixed;top:0;}
  /* text */
  .text-center-sm{text-align: center}
  .text-center-sm .img-responsive{margin-left: auto;margin-right: auto;}
  .text-left-sm{ text-align:left;}
  .text-right-sm{ text-align:right;}
  /* position */
  .pull-left-sm{ float: left !important;}
  .pull-right-sm{ float:right !important;}
  /* Spacing */
  .space-0-sm{margin-bottom:0}
  .space-top-0-sm{margin-top:0}
  .space-1-sm{margin-bottom:6.25px}
  .space-top-1-sm{margin-top:6.25px}
  .space-2-sm{margin-bottom:12.5px}
  .space-top-2-sm{margin-top:12.5px}
  .space-3-sm{margin-bottom:18.75px}
  .space-top-3-sm{margin-top:18.75px}
  .space-4-sm{margin-bottom:25px}
  .space-top-4-sm{margin-top:25px}
  .space-5-sm{margin-bottom:31.25px}
  .space-top-5-sm{margin-top:31.25px}
  .space-6-sm{margin-bottom:37.5px}
  .space-top-6-sm{margin-top:37.5px}
  .space-7-sm{margin-bottom:43.75px}
  .space-top-7-sm{margin-top:43.75px}
  .space-8-sm{margin-bottom:50px}
  .space-top-8-sm{margin-top:50px}
  .space-9-sm{margin-bottom:56.25px}
  .space-top-9-sm{margin-top:56.25px}
  .space-10-sm{margin-bottom:62.5px}
  .space-top-10-sm{margin-top:62.5px}
  .space-11-sm{margin-bottom:68.75px}
  .space-top-11-sm{margin-top:68.75px}
  .space-12-sm{margin-bottom:75px}
  .space-top-12-sm{margin-top:75px}
  /* gutter */
  .no-gutter-sm{padding-left:0;padding-right:0;}
  .gutter-1-sm{padding-left: 15px;padding-right:15px;}
  .gutter-2-sm{padding-left: 30px;padding-right:30px;}
  .gutter-3-sm{padding-left: 45px;padding-right:45px;}
  .gutter-4-sm{padding-left: 60px;padding-right:60px;}
  .gutter-5-sm{padding-left: 75px;padding-right:75px;}
  .gutter-6-sm{padding-left: 90px;padding-right:90px;}
  .gutter-7-sm{padding-left: 105px;padding-right:105px;}
  .gutter-8-sm{padding-left: 120px;padding-right:120px;}
  .gutter-9-sm{padding-left: 135px;padding-right:135px;}
  /* text */
  .text-center-sm{text-align: center}
  .text-center-sm .img-responsive{margin:0 auto;}
  .text-left-sm{ text-align:left;}
  .text-right-sm{ text-align:right;}
  /* border */
  .border-top-sm{border-top:1px solid;}
  .border-bottom-sm{border-bottom:1px solid;}
  .border-left-sm{border-left:1px solid;}
  .border-right-sm{border-right:1px solid;}
  /* card */
  .bg-absolute-sm{position: absolute;top:0;right:15px;bottom:0;left:15px;}
  .relative-sm{position:relative}
  /* Table */
  .row-table-sm {display: table;table-layout: fixed;}
  .row.row-table-sm{width:100%;width:calc(100% + 30px);}
  :root .row.row-table-sm{width:100% \9}
  .col-table-sm{display: table-cell;float: none !important;}
  .va-middle-sm {vertical-align: middle;}
  .va-top-sm {vertical-align: top;}
  .va-bottom-sm {vertical-align: bottom;}
  .va-top-sm, .va-middle-sm, .va-bottom-sm {display: table-cell;float: none;}
  /* Hero */
  section.hero {height: 720px;}
  section.hero.hero-xs {height:320px;}
  section.hero.hero-sm {height: 400px;}
  section.hero.hero-md {height: 480px;}


  .hero-carrot::before {width: 50%;}
  .hero-carrot::after {width: 50%;}
  section.hero .hero-content {display: table-cell;margin: auto;}
}

@media (min-width:  992px) {
  /*-----------------------------------------------------------------------------------*/
  /*	Document Setup (body, common classes, vertical rhythm, structure etc)
  /*-----------------------------------------------------------------------------------*/
  .affix-md.affix{position: fixed;top:0;}
  /* text */
  .text-center-md{text-align: center}
  .text-center-md .img-responsive{margin-left: auto;margin-right: auto;}
  .text-left-md{ text-align:left;}
  .text-right-md{ text-align:right;}
  /* position */
  .pull-left-md{ float: left !important;}
  .pull-right-md{ float:right !important;}
  /* Spacing */
  .space-0-md{margin-bottom:0}
  .space-top-0-md{margin-top:0}
  .space-1-md{margin-bottom:6.25px}
  .space-top-1-md{margin-top:6.25px}
  .space-2-md{margin-bottom:12.5px}
  .space-top-2-md{margin-top:12.5px}
  .space-3-md{margin-bottom:18.75px}
  .space-top-3-md{margin-top:18.75px}
  .space-4-md{margin-bottom:25px}
  .space-top-4-md{margin-top:25px}
  .space-5-md{margin-bottom:31.25px}
  .space-top-5-md{margin-top:31.25px}
  .space-6-md{margin-bottom:37.5px}
  .space-top-6-md{margin-top:37.5px}
  .space-7-md{margin-bottom:43.75px}
  .space-top-7-md{margin-top:43.75px}
  .space-8-md{margin-bottom:50px}
  .space-top-8-md{margin-top:50px}
  .space-9-md{margin-bottom:56.25px}
  .space-top-9-md{margin-top:56.25px}
  .space-10-md{margin-bottom:62.5px}
  .space-top-10-md{margin-top:62.5px}
  .space-11-md{margin-bottom:68.75px}
  .space-top-11-md{margin-top:68.75px}
  .space-12-md{margin-bottom:75px}
  .space-top-12-md{margin-top:75px}
  /* Gutter */
  .no-gutter-md{padding-left:0;padding-right:0;}
  .gutter-1-md{padding-left: 15px;padding-right:15px;}
  .gutter-2-md{padding-left: 30px;padding-right:30px;}
  .gutter-3-md{padding-left: 45px;padding-right:45px;}
  .gutter-4-md{padding-left: 60px;padding-right:60px;}
  .gutter-5-md{padding-left: 75px;padding-right:75px;}
  .gutter-6-md{padding-left: 90px;padding-right:90px;}
  .gutter-7-md{padding-left: 105px;padding-right:105px;}
  .gutter-8-md{padding-left: 120px;padding-right:120px;}
  .gutter-9-md{padding-left: 135px;padding-right:135px;}
  /* text */
  .text-center-md{text-align: center}
  .text-center-md .img-responsive{margin:0 auto;}
  .text-left-md{ text-align:left;}
  .text-right-md{ text-align:right;}
  /* border */
  .border-top-md{border-top:1px solid;}
  .border-bottom-md{border-bottom:1px solid;}
  .border-left-md{border-left:1px solid;}
  .border-right-md{border-right:1px solid;}
  /* card */
  .bg-absolute-md{position: absolute;top:0;right:15px;bottom:0;left:15px;}
  .relative-md{position:relative}
  /* Table */
  .row-table-md {display: table;table-layout: fixed;}
  .row.row-table-md{width:100%;width:calc(100% + 30px);}
  :root .row.row-table-md{width:100% \9}
  .col-table-md{display: table-cell;float: none !important;}
  .va-middle-md {vertical-align: middle;}
  .va-top-md {vertical-align: top;}
  .va-bottom-md {vertical-align: bottom;}
  .va-top-md, .va-middle-md, .va-bottom-md {display: table-cell;float: none;}
  /* Hero */
  .hero-carrot::before {width: 50%;}
  .hero-carrot::after {width: 50%;}
}

@media (min-width: 1200px) {
  /*-----------------------------------------------------------------------------------*/
  /*	Document Setup (body, common classes, vertical rhythm, structure etc)
  /*-----------------------------------------------------------------------------------*/
  .affix-lg.affix{position: fixed;top:0;}
  /* text */
  .text-center-lg{text-align: center}
  .text-center-lg .img-responsive{margin-left: auto;margin-right: auto;}
  .text-left-lg{ text-align:left;}
  .text-right-lg{ text-align:right;}
  /* position */
  .pull-left-lg{ float: left !important;}
  .pull-right-lg{ float:right !important;}
  /* Spacing */
  .space-0-lg{margin-bottom:0}
  .space-top-0-lg{margin-top:0}
  .space-1-lg{margin-bottom:6.25px}
  .space-top-1-lg{margin-top:6.25px}
  .space-2-lg{margin-bottom:12.5px}
  .space-top-2-lg{margin-top:12.5px}
  .space-3-lg{margin-bottom:18.75px}
  .space-top-3-lg{margin-top:18.75px}
  .space-4-lg{margin-bottom:25px}
  .space-top-4-lg{margin-top:25px}
  .space-5-lg{margin-bottom:31.25px}
  .space-top-5-lg{margin-top:31.25px}
  .space-6-lg{margin-bottom:37.5px}
  .space-top-6-lg{margin-top:37.5px}
  .space-7-lg{margin-bottom:43.75px}
  .space-top-7-lg{margin-top:43.75px}
  .space-8-lg{margin-bottom:50px}
  .space-top-8-lg{margin-top:50px}
  .space-9-lg{margin-bottom:56.25px}
  .space-top-9-lg{margin-top:56.25px}
  .space-10-lg{margin-bottom:62.5px}
  .space-top-10-lg{margin-top:62.5px}
  .space-11-lg{margin-bottom:68.75px}
  .space-top-11-lg{margin-top:68.75px}
  .space-12-lg{margin-bottom:75px}
  .space-top-12-lg{margin-top:75px}
  /* Gutter */
  .no-gutter-lg{padding-left:0;padding-right:0;}
  .gutter-1-lg{padding-left: 15px;padding-right:15px;}
  .gutter-2-lg{padding-left: 30px;padding-right:30px;}
  .gutter-3-lg{padding-left: 45px;padding-right:45px;}
  .gutter-4-lg{padding-left: 60px;padding-right:60px;}
  .gutter-5-lg{padding-left: 75px;padding-right:75px;}
  .gutter-6-lg{padding-left: 90px;padding-right:90px;}
  .gutter-7-lg{padding-left: 105px;padding-right:105px;}
  .gutter-8-lg{padding-left: 120px;padding-right:120px;}
  .gutter-9-lg{padding-left: 135px;padding-right:135px;}
  /* text */
  .text-center-lg{text-align: center}
  .text-center-lg .img-responsive{margin:0 auto;}
  .text-left-lg{ text-align:left;}
  .text-right-lg{ text-align:right;}
  /* border */
  .border-top-lg{border-top:1px solid;}
  .border-bottom-lg{border-bottom:1px solid;}
  .border-left-lg{border-left:1px solid;}
  .border-right-lg{border-right:1px solid;}
  /* card */
  .bg-absolute-lg{position: absolute;top:0;right:15px;bottom:0;left:15px;}
  .relative-lg{position:relative}
  /* Table */
  .row-table-lg {display: table;table-layout: fixed;}
  .row.row-table-lg{width:100%;width:calc(100% + 30px);}
  :root .row.row-table-lg{width:100% \9}
  .col-table-lg{display: table-cell;float: none !important;}
  .va-middle-lg,
  .col-middle-lg {vertical-align: middle;}
  .va-top-lg,
  .col-top-lg {vertical-align: top;}
  .va-bottom-lg {vertical-align: bottom;}
  .col-bottom-lg {vertical-align: bottom;}
  .va-top-lg, .va-middle-lg, .va-bottom-lg,
  .col-top-lg, .col-middle-lg, .col-bottom-lg {display: table-cell;float: none;}
}