@media screen and (max-width:400px) {
    .grid-item,
    .grid-sizer {
        width: 100%;
    }
}

@media only screen and (max-width:450px) {
    .l-constrained {
        width: 90%;
    }

    .module--instagram div icon {
        background-size: 20px;
        bottom: 10px;
        left: 10px;
    }
}

@media screen and (min-width:450px) {
    .mobile-nav li {
        padding: 10px 0;
    }
}

@media (max-width:460px) {
    .vbox-inline,
    .venoframe {
        width: 100%;
    }
    .venoframe {
        height: 260px;
    }
}

@media screen and (max-width:480px) {
    ul li {
        font-size: 0.875rem;
        line-height: 18px;
    }
    .info p {
        line-height: 18px;
        font-size: 0.875rem;
    }

    h2.lead {
        font-size: 1.125rem;
        line-height: 26px !important;
    }

    .jobs .job-title,
    .mission h4,
    h4 {
        font-size: 1.125rem;
        font-size: 18px;
    }

    p {
        font-size: 1.125rem;
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 .75rem;
    }

    .margin-top {
        margin-top: 12px!important;
    }
    .main-content {
        padding-top: 82px;
    }

    .main-header {
        position: fixed;
        width: 100%;
        z-index: 800;
    }

    article {
        margin: 20px 0!important;
    }

    .banner {
        padding-bottom: 44.7%;
    }
    .banner .copy,
    .banner .module--hover-switch .alternative,
    .module--hover-switch .banner .alternative {
        width: 93%;
    }

    .banner .copy p,
    .banner .module--hover-switch .alternative p,
    .module--hover-switch .banner .alternative p {
        font-size: .875rem;
        font-size: 14px;
        line-height: 18px;
    }
    .bx-wrapper .bx-next,
    .bx-wrapper .bx-next:hover {
        right: 5px;
    }
    .bx-wrapper .bx-prev,
    .bx-wrapper .bx-prev:hover {
        left: 5px;
    }

    .carousel.homepage .bx-wrapper .bx-controls-auto,
    .carousel.homepage .bx-wrapper .bx-pager {
        display: none;
    }

    .media.two-images div.box {
        display: block;
        float: left;
        margin-bottom: 0;
        margin-right: 1.07247%;
        width: 100%;
    }
    .media.two-images div.box:last-child {
        margin-right: 0;
    }

    .module--hover-switch .module--image-boxes .alternative,
    .module--image-boxes .copy,
    .module--image-boxes .module--hover-switch .alternative {
        top: 35%!important;
    }
    .module--hover-switch .module--image-boxes .alternative a,
    .module--image-boxes .copy a,
    .module--image-boxes .module--hover-switch .alternative a {
        opacity: 1!important;
    }

    .module--image-trigger .box {
        margin-bottom: .375rem;
    }

    .module--hover-switch .alternative {
        display: none;
    }

    .quote {
        padding: 0;
    }

    .module--hover-switch .module--multi .bg--flavour-way .alternative,
    .module--hover-switch .module--multi .memberships .alternative,
    .module--hover-switch .module--multi .sustainability .alternative,
    .module--multi .bg--flavour-way .copy,
    .module--multi .bg--flavour-way .module--hover-switch .alternative,
    .module--multi .memberships .copy,
    .module--multi .memberships .module--hover-switch .alternative,
    .module--multi .sustainability .copy,
    .module--multi .sustainability .module--hover-switch .alternative {
        left: 5%;
    }

    .auto--columns {
        padding: 0;
    }
    .grower-profile .grower-stats .top>div span:first-child,
    .product-stats .top>div span:first-child {
        float: left;
    }

    .grower-profile .grower-stats .top>div>span,
    .product-stats .top>div>span {
        float: right;
        margin: .75rem 0;
    }
    .grower-profile .grower-stats .top>div:first-child,
    .grower-profile .grower-stats .top>div:nth-child(3),
    .product-stats .top>div:nth-child(3) {
        border-bottom: 1px solid #c8c8c8;
    }
    .blogbox {
        height: auto!important;
        margin-top: 12px;
    }

    .blog-feed {
        height: auto;
        padding: 1.5rem 1.5rem 2.25rem;
    }

    .blog-feed a {
        bottom: 12px;
    }
    .grid {
        margin-bottom: 12px;
    }
    .grid div {
        height: 200px;
        left: 22px;
        overflow: hidden;
    }
    .grid-item div a {
        opacity: 1;
        padding-top: 0;
    }

    .chef .box {
        padding-bottom: 87.16%;
    }
    .singlecarousel div,
    .singlecarousel ul li {
        height: auto;
    }
    .singlecarousel {
        margin-bottom: 12px;
    }

    #wholesale .two-images figure,
    .geg figure {
        padding-bottom: 60%;
    }
    .geg .two-images {
        margin-right: 0;
    }
    .natooraproduce {
        height: 200px;
        overflow: hidden;
    }
    .natooraproduce h1,
    .natooraproduce h3 {
        font-size: 1.375rem;
        font-size: 22px;
        text-shadow: 0 1px 8px rgba(0, 0, 0, .6);
    }
    .module--hover-switch .natooraproduce .alternative,
    .natooraproduce .copy,
    .natooraproduce .module--hover-switch .alternative {
        bottom: 0;
        left: 10px!important;
        top: 10%;
    }

    .module--hover-boxes .box {
        background-color: #000;
        height: 300px!important;
    }

    .module--hover-boxes figure {
        opacity: .7;
    }

    .module--hover-boxes .copy p,
    .module--hover-boxes .module--hover-switch .alternative p,
    .module--hover-switch .module--hover-boxes .alternative p {
        font-size: 2.25rem;
        font-size: 36px;
        line-height: 36px;
        text-shadow: 0 1px 8px #000;
    }

    .module--social ul .social {
        margin-top: 3.75rem;
    }

    .module--accordions .panel .summary q {
        display: none;
    }
    .module--accordions .panel-body {
        margin-top: 12px;
        padding: 0;
    }
    .module--accordions .chef-bio {
        padding-left: 0;
    }
    .module--accordions .chef-bio p {
        font-size: 1.125rem;
        font-size: 18px;
    }
    .module--accordions .outline li {
        float: left;
    }

    .chef-bio .chef-list,
    .grower-profile .thegrower .grower-stats,
    .thegrower .grower-profile .grower-stats,
    .thegrower .product-stats {
        margin-top: 12px;
    }
    .chef-bio .chef-list div span:nth-child(2),
    .grower-profile .thegrower .grower-stats div span:nth-child(2),
    .thegrower .grower-profile .grower-stats div span:nth-child(2) {
        text-align: right;
        width: 66%;
    }
    .thegrower .product-stats div span:nth-child(2) {
        text-align: right;
        width: 56%;
    }

    .store-map-container .address-box {
        box-shadow: none;
        height: auto;
        margin: 0;
    }
    .store-map-container .address-box div {
        margin-bottom: 0;
    }

    #story-timeline {
        height: 400px;
        overflow-y: scroll;
        padding-top: .75rem;
    }

    #story-timeline .story-column {
        height: auto;
        padding-right: 0;
        width: 100%;
    }
    #story-timeline .story-column .story-item {
        margin-bottom: .75rem;
        padding-bottom: .75rem;
    }
    #story-timeline .story-column .story-item img {
        margin-top: .75rem;
        width: 100%;
    }

    #story-timeline .story-column .story-item:last-child {
        border-bottom: 1px solid #d7d7d7;
    }
    .our-story .media figure {
        height: 103px;
    }
    .keys {
        display: none;
    }

    #growers-list li div {
        left: 12px;
    }
    #growers-map #googlemap {
        height: 300px;
    }
    #geg-logo {
        height: 43px;
        padding-top: 12px!important;
        right: 12px;
        top: 12px;
        width: 104px;
    }
    .how-to-buy>.buy h3 {
        margin-bottom: 12px;
    }

    .how-to-buy>.buy .jobs .job-title,
    .how-to-buy>.buy h4,
    .jobs .how-to-buy>.buy .job-title {
        margin: 0!important;
    }

    .how-to-buy>.buy ul li .hide {
        display: none;
    }

    .how-to-buy>.buy ul .info {
        display: block;
        float: left;
        margin-right: 1.07247%;
        padding: 0;
        width: 100%;
    }

    #stockists-list {
        height: auto;
        padding-left: 0;
    }
    #stockists-list li {
        padding: 6px 0;
    }
    #stockists-list li a {
        font-size: 16px;
        line-height: 18px;
    }
    #googlemap {
        display: block;
        float: left;
        height: 300px;
        margin-right: 1.07247%;
        width: 93%;
    }
    #googlemap:last-child {
        margin-right: 0;
    }

    .memberships>.buy ul img,
    .mission>.buy ul img,
    .sourcing>.buy ul img {
        width: 100%;
    }
    .jobs .memberships>.buy ul .info .job-title,
    .jobs .mission>.buy ul .info .job-title,
    .jobs .sourcing>.buy ul .info .job-title,
    .memberships>.buy ul .info .jobs .job-title,
    .memberships>.buy ul .info h4,
    .mission>.buy .jobs ul .info .job-title,
    .mission>.buy ul .info .jobs .job-title,
    .mission>.buy ul .info h4,
    .sourcing>.buy ul .info .jobs .job-title,
    .sourcing>.buy ul .info h4 {
        font-size: 1.125rem;
        font-size: 18px;
    }

    .sourcing>.buy ul li {
        width: 100%!important;
    }

    .plus-one {
        top: 14%;
    }

    .plus-two {
        top: 31%;
    }

    .plus-three {
        top: 47%;
    }
    .plus-four {
        opacity: .8;
        top: 64%;
    }

    .equal {
        top: 82%;
    }
    .plus {
        left: 50%!important;
    }
    .job-posts .job span:nth-child(2) {
        padding: 0;
    }
    .job-posts .job:last-child {
        margin-bottom: 1.5rem;
    }

    .has--margin {
        margin: 1.375rem 0 0;
    }
    [role=contentinfo] nav>ul.footer-nav li {
        margin: 0 0 .85rem!important;
    }
    .copy-footer {
        font-size: .85rem!important;
    }
}

@media screen and (max-width:767px) {
    .box-social {
        float: initial !important;
        margin: 20px 0 0!important;
        width: 100% !important;
    }

    .venoframe {
        height: 315px;
        width: 420px;
    }
}

@media screen and (max-width:768px) {
    address {
        font-size: 0.875rem !important;
    }

    .banner {
        padding-bottom: 54.7%;
    }
    .carousel.homepage .bx-controls-direction a {
        height: 20px;
        width: 20px;
        top: 42%;
    }

    .module--hover-boxes .copy h3,
    .module--hover-boxes .module--hover-switch .alternative h3,
    .module--hover-switch .module--hover-boxes .alternative h3 {
        margin-bottom: 20px !important;
        opacity: 1 !important;
    }
    .module--hover-boxes .copy p {
        font-size: 2.5rem;
        line-height: 50px;
    }
    .module--hover-boxes .copy a,
    .module--hover-boxes .module--hover-switch .alternative a,
    .module--hover-switch .module--hover-boxes .alternative a {
        bottom: 10%;
        opacity: 1!important;
    }

    .module--hover-boxes .our-growers h3 {
        height: 60px!important;
        width: 156px!important;
    }
    .module--hover-boxes .our-produce h3,
    .module--hover-boxes .our-story h3,
    .module--hover-boxes .our-contact h3 {
        height: 47px!important;
        width: 156px!important;
    }

    .product-profile-table .six--columns {
        clear: both;
        width: 100%;
    }
    .box-say-hello-footer {
        margin-top: 150px;
    }

    .how-to-buy>.buy ul .info:last-child {
        margin-left: 16px;
        max-width: 43%;
    }
    .how-to-buy>.buy ul li {
        margin-bottom: 1.75rem;
    }

    .footer-brand {
        text-align: center;
    }
}

@media screen and (min-width:768px) {
    ul li {
        font-size: .9375rem;
        font-size: 15px;
    }

    .btn {
        font-size: .9375rem;
        font-size: 15px;
    }

    .box-subscribe {
        float: left;
        width: 80%!important;
    }

    h1 {
        font-size: 2.25rem;
        font-size: 36px;
    }

    h2 {
        font-size: 1.625rem;
        font-size: 26px;
    }
    .lead {
        font-size: 1.625rem;
        font-size: 26px;
    }

    h3 {
        font-size: 1.375rem;
        font-size: 22px;
    }

    h5 {
        font-size: 1.25rem;
        font-size: 20px;
    }

    .quotestandout p {
        font-size: 1.625rem;
        font-size: 26px;
        margin: 0 10% 10px 2.75rem;
    }

    .jobs .job-title,
    .mission h4,
    h4 {
        font-size: 1.375rem;
        font-size: 22px;
    }

    p {
        font-size: 16px;
        font-size: 1rem;
    }

    .eight--columns,
    .eleven--columns,
    .five--columns,
    .four--columns,
    .nine--columns,
    .one--column,
    .seven--columns,
    .ten--columns,
    .three--columns,
    .two--columns {
        display: block;
        float: left;
    }
    .one--column {
        margin-right: 1.07247%;
        width: 7.35023%;
    }
    .one--column:last-child {
        margin-right: 0;
    }
    .two--columns {
        margin-right: 1.07247%;
        width: 15.77294%;
    }
    .two--columns:last-child {
        margin-right: 0;
    }
    .three--columns {
        margin-right: 1.07247%;
        width: 24.19564%;
    }
    .three--columns:last-child {
        margin-right: 0;
    }
    .four--columns {
        margin-right: 1.07247%;
        width: 32.61835%;
    }
    .four--columns:last-child {
        margin-right: 0;
    }
    .five--columns {
        margin-right: 1.07247%;
        width: 41.04106%;
    }
    .five--columns:last-child {
        margin-right: 0;
    }
    .six--columns {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 49.46376%;
    }
    .six--columns:last-child {
        margin-right: 0;
    }
    .seven--columns {
        margin-right: 1.07247%;
        width: 57.88647%;
    }
    .seven--columns:last-child {
        margin-right: 0;
    }
    .eight--columns {
        margin-right: 1.07247%;
        width: 66.30918%;
    }
    .eight--columns:last-child {
        margin-right: 0;
    }
    .nine--columns {
        margin-right: 1.07247%;
        width: 74.73188%;
    }
    .nine--columns:last-child {
        margin-right: 0;
    }
    .ten--columns {
        margin-right: 1.07247%;
        width: 83.15459%;
    }
    .ten--columns:last-child {
        margin-right: 0;
    }
    .eleven--columns {
        margin-right: 1.07247%;
        width: 91.57729%;
    }
    .eleven--columns:last-child {
        margin-right: 0;
    }

    .mobile--only {
        display: none;
    }
    .mobile--hidden {
        display: block;
    }

    .margin-top {
        margin-top: 12px!important;
    }
    .padding-top {
        padding-top: 12px!important;
    }

    article {
        margin: 2.75rem 0;
    }

    article.contact {
        margin: 2.75rem 0 0;
    }
    .banner.product-profile {
        height: 41.6875rem;
        height: 667px;
    }
    .carousel.homepage .banner,
    .carousel.homepage .bx-viewport {
        height: 400px!important;
    }

    .bx-wrapper .bx-next,
    .bx-wrapper .bx-next:hover {
        right: 20px;
    }
    .bx-wrapper .bx-prev,
    .bx-wrapper .bx-prev:hover {
        left: 20px;
    }
    .carousel.homepage .bx-controls-direction a {
        display: block;
        top: 42%;
    }

    .carousel.homepage .bx-wrapper .bx-controls-auto,
    .carousel.homepage .bx-wrapper .bx-pager {
        bottom: 5%;
        display: block;
        left: 85%;
        width: 20%;
    }

    .carousel ul li {
        height: 26rem;
        height: 416px;
    }

    .module--image-boxes .box {
        float: left;
        height: 171px;
        width: 33.333339%;
    }

    .module--hover-switch .module--image-boxes .alternative,
    .module--image-boxes .copy,
    .module--image-boxes .module--hover-switch .alternative {
        top: 60%;
    }

    .module--image-trigger .box {
        display: block;
        float: left;
        height: 214px;
        margin-bottom: 0;
        margin-right: 1.07247%;
        width: 32.61835%;
    }
    .module--image-trigger .box:last-child {
        margin-right: 0;
    }

    .module--image-trigger.full-width .box {
        display: block;
        float: left;
        height: 418px;
        margin-right: 1.07247%;
        width: 100%;
    }
    .module--image-trigger.full-width .box:last-child {
        margin-right: 0;
    }
    .module--hover-switch .box {
        float: left;
        height: 400px;
        width: 33.33333%;
    }

    .module--hover-switch .alternative,
    .module--hover-switch .copy {
        display: none;
    }

    .module--instagram div {
        float: left;
        height: 300px;
        width: 25%;
    }
    .module--join-us .btn {
        bottom: 17%;
        position: absolute;
    }
    .module--join-us .six--columns>img {
        display: block;
        float: left!important;
        width: 49%!important;
    }
    .module--multi .left,
    .module--multi .right {
        float: left;
        width: 50%;
    }
    .module--hover-switch .module--multi .module--copy .alternative a,
    .module--multi .module--copy .copy a,
    .module--multi .module--copy .module--hover-switch .alternative a {
        opacity: 0;
    }

    .module--social ul .social {
        margin-top: 0;
    }

    .module--social ul li {
        float: left;
        margin: 0 1.25rem 0 0;
        vertical-align: middle;
    }

    .module--social form input,
    .module--social form label {
        float: left;
        margin: 0 .9375rem 0 0;
    }
    .module--social form label {
        margin: .8125rem .625rem;
        padding-left: 0;
        width: 28%;
    }
    .module--social form input[type=email] {
        height: 2.8125rem;
        height: 45px;
        width: 49%;
    }
    .module--social form input[type=submit] {
        width: 16%;
    }

    .auto--columns .column,
    .auto--columns .one--column {
        margin-bottom: 1.5rem;
        width: 46%!important;
    }
    .auto--columns .last {
        padding: 0 0 0 2.75rem;
    }

    .grower-profile .grower-stats .top>div,
    .product-stats .top>div {
        border-right: 1px solid #c8c8c8;
        display: block;
        float: left;
        margin: .625rem 0;
        padding-left: .625rem;
        width: 49.46376%;
    }
    .grower-profile .grower-stats .top>div:last-child,
    .product-stats .top>div:last-child {
        margin-right: 0;
    }

    .grower-profile .grower-stats .top>div>span,
    .product-stats .top>div>span {
        clear: left;
        display: block;
        margin: 0;
    }

    header nav>ul.primary-nav>li {
        float: left;
        margin: 0 9.5% 0 0;
        width: auto;
    }
    header nav>ul.primary-nav>li:last-child {
        margin-right: 0;
    }

    .module--hover-boxes .box {
        float: left;
        height: 400px;
        width: 33.333339%;
    }

    .module--social ul li {
        float: left;
        margin: 0 .3125rem 0 0;
        vertical-align: middle;
    }

    .module--social ul form input,
    .module--social ul form label {
        float: left;
        margin: 0 .9375rem 0 0;
    }
    .module--social ul form label {
        margin: .8125rem .625rem .8125rem 0;
        padding-left: 0;
        text-align: left;
        width: 18%;
    }
    .module--social ul form input[type=email] {
        background: url(../img/ui/email-icon.png) 7px 12px no-repeat;
        height: 2.8125rem;
        height: 45px;
        padding-left: 2.5rem;
        width: 40%;
    }
    .module--social ul form input[type=email]::-webkit-input-placeholder {
        color: #a0a0a0;
    }
    .module--social ul form input[type=email]::-moz-placeholder {
        color: #a0a0a0;
    }
    .module--social ul form input[type=email]:-moz-placeholder {
        color: #a0a0a0;
    }
    .module--social ul form input[type=email]:-ms-input-placeholder {
        color: #a0a0a0;
    }
    .module--social ul form input[type=submit] {
        margin-right: 0;
        width: 19%;
    }
    .module--social ul .facebook,
    .module--social ul .instagram,
    .module--social ul .instagram-chefs,
    .module--social ul .twitter,
    .module--social ul .twitter-chefs {
        margin-right: 1%;
    }

    .module--accordions .panel .panel-heading .panel-title {
        height: 24.9375rem;
        height: 399px;
    }

    .store-map-container .store-map {
        height: 488px;
    }

    .store-map-container .address-box {
        font-size: .9375rem;
        font-size: 15px;
        margin: auto;
        position: absolute;
        right: 34px;
        width: 473px;
    }
    .store-map-container .address-box img {
        display: block;
    }

    .our-story .media figure {
        height: 188px;
    }

    .grower-profile .grower-stats .top>div>span {
        margin: .75rem 0 0;
    }
    .grower-profile .grower-stats .top>div {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 41.04106%;
    }
    .grower-profile .grower-stats .top>div:last-child {
        margin-right: 0;
    }

    .grower-profile .map-section .grower-map,
    .grower-profile .map-section figure {
        height: 288px;
    }
    .produce-map-container .produce-map {
        height: 209px;
    }

    .job-posts .job span {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 32.61835%;
    }
    .job-posts .job span:last-child {
        margin-right: 0;
    }

    .how-to-buy>.buy ul img {
        display: block;
        float: left;
        margin-right: 1.07247%;
    }
    .how-to-buy>.buy ul img:last-child {
        margin-right: 0;
    }

    .how-to-buy>.buy ul .info {
        display: block;
        float: left;
        margin-right: 1.07247%;
        padding-top: 0;
    }
    .how-to-buy>.buy ul .info:last-child {
        margin-right: 0;
    }
    .how-to-buy>.buy.online li {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 32.33339%;
    }
    .how-to-buy>.buy.online .concession li {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 32.33339%;
    }
    .how-to-buy>.buy.online li:last-child {
        margin-right: 0;
    }
    .how-to-buy>.buy.online li .info,
    .how-to-buy>.buy.online li img {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 100%;
    }
    .how-to-buy>.buy.online li .info:last-child,
    .how-to-buy>.buy.online li img:last-child {
        margin-right: 0;
    }
    .how-to-buy>.buy.online li .info {
        clear: both;
        margin: .75rem 0 0;
        padding-left: 0;
    }

    .memberships>.buy ul img,
    .mission>.buy ul img,
    .sourcing>.buy ul img {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 66.30918%;
    }
    .memberships>.buy ul img:last-child,
    .mission>.buy ul img:last-child,
    .sourcing>.buy ul img:last-child {
        margin-right: 0;
    }

    .memberships>.buy ul .info,
    .mission>.buy ul .info,
    .sourcing>.buy ul .info {
        display: block;
        float: left;
        margin-right: 1.07247%;
        padding-left: .75rem;
        padding-top: 0;
        width: 32.61835%;
    }
    .memberships>.buy ul .info:last-child,
    .mission>.buy ul .info:last-child,
    .sourcing>.buy ul .info:last-child {
        margin-right: 0;
    }
    .memberships>.buy.member li,
    .mission>.buy.member li,
    .sourcing>.buy.member li {
        display: block;
        float: left;
        margin-right: 4.25%;
        width: 30.5%;
    }
    .memberships>.buy.member li:last-child,
    .mission>.buy.member li:last-child,
    .sourcing>.buy.member li:last-child {
        margin-right: 0;
    }
    .memberships>.buy.member li .info,
    .memberships>.buy.member li img,
    .mission>.buy.member li .info,
    .mission>.buy.member li img,
    .sourcing>.buy.member li .info,
    .sourcing>.buy.member li img {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 100%;
    }
    .memberships>.buy.member li .info:last-child,
    .memberships>.buy.member li img:last-child,
    .mission>.buy.member li .info:last-child,
    .mission>.buy.member li img:last-child,
    .sourcing>.buy.member li .info:last-child,
    .sourcing>.buy.member li img:last-child {
        margin-right: 0;
    }
    .memberships>.buy.member li .info,
    .mission>.buy.member li .info,
    .sourcing>.buy.member li .info {
        clear: both;
        margin: 1.375rem 0 0;
        padding-left: 0;
    }

    .job-posts .job span {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 50%;
    }
    .job-posts .job span:last-child {
        margin-right: 0;
    }

    [role=contentinfo] nav {
        margin-left: 4.42271%;
    }
    [role=contentinfo] nav>ul.footer-nav {
        margin-top: 0;
    }

    [role=contentinfo] nav>ul.footer-nav li {
        display: block;
        float: left;
        margin: 0 1.07247% .85rem 3.375rem;
        width: 32.61835%;
    }
    [role=contentinfo] nav>ul.footer-nav li:last-child {
        margin-right: 0;
    }

    [role=contentinfo] .outro {
        padding: 0;
    }
    [role=contentinfo] .outro ul:first-child {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 32.61835%;
    }
    [role=contentinfo] .outro ul:first-child:last-child {
        margin-right: 0;
    }
    [role=contentinfo] .outro ul:first-child li {
        float: left;
        font-size: .875rem;
        font-size: 14px;
    }
    [role=contentinfo] .outro ul:first-child li span {
        display: inline-block;
        margin: 0 10px;
    }
    [role=contentinfo] .outro ul:last-child {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 83.15459%;
    }
    [role=contentinfo] .outro ul:last-child:last-child {
        margin-right: 0;
    }
    [role=contentinfo] .outro ul:last-child li:first-child {
        list-style: none;
    }
    [role=contentinfo] .outro ul:last-child li {
        float: left;
    }
}

@media screen and (min-width:1025px) {
    ul li {
        font-size: 16px;
        font-size: 1rem;
        line-height: 19px;
    }

    h1 {
        font-size: 3.5rem;
        font-size: 56px;
        line-height: 62px;
    }

    h2 {
        font-size: 3.5rem;
        font-size: 56px;
        line-height: 46px;
    }

    h2.lead {
        font-size: 2.25rem;
        font-size: 36px;
        line-height: 40px;
    }

    .quotestandout p {
        font-size: 1.75rem;
        font-size: 28px;
        line-height: 34px;
        margin: 0 10% 10px 2.75rem;
    }

    h3 {
        font-size: 2.25rem;
        font-size: 36px;
        line-height: 40px;
    }

    .jobs .job-title,
    .mission h4,
    h4 {
        font-size: 1.5rem;
        font-size: 24px;
        line-height: 40px;
    }
    .jobs .mission .job-title,
    .mission .jobs .job-title,
    .mission h4 {
        line-height: 20px;
    }

    h5 {
        font-size: 1.625rem;
        font-size: 26px;
        line-height: 35px;
    }

    p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 19px;
    }

    .main-header {
        padding: 2em 0px 3.5em;
    }
    .main-header .burger,
    .main-header .mobile-logo {
        display: none;
    }

    .carousel.homepage .banner,
    .carousel.homepage .bx-viewport {
        height: 600px!important;
    }

    .carousel.homepage .bx-controls-direction a {
        display: block;
        top: 45%;
    }

    .media figure {
        height: 416px;
    }
    .chef figure {
        height: 313px;
    }
    .smlheight figure {
        height: 340px;
    }

    header nav>ul.primary-nav>li.logo {
        background: url(../img/sprite.svg) no-repeat;
        background-size: 100%;
        border: none!important;
        display: block;
        height: 90px;
        margin-top: -1.5rem;
        width: 12%;
    }
    header nav>ul.primary-nav>li.logo a {
        border: none;
        display: block;
        height: 100%;
        width: 100%;
    }

    header nav a span,
    header nav a:visited span {
        display: block;
    }

    .primary-nav {
        display: block;
    }

    .module--social ul .form {
        width: 100%;
    }
    .module--social ul .social {
        display: block;
    }

    .store-map-container .address-box {
        font-size: .9375rem;
        font-size: 15px;
    }

    .our-story .media figure {
        height: 313px;
    }

    .jobs h5 {
        font-size: 1.125rem;
        font-size: 18px;
        line-height: 25px;
    }

    [role=contentinfo] nav {
        position: absolute;
    }
    [role=contentinfo] nav>ul.footer-nav li {
        display: block;
        float: left;
        margin: 0 1rem 1rem;
        width: 24.19564%;
    }
    [role=contentinfo] nav>ul.footer-nav li:last-child {
        margin-right: 0;
    }
}




@media (max-width:992px) {
    .venoframe {
        height: 480px;
        width: 640px;
    }
}

@media screen and (min-width:900px) and (max-width:1025px) {
    .carousel.homepage .banner,
    .carousel.homepage .bx-viewport {
        height: 500px!important;
    }
}

@media screen and (min-width:768px) and (max-width:900px) {
    .carousel.homepage .banner,
    .carousel.homepage .bx-viewport {
        height: 420px!important;
    }
}

@media screen and (max-width:960px) {
    .module--instagram div icon {
        left: 20px;
    }
}

@media screen and (min-width:480px) and (max-width:768px) {
    .grid div {
        left: 20px;
        top: 20px;
    }
}

@media screen and (max-width:1200px) {
    .homepage .bx-viewport,
    .homepage ul li {
        height: auto!important;
    }
    .homepage ul li .banner {
        padding-bottom: 51.7%;
    }

    .module--hover-boxes .copy p {
        font-size: 2rem;
        line-height: 32px;
    }
}

@media screen and (max-width:1024px) {
    .module--hover-boxes .our-growers h3 {
        height: 96px;
        width: 183px;
    }
    .module--hover-boxes .our-produce h3 {
        height: 67px;
        width: 173px;
    }
    .module--hover-boxes .our-story h3 {
        height: 67px;
        width: 183px;
    }
}

@media screen and (min-width:1024px) {
    .box-say-hello-footer {
        bottom: 10px;
        position: relative;
    }
}