/* Jennie-O All Natural */

/* mobile first styling */
/*  fonts used: 
    font-family: 'Dosis', sans-serif;
    font-family: 'Roboto', sans-serif;  

    Dosis 
        regular 400 
        medium 500 
        bold 700
    Roboto 
        regular 400
        medium 500
        bold 700
*/     


/* ---------------------------------------------------------------- */
/* GLOBAL */
/* ---------------------------------------------------------------- */

html{
    font-size:18px !important;
    line-height:1.5rem !important; /*27px */
}

body{
    font-family:'Dosis', sans-serif;
    color:#373630;

}

span.emph{
    color:#50b948;
}

sup{
    font-size:60%;
    top:-0.75rem;
}


/*masthead */
#masthead{
    width:100%;
    height:80px;
    padding:0 20px;
    border-bottom:2px solid #d0df00;
    position:fixed;
    top:0;
    background:#ffffff;
    z-index:5;
}

    #masthead #logo{
        float:left;
        width:200px;
        padding-top:20px;
    }

        #masthead #logo-lrg{
            display:none;
        }

    #masthead #contact-link{
        float:right;
        width:120px;
        padding-top:22px;
    }

        #masthead #contact-link a{
            font-size:1rem;
            line-height: 1.85rem;
            color:#373630;
            font-weight:700;
        }

        #masthead #contact-link img{
            max-width:32px;
            max-height:32px;
            float:right;
        }

#masthead img{
    display:block;
    max-width:100%;
}


/* hero */

#hero{
    width:100%;
    height:675px;
    padding:0 20px;
    background:url('../img/header-hero-mobile-asian_turkey_burger.jpg') bottom no-repeat #f5f5f1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top:80px; /*clear header */
}

    #hero h1 {
        width: 325px;
        margin-left: auto;
        margin-right: auto;
        font-size: 2.3rem;
        font-weight: 700;
        text-align: center;
        padding: 5px 0 0 0px;
        margin: 2rem auto;
        position: relative;
        background: url(../img/leaf-sm.png) no-repeat top left;
    }


    #hero p{
        font-size:1rem;
        line-height:1.5rem;
        font-weight:700;
        text-align:center;
        color:#373630;
        padding:0 45px;
    }

    #hero-footnote{
        width:100%;
    }

        #hero-footnote p{
            font-family:'Roboto', sans-serif;
            text-align:center;
            font-size:0.6667rem;
            line-height:1rem;
            padding-top:1rem;
            color:#b1b1b1;
        }




/* stats */
#stats{
    width:100%;
    padding:0 20px;
}

    #stats h2{
        font-size:1.5rem; /*27px */
        line-height:2rem; /* 36px */
        font-weight:700;
        text-align:center;
        padding:3rem 0; /* 54px*/
    }

    .stat-callout{
        width:100%;
        background:#ffcd00;
        -webkit-border-top-right-radius: 40px;
        -webkit-border-bottom-left-radius: 40px;
        -moz-border-radius-topright: 40px;
        -moz-border-radius-bottomleft: 40px;
        border-top-right-radius: 40px;
        border-bottom-left-radius: 40px;
        padding:2rem; /*36px */
        margin-bottom:1.5rem; /*27px*/
    }

        .stat-callout h1{
            color:#ffffff;
            font-size:3.333rem; /*60.75px*/
            line-height:3.333rem;
            font-weight:700;
            text-align:left;
            padding-bottom:2rem;
            margin:0;
        }


        .stat-callout h2{
            color:#ffffff;
            font-size:1.5rem; /*27px*/
            line-height:2rem; /*36px*/
            text-align:left;
            margin:0;
            padding:0 !important;
        }

    #slide-control{
        display:none !important;
    }

    #slider{
        width:100%;
        padding-top:1.5rem;
    }

        #slider .slider-stat{
            min-height:200px;
            background:green;
        }

            #slider .slider-stat h1{
                color:#ffcd00;
                font-size:3.333rem; /*60.75px*/
                line-height:3.333rem;
                font-weight:700;
                text-align:center;
            }

            #slider .slider-stat h2{
                text-align:center;
                font-size:1.5rem; /*27px*/
                line-height:2rem; /*36px*/
                font-weight:700;
                padding:0 !important;
            }

    .prev, .next{
        display:none;
    }

    .slick-list{
        height:auto !important;
    }

    #dots{
        width:100%;
    }

        #dots ul{
            width: 150px;
            height: 25px;
            margin:0 auto 3rem auto;
            padding:0;
        }

            #dots ul li{
                float: left;
                width: 14px;
                height: 13px;
                padding: 10px;
                background: url(../img/dot.png) no-repeat center;
                cursor: pointer;
                margin-right: 5px;
                margin-top: 3px;
                list-style-type: none;
                }

            #dots ul li.slick-active {
                background: url(../img/dot-active.png) no-repeat center;
            }

            #dots ul li button{
                display:none;
            }

          
           


/* big business */

#business{
    width:100%;
    padding:0 20px;
    margin-bottom:4rem;
}

    img#img-all-natural{
        display:block;
        max-width:80%;
        margin:3rem auto;
    }

    #business h1{
        font-size:2.3rem; /*40px*/
        font-weight:700;
        text-align:center;
        padding:0 0 3rem 0;
        margin:0;
    }

    #business h2{
        font-size:1.5rem; /*27px*/
        line-height:2rem; /*36px*/
        margin-top:0;
        margin-bottom:4rem; /*81px */
        text-align:center;
        font-weight:700;
    }

    #business h3{
        font-size:1.5rem; /*27px*/
        line-height:2.3rem; 
        text-align:center;
        font-weight:700;
        margin:0;
        padding-bottom:30px;
    }

    #costs{
        width:100%;
    }

        .example-cost{
            width:100%;
            border-bottom:2px solid #373630;
            margin-bottom:1.5rem;
        }

            .example-cost p{
                font-family: 'Roboto', sans-serif; 
                font-size:1rem;
                line-height:1.5rem;
                font-weight:500;
                text-align:center;
                margin:0;
                padding:0 0 1rem 0;
            }

            .example-cost p.cost{
                font-family:'Dosis', sans-serif;
                font-weight:700;
                font-size:2.3rem; /*40px*/
                color:#50b948;
                margin:0;
                padding:0 0 1.5rem 0;
            }

        .cost-gain{
            padding-top:1.5rem;
        }

            .cost-gain h2{
                margin-bottom:1.5rem !important;
            }

                .cost-gain h2 span.emph{
                    line-height:1.5rem !important;
                }

            .cost-gain h1{
                font-size: 5.063rem !important;
                color:#d0df00;
                padding-bottom:0 !important;
            }


/* know-more */
#know-more{
    width:100%;
}

    #know-more-content{
        padding:4rem 20px;
    }

    .center-callout{
        width:100%;
        padding:3rem 2.222rem;
        background:#ffffff;
       -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }


        .center-callout h1{
            font-size:2.222rem;
            font-weight:700;
            text-align:center;
            margin:0 !important;
            padding-bottom:1.5rem;
        }

        .center-callout p{
            text-align:center;
            font-weight:700;
            font-size:1rem;
            line-height:1.5rem;
            margin:0 !important;
            padding-bottom:1.5rem;
        }

        .center-callout .lrg-btn{
            max-width:295px;
            margin-left:auto;
            margin-right:auto;
            -webkit-border-radius: 60px;
            -moz-border-radius: 60px;
            border-radius: 60px;
            background:#ffcd00;
            text-align:center;
        }

            .center-callout .lrg-btn a{
                display:block;
                color:#373630;
                font-family: 'Roboto', sans-serif; 
                font-size:1rem;
                line-height:1.5rem;
                font-weight:500;
                padding:1.111rem 2.222rem;
            }

        .center-callout h4{
            text-align:center;
            color:#b1b1b1;
            font-family: 'Roboto', sans-serif; 
            font-size:.73rem;
        }


#natural-info{
    width:100%;
    padding:0 20px 3rem 20px;
    margin-top:4rem;
    margin-bottom:3rem;
}

    #natural-info h1{
        text-align:center;
        font-size:2.222rem;
        font-weight:700;
        padding-bottom:3rem;
        margin:0;
    }

    #natural-info h2{
        text-align:center;
        font-size:1.5rem;
        line-height:2rem;
        font-weight:700;
        margin-top:0;
        margin-bottom:3rem;
    }
      

    #natural-info p{
        font-family: 'Roboto', sans-serif; 
        font-size:1rem;
        line-height:1.5rem;
        text-align:center;
        font-weight:500;
        padding:0;
        margin:0 0 1.5rem 0;
    } 


    #natural-info ul{
        list-style-type:none;
        padding:0;
        margin:0 0 3rem 0;
    }

        #natural-info ul li{
            font-family: 'Roboto', sans-serif; 
            text-align:center;
            font-size:1rem;
            margin-bottom:8px;
        }

            #natural-info ul li span{
                display:inline-block;
                 background:#d0df00;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                padding:0.8333rem; /*15px*/
            }

            #natural-info .div-line{
                width:100%;
                height:2px;
                background:#373630;
            }




/* leadership */
#leadership{
    width:100%;
}

    #leadership-content{
        padding:4rem 20px;
    }



/* all natural products & no antibiotics ever */
#all-natural-products, #no-antibiotic-products{
    width:100%;
    padding:0 20px;
    margin-bottom:4rem;
}

    .sku-info img.prod-top{
        display:block;
        max-width:80%;
        margin:0 auto 1.5rem auto;
    }

    .sku-info img.prod-lrg-desktop,
    .sku-info img.prod-top-desktop{
        display:none;
    }

    .sku-info h1{
        text-align:center;
        font-weight:700;
        font-size:3.333rem;
        margin-bottom:3rem;
    }


    .sku-info p{
        text-align:center;
        font-weight:700;
        font-size:1rem;
        line-height:1.5rem;
        margin-bottom:3rem;
    }


    /* accordion */
    .panel-group{
        margin-bottom:1.5rem;
    }

    .panel{
        border:0;
    }

    .panel-default > .panel-heading{
        background:#ffffff;
        border:0;
        border-bottom:2px solid #373630;
        padding-left:0;
        padding-right:0;
    }

        .panel-title{
            font-size:1rem;
            line-height:1.75rem;
            font-weight:700;
            
        }


        .panel-title a{
            width:100%;
            display:block;
            text-decoration:none;
            background:url('../img/sku-hide.png') center right no-repeat;
        }

            .panel-title a.collapsed{
                background:url('../img/sku-show.png') center right no-repeat;
            }


            .panel-title a:hover{
                text-decoration:none;
            }


        .panel-default .panel-collapse .panel-body:nth-child(odd){
            background:#ffffff;
        }

        .panel-default .panel-collapse .panel-body:nth-child(even){
            background:#f6f9cc;
        }

        .panel-body{
            padding:22px;
        }



.prd-head {
  display:none;
  }  
  
.prd-skus div{
  font-size: 1rem;
  line-height:1.75rem;
  font-weight:700;
  }
  
    .prd-skus .prd-skus1 {
      width: 100%;
      float:left;
      }
      
    .prd-skus .prd-skus2  {
      width: 100%;
      float:left;
      padding:18px 0 0 0;
      }

        .prd-skus .prd-skus2 img{
            display:block;
            width:29px;
        }
      
    .prd-skus  .prd-skus3-mobile  {
      width: 100%;
      display: block;
      }  


      .new{
        width:100%;
      }

        .new img{
            display:block;
            max-width:27px;
        }
  
  
.prd-skus  .prd-skus3-full  {
  width: 100%;
  display: none;
  }  
  





/* contact */
#contact{
    width:100%;
    padding:0 20px;
    margin-top:4rem; /*81px */
}

    #contact h1{
        margin-top:0;
        margin-bottom:1.5rem;
        text-align:center;
        font-weight:700;
        font-size:2.222rem;
    }

    #contact p{
        text-align:center;
        font-weight:700;
        font-size:1rem;
        line-height:1.5rem;
        margin-bottom:3rem;
    }

    p.required-fields{
        width:100%;
        border-bottom:2px solid #000000;
        padding-right:16px;
        padding-top:5px;
        text-align:right !important;
        font-family:'Roboto', sans-serif !important;
        font-size:0.6667rem !important; /*12px*/
        line-height:0.7222rem !important; /*13px*/
        background:url('../img/required.png') top right no-repeat;
    }

    #contact form{
        width:100%;
        margin-bottom:1.5rem; /*27px*/
    }

        #contact form.faded, #contact p.faded{
            opacity:0.3;
            cursor:none;
        }

        #contact form p{
            text-align:left !important;
            font-family:'Roboto', sans-serif !important;
            font-size:0.6667rem !important; /*12px*/
            line-height:0.7222rem !important; /*13px*/
            margin:0 0 0.4444rem 0 !important;
        }

        #contact form p.required img{
            margin-top:-17px;
        }

        #contact form input[type="text"], #contact form input[type="email"], 
        #contact form select{
            width:100%;
            height:50px;
            border:2px solid #373630;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            padding:10px;
            font-size:1.5rem;
            font-weight:700;
            margin-bottom:1.5rem; /*27px*/
        }

        #contact form input[type="checkbox"]{
            border:2px solid #373630;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            padding:10px;
            position:relative !important;
            margin-left:0 !important;
            width:30px;
            height:30px;
        }

        #contact form p.checkbox span{
        }

        #contact form p.checkbox label{
            font-weight:700;
            margin-top:-10px;
            vertical-align:middle;
        }

        #contact form input[type="submit"]{
            max-width:295px;
            margin-left:auto;
            margin-right:auto;
            -webkit-border-radius: 60px;
            -moz-border-radius: 60px;
            border-radius: 60px;
            background:#ffcd00;
            text-align:center;
            display: block;
            color: #373630;
            font-family: 'Roboto', sans-serif;
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight: 500;
            padding: 1.111rem 2.222rem;
            box-shadow:none;
            border:0;
        }

        #contact .form-thanks{
            width:100%;
            background:#ffcd00;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-bottomright: 5px;
            border-top-left-radius: 5px;
            border-bottom-right-radius: 5px;
            padding:1rem; /*36px */
            margin-bottom:1.5rem; /*27px*/
            font-size:1.5rem;
        }

        #contact .form-thanks p{
            margin:0 !important;
            text-align:center;
        }


    /* error checks */
    #contact-form input.error{
        border-color:#f41b3f !important;
        color:#f41b3f !important;
    }

    p.required.error {
        color:#f41b3f;
    }

    #contact-form label.error{
        display:none !important;
    }

            
/* sources */
#data-sources{
    width:100%;
    padding:0 20px;
    margin-top:1.5rem;
    margin-bottom:3rem;
}

    #data-sources p{
        color:#b1b1b1;
        font-family:'Roboto', sans-serif;
        text-align:center;
        font-size:0.6667rem;
        line-height:1rem;
    }


/* footer */
#footer{
    width:100%;
    padding:35px 20px;
    background:#f5f5f1;
}

    #footer h1{
        text-align:center;
        font-weight:700;
        font-size:1.5rem;
        line-height:1.5rem;
    }

    #footer h2{
        text-align:center;
        font-weight:700;
        font-size:1rem;
        line-height:1.5rem;
        margin-bottom:1.5rem;
    }


    #footer .lrg-btn{
        max-width:295px;
        margin-left:auto;
        margin-right:auto;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        background:#ffcd00;
        text-align:center;
    }

        #footer .lrg-btn a{
            display:block;
            color:#373630;
            font-family: 'Roboto', sans-serif; 
            font-size:1rem;
            line-height:1.5rem;
            font-weight:500;
            padding:1.111rem 2.222rem;
        }

    .copyright{
        text-align:center;
        font-family:'Roboto', sans-serif;
        font-size:0.6667rem;
        margin-top:1.5rem;
    }

        .copyright a{
            color:#373630;
        }





/* ---------------------------------------------------------------- */
/* 767 */
/* ---------------------------------------------------------------- */
@media(min-width:767px){

.contain{
    width:85% !important;
    margin-left:auto;
    margin-right:auto;
    padding:0 !important;
}

#masthead #logo{
    width:230px !important;
}

#masthead #contact-link {
        float: right;
        width: 139px;
        padding-top: 15px;
    }

        #masthead #contact-link img {
            max-width:47px;
            max-height:47px;
        }

        #masthead #contact-link a {
            line-height: 2.6rem;
            }


/* hero */
#hero{
    width:100%;
    height:635px;
    padding:130px 0 0 0;
    background:url('../img/header-hero-asian_turkey_burger.jpg') center no-repeat #f5f5f1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


    #hero h1{
        float: right;
        width: 365px;
        text-align: left;
        font-size:3.333rem; /*60.75px*/
        line-height:3.333rem;
        background: url(../img/leaf-med.png) no-repeat top left;
        padding: 10px 0 0 50px;
    }


    #hero p{
        float:right;
        clear:right;
        width:365px;
        text-align:left;
        font-size:1.5rem;
        padding:0;
    }



/* stats */
#stats h1{
    padding-bottom:0.4rem;
}

#stats h2{
    line-height: 1.75rem;
    text-align: left;
}

#stats > h2{ /*first h2 */
    font-size:2.222rem; /*40.5px */
    line-height:2.222rem !important;
}
.stat-callout{
    padding:1.5rem; /*27px */
}

.stat-callout:nth-child(2){
    width:49%;
    height:270px;
    float:left;
}

.stat-callout:nth-child(3){
    width:49%;
    height:270px;
    float:right;
}

.stat-callout:nth-child(4){
    width:100%;
    clear:both;
}

    .stat-callout:nth-child(4) h1,
    .stat-callout:nth-child(4) h2{
        text-align:center !important;
    }

#slider{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top:4rem; /*81px */
    padding-top:0;
}

#slide-area{
    position:relative;
    max-width:650px;
    margin-left:auto;
    margin-right:auto;
}

#slide-control{
    width:90%;
    display:block !important;
    margin-left:auto;
    margin-right:auto;
    position:absolute;
    top:20px;
    left:5%;
}

.prev{
    display:block;
    float:left;
    cursor:pointer;
}

.next{
    display:block;
    float:right;
    cursor:pointer;
}

#slider .slider-stat h1 {
    padding:0;
    margin:0 0 10px 0;
}

#slider .slider-stat h2{
    margin:0;
}



/* business */

img#img-all-natural{
    max-width:40%;
}

#business h1{
    width:80%;
    margin-left:auto;
    margin-right:auto;
    font-size:3.333rem; /*60.75px*/
    line-height:3.333rem;
    margin-bottom:1.5rem;
    padding-bottom:0;
}

#business h2{
    text-align:left;
}

#business h3{
    text-align:left;
    line-height:1.5rem;
    padding:0;
}


#examples{
    float:left;
    width:50%;
    padding-right:30px;
    border-right:2px solid #373630;
}

.example-cost p{
    text-align:left;
    font-size:1rem; /*18px*/
}

.example-cost:first-child{
    padding-top:1.5rem;
}


.cost-gain{
    float:left;
    width:50%;
    padding-left:30px;
}

    .cost-gain h1{
        text-align:left;
        margin-left:-2% !important;
        margin-right:0 !important;
        margin-top:2.5rem !important;
    }


/* know more & leadership */
#know-more{
    height:540px;
}

    #know-more-content{
        height:100%;
        padding:4rem 0 !important;
    }


#leadership{
    height:615px;
}

    #leadership-content{
        height:100%;
        padding:3.25rem 0 !important;
    }


.center-callout{
    height:395px;
    padding:4rem 3rem;
}

    .center-callout h1{
        font-size:3.333rem; /*60.75px*/
        line-height:3.333rem;
    }

    .center-callout p{
        font-size:1.5rem;
        margin-bottom:3rem;
        width:90%;
        margin-left:auto !important;
        margin-right:auto !important;
    }


#leadership .center-callout{
    height:500px;
    padding:1.75rem;
}



/* all natural */
#natural-info{
    margin-bottom:5rem;
}

#natural-info h1{
    width:70%;
    margin-left:auto;
    margin-right:auto;
    font-size:3.333rem; /*60.75px*/
    line-height:3.333rem;
    padding-bottom:2rem;
}

#natural-info h2{
    font-size:2.222rem;
    line-height:2.5rem;
    margin-bottom:3rem;
}

#natural-info p{
    width:90%;
    margin-left:auto;
    margin-right:auto;
}

#natural-info ul{
    width:495px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5rem;
}

    #natural-info ul li{
        display:inline;
        font-weight:500;
        font-size:1rem;
    }

        #natural-info ul li span{
            margin-bottom:1.5rem;
            padding: 0.25rem 0.75rem;
        }

        #natural-info ul li:nth-child(1){

        }

        #natural-info ul li:nth-child(2){
            margin-left:15px;
        }

        #natural-info ul li:nth-child(3){
            margin-left:40px;
        }

        #natural-info ul li:nth-child(4){
            margin-left:15px;
        }

        #natural-info ul li:nth-child(5){
            margin-left:130px;
        }

        #natural-info ul li:nth-child(6){
            margin-left:15px;
        }


/* all natural products & NAE products */

#all-natural-products img.prod-top, 
#no-antibiotic-products img.prod-top{
    width:47%;
    float:right;
}

#all-natural-primary,
#nae-primary{
    width:47%;
    float:left;
}

    #all-natural-primary h1,
    #nae-primary h1{
        text-align:left;
        margin-bottom:1.5rem;
    }

    #all-natural-primary p,
    #nae-primary p{
        text-align:left;
    }

#all-natural-sku-head,
#no-antibiotic-sku-head{
    margin-bottom:3rem;
}


.panel-title{
    font-size:1.5rem;
}


.panel-body {
  border: none !important;
  padding:0 !important;
  }  

.prd-head {
  display: block;
  background-color: #d0df00;
  height: 3rem; /*54px */
  margin-bottom: 10px;
  }  
      
    .prd-head div {
      padding:20px;
      font-size: 1rem;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      }  
  
    .prd-head div:first-child { /*product # */
      width: 20%;
      float:left;
      }
      
    .prd-head div:nth-child(2)  { /*new?*/
      /*width: 10%;*/
      width:8%;
      float:left;
      }
      
    .prd-head div:nth-child(3)  {  /*desc*/
      /*width: 45%;*/
      width:52%;
      float:left;
      }

    .prd-head div:nth-child(4){ /*fresh/frozen*/
        width:20%;
        float:left;
        }


.prd-skus {
  position: relative;
  }
  
.prd-skus div{
  font-size:1rem;
  line-height:1.5rem;
  font-family: 'Roboto', sans-serif;
  font-weight:500;
  padding:20px;
  }
  
.prd-skus .prd-skus1 {
  width: 20%;
  float:left;
  }
  
.prd-skus .prd-skus2  {
  /*width: 10%;*/
  width:8%;
  float:left;
  }

    .prd-skus2 img{
        display:block;
        max-width:100%;
        padding-top:10px;
    }
  
.prd-skus3  {
    width: 52%;
    float:left;
  }

.prd-skus4{
    width:20%;
    float:left;
}
 
  
.sku-title {
  display: none;
  }




/* contact */

#contact h1{
    font-size:3.333rem;
    width:70%;
    margin-left:auto !important;
    margin-right:auto !important;
}

#contact p{
    width:80%;
    margin-left:auto !important;
    margin-right:auto !important;
}

    #contact p.required-fields{
        width:100% !important;
    }

    #contact form{
        margin-bottom:5rem;
    }

    #contact form input[type="submit"]{
       margin:0 !important; 
       float:right;
    }


/* data */

#data-sources{
    margin-bottom:4rem;
}


/* footer */

#footer{
    padding:0;
}

    #footer h2{
        height:55px;
    }

    #footer-content{
        padding-top:3rem !important;
    }

    #footer-content div.col-sm-6{
        height:210px;
        margin-bottom:1.5rem;
    }

    #footer-content div:nth-child(1){
        border-right:2px solid #373630;
    }

    #footer-content div:nth-child(2){
        border-left:2px solid #373630;
    }

    .copyright{
        padding-bottom:1.5rem;
    }

    
}/*767*/




/* ---------------------------------------------------------------- */
/* 992 */
/* ---------------------------------------------------------------- */
@media(min-width:992px){

    #hero h1{
        width: 385px;
        margin-right:50px;
    }


    #hero p{
        width:385px;
    }
}



/* ---------------------------------------------------------------- */
/* 1024 */
/* ---------------------------------------------------------------- */
@media(min-width:1024px){


#business{
    margin-bottom:5rem;
}

#business-head{
    float:left;
    width:65%;
    margin-left:5%;
    margin-bottom:5rem;
}

    #business-head h1{
        text-align:left;
        width:100%;
        font-size: 3.333rem;
        line-height: 3.333rem;
        padding-top:24px;
        margin-bottom:2rem;
    }

#business h3{
    clear:both;
}

img#img-all-natural {
    float:left;
    width:30%;
    margin:0 0 5rem 0;
}

.example-cost p{
    float:left;
}

.example-cost p:first-child{
    width:80%;
}

.example-cost p.cost{
    float:right;
    width:20%;
    text-align:right;
}

.cost-gain h1{
    width:265px !important;
    float:left;
    margin-top:1.5rem !important;
}

.cost-gain h2.mpy{
    float: left;
    width: 90px;
    line-height: 0.75rem !important;
    padding-top: 1rem;
}

#contact form {
    margin-bottom: 2rem;
}



}/*1024 */


/* ---------------------------------------------------------------- */
/* 1200 */
/* ---------------------------------------------------------------- */
@media(min-width:1200px){

    .contain{
        max-width:1360px;
    }

    /*#masthead{
        position:relative;
    }*/

    #masthead #logo{
        display:none;
        /*width: 400px !important;
        padding-top: 5px;*/
    }

    #masthead #logo-lrg{
        display:block;
        position: absolute;
        left: 0;
        right: 0;
        top:-5px;
        width:225px;
        margin: auto
    }

        #masthead #logo-lrg img{
            max-width:100%;
        }



    #hero{
        padding-top:155px;
        height:675px;
    }

        #hero h1{
            font-size: 3.333rem;
            line-height: 3.333rem;
            width: 530px;
            background:url('../img/leaf-lrg.png') top left no-repeat;
            padding:16px 0 0 85px;
        }

        #hero p{
            width:495px;
            /*width:520px;*/
        }


    #stats > h2{
        width:70%;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        padding:5rem;
    }

    .stat-callout{
        margin-bottom:5rem;
    }

    .stat-callout:nth-child(2),
    .stat-callout:nth-child(3),
    .stat-callout:nth-child(4){
        width:30%;
        float:left;
        clear:none;
        height:395px !important;
    }

    .stat-callout:nth-child(2),
    .stat-callout:nth-child(3){
        margin-right:5%;
    }

    .stat-callout h1,
    .stat-callout h2,
    .stat-callout:nth-child(4) h1,
    .stat-callout:nth-child(4) h2{
        text-align:left !important;
    }

    #slide-area{
        clear:both;
    }

    #slider{
        margin-top:0;
    }

    #dots{
        margin-bottom:5rem;
    }

    .stat-callout h1{
        font-size: 5.063rem;
        line-height: 5.063rem;
    }


#business-head h1{
    font-size: 5.063rem;
    line-height: 5.063rem;
    }


#know-more{
    height:545px;
}

    .center-callout{
        max-width:950px;
        height:400px;
        margin-left:auto;
        margin-right:auto;
    }



#natural-info{
    margin-top:5rem;
}


#natural-info h1{
    font-size: 5.063rem;
    line-height: 5.063rem;
}

#natural-info h2{
    font-size:2.222rem;
    line-height:2.222rem;
    max-width:950px;
    margin-left:auto;
    margin-right:auto;
}

#natural-info p{
    width:80%;
}


#natural-info ul{
    width:783px;
}


        #natural-info ul li span{
            margin-bottom:1.5rem;
            padding: 0.25rem 0.75rem;
        }

        #natural-info ul li:nth-child(1){

        }

        #natural-info ul li:nth-child(2){
            margin-left:20px;
        }

        #natural-info ul li:nth-child(3){
            margin-left:20px;
        }

        #natural-info ul li:nth-child(4){
            margin-left:162px;
        }

            #natural-info ul li:nth-child(4) span{
                margin-bottom:0;
            }

        #natural-info ul li:nth-child(5){
            margin-left:20px;
        }

            #natural-info ul li:nth-child(5) span{
                margin-bottom:0;
            }

        #natural-info ul li:nth-child(6){
            margin-left:20px;
        }

            #natural-info ul li:nth-child(6) span{
                margin-bottom:0;
            }


.panel-group{
    padding-top:20px;
}

#leadership{
    height:694px;
}

#leadership-content{
    padding:4rem 0 !important;
}

    #leadership .center-callout{
        padding:4rem 3rem;
        height:550px;
    }

    #leadership .center-callout p{
        padding-bottom:3rem;
    }



#contact-head{
    float:left;
    width:33%;
    margin-left:5%;
}

    #contact h1{
        text-align:left;
        width:100%;
    }

    #contact p{
        text-align:left;
        width:100%;
    }


#form-area{
    float:left;
    width:47%;
    margin-left:5%;
}


#data-sources{
    margin-top:5rem;
    margin-bottom:5rem;
    max-width:950px !important;
}

#footer h1{
    font-size:2.222rem;
}

#footer h2{
    margin-top:0;
    height:27px;
    margin-bottom:1.5rem;
}




}/* 1200 */



@media(min-width:1500px){

    #hero h1{
        font-size: 5.063rem;
        line-height: 5.063rem;
        width: 645px;
        margin-right: 0;
    }

    #hero p{
        width:460px;
    }

    .stat-callout h2{
        font-size:2.222rem !important;
        line-height:2.222rem !important;
    }


    #all-natural-sku-head{
    float:left;
    width:33%;
    margin-left:5%;
}

.sku-info img.prod-lrg-desktop{
    display:block;
    max-width:237px;
}

#all-natural-primary,
#nae-primary{
    width:100%;
}

.sku-info img.prod-top{
    display:none;
}

.sku-info img.prod-top-desktop{
    display:block;
    max-width:100%;
    margin-bottom:1.5rem;
}

.panel-group{
    float:left;
    width:51%;
    margin-left:5%;
}


.prd-head {
  display: block;
  background-color: #d0df00;
  height: 3rem; /*54px */
  margin-bottom: 10px;
  }  
      
    .prd-head div {
      padding:20px;
      font-size: 1rem;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      }  
  
    .prd-head div:first-child { /*product # */
      width: 20%;
      float:left;
      }
      
    .prd-head div:nth-child(2)  { /*new?*/
      /*width: 10%;*/
      width:8%;
      float:left;
      }
      
    .prd-head div:nth-child(3)  {  /*desc*/
      /*width: 45%;*/
      width:52%;
      float:left;
      }

    .prd-head div:nth-child(4){ /*fresh/frozen*/
        width:20%;
        float:left;
        }


.prd-skus {
  position: relative;
  }
  
.prd-skus div{
  font-size:1rem;
  line-height:1.5rem;
  font-family: 'Roboto', sans-serif;
  font-weight:500;
  padding:20px;
  }
  
.prd-skus .prd-skus1 {
  width: 20%;
  float:left;
  }
  
.prd-skus .prd-skus2  {
  /*width: 10%;*/
  width:8%;
  float:left;
  }

    .prd-skus2 img{
        display:block;
        max-width:100%;
        padding-top:10px;
    }
  
.prd-skus3  {
    width: 52%;
    float:left;
  }

.prd-skus4{
    width:20%;
    float:left;
}


#no-antibiotic-sku-head{
    float:left;
    width:33%;
    margin-left:5%;
}


#footer-content div.col-sm-6{
    height:182px;
}

}/*1400*/