@media all and (max-width: 1300px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1300px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (min-resolution: 192dpi) and (max-width: 1300px),
only screen and (min-resolution: 2dppx) and (max-width: 1300px) {

:root{
	--inner-width: 95%;
}

}/* ******************* END 1300px ******************* */


@media all and (max-width: 1024px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

:root{
	--inner-width: 100%;
}
body.scrolled{
	--logo-height: calc(var(--menu-size)* 1.2);
}
h1{
	font-size: 3rem;
}
h2{
	font-size: 2.25rem;
}
h3{
	font-size: 1.7rem;
}

.half{
	padding: 0 calc(var(--inner-h-padding) / 1.5) 0 0;
}
.half + .half {
    padding: 0 0 0 calc(var(--inner-h-padding) / 1.5);
}

#preheader{
	display: none;
}
.availability .half > span{
	display: block;
}

.facts{
	padding-top: 1rem;
}
.facts .half{
	--inner-h-padding: 2.5rem;
}

#footer .half{
    width: auto;
}

#copyright{
	font-size: 11px;
}
#copyright .inner{
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

}/* ******************* END 1024px ******************* */


@media all and (max-width: 700px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 700px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min-resolution: 192dpi) and (max-width: 700px),
only screen and (min-resolution: 2dppx) and (max-width: 700px) {

:root{
	--inner-v-padding: 15px;
	--inner-h-padding: 20px;
}
html{
	font-size: calc(1vw + 12px);
}

h2 {
	font-size: 2rem;
}

.btn{
	font-size: 1.25rem;
}

.checkboxes{
	padding: 1rem;
}
form .btn{
	margin: 0.5rem;
}

.gallery img{
	position: relative;
	display: block;
	width: 80%;
}
.gallery img:nth-of-type(3n-2){
	margin: 0 0 -1.5rem auto;
	z-index: 1;
}
.gallery img:nth-of-type(3n-1){
	margin: 0 auto 0 0;
	z-index: 0;
}
.gallery img:nth-of-type(3n){
	margin: -1.5rem auto 0 auto;
	z-index: 0;
}

#index .hero h1{
	font-size: 4rem;
}

.inner .half.half{/* Raise specificity to override :nth-child selectors without using !important */
	width: 100%;
	padding: 1rem 0;
}
.hero{
    padding-top: calc(var(--hero-padding) + 64px);
}
.subPage .hero{
	--hero-padding: 10vh;
}
.opening{
}
.opening:before{
	top: 8px;
}
#index .opening:before{
	top: calc((126vw / 2) + 8px);
}
#pellets .opening{
	margin-top: calc((126vw / 6) * -1);
}
#pellets .opening:before{
	top: calc((126vw / 6) + 8px);
}
.opening .inner{
	display: flex;
	flex-direction: column;
	padding-top: 0;
}
#index .opening .inner .half:nth-of-type(2),
#pellets .opening .inner .half:nth-of-type(2){
	order: -1;
	padding-top: 0;
	margin-right: calc(var(--inner-h-padding) * -1);
	margin-left: calc(var(--inner-h-padding) * -1);
	width: calc(100% + (var(--inner-h-padding) * 2))
}
.subPage .chicken{
	width: 50%;
	margin: 0 auto;
}

#index .opening h2,
#pellets .opening h2{
	margin-top: 0;
}
.opening ul{
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 22rem;
    max-width: 100%;
    box-sizing: border-box;
}
.availability{
	margin-top: 0;
}
.availability .half:nth-last-of-type(1) .btn{
	margin: 0 auto;
}
.spreader{
	text-align: center;
}
.subPage .spreader{
	padding-bottom: 40vw;
}
#index .blending{
	padding-top: 7rem;
}
#index .bagged{
	padding-bottom: 12.5rem;
}
.bag{
	width: 40%;
	max-width: none;
	margin: 5%;
}

.facts{
	line-height: 1.05;
        padding-bottom: 25vw;
}
.facts p{
	line-height: 1.35;
}
.facts.facts .half{
	--inner-h-padding: 0;
	--inner-v-padding: 0;
	display: block;
	padding: 0;
}
.facts h3 ~ h3{
	margin-top: 3rem;
}
.facts h3:before{
	margin-right: 0.5rem;
}
.facts p{
	padding-left: 3rem;
}

.cta .inner,
.cta .half{
	display: block;
}
.cta .trim{
	display: block;
}


.quote{
    margin: 1.5rem 0;
}
.quote h2 {
    margin-top: 0;
}
.quote input:not([type="checkbox"]):not([type="radio"]){
	width: 100%;
}

#footer .half{
	text-align: center;
	width: 100%;
}
#footer .products h3{
	font-size: 1.9rem;
}
#footer .products a{
	font-size: 1.4rem;
}

#copyright{
    font-size: 9px;
}
#copyright .inner {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}


#pellets .opening{
	--offset: 0px;
}
#pellets .gallery + .half{
	padding-bottom: 0;
}
#pellets .gallery + .half > p:nth-last-of-type(1){
	margin-bottom: 0;
}
#pellets .gallery + .half + .half{
	padding-top: 0;
}

#contact .gallery{
	display: block;
}
#contact .gallery > *{
	display: block;
	width: 100%;
	margin: 1.5rem 0;
}
#contact .gallery > * iframe{
	min-height: 50vw;
}
#contact .inner .quote {
    width: calc(100% + (var(--inner-h-padding) * 2));
    max-width: calc(100% + (var(--inner-h-padding) * 2));
    margin-right: calc(var(--inner-h-padding) * -1);
    margin-left: calc(var(--inner-h-padding) * -1);
}


.hero:before{
	background-image: url(/images/bg-body-mobile.jpg);
    background-image: -webkit-image-set(url(/images/bg-body-mobile.webp) type("image/webp"), url(/images/bg-body-mobile.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-body-mobile.webp) type("image/webp"), url(/images/bg-body-mobile.jpg) type("image/jpg"));
}
.chicken:before{
	background-image: url(/images/chicken-pellets-mobile.jpg);
    background-image: -webkit-image-set(url(/images/chicken-pellets-mobile.webp) type("image/webp"), url(/images/chicken-pellets-mobile.jpg) type("image/jpg"));
    background-image: image-set(url(/images/chicken-pellets-mobile.webp) type("image/webp"), url(/images/chicken-pellets-mobile.jpg) type("image/jpg"));
}
.spreader{
	background-image: url(/images/bg-spreader-mobile.jpg);
    background-image: -webkit-image-set(url(/images/bg-spreader-mobile.webp) type("image/webp"), url(/images/bg-spreader-mobile.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-spreader-mobile.webp) type("image/webp"), url(/images/bg-spreader-mobile.jpg) type("image/jpg"));
}
.bagged{
	background-image: url(/images/bg-bagged-mobile.jpg);
}
#footer .maskedBG:before{
	background-image: url(/images/bg-footer-mobile.jpg);
    background-image: -webkit-image-set(url(/images/bg-footer-mobile.webp) type("image/webp"), url(/images/bg-footer-mobile.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-footer-mobile.webp) type("image/webp"), url(/images/bg-footer-mobile.jpg) type("image/jpg"));
}
.facts .maskedBG:before{
	background-image: url(/images/bg-field-spreader-mobile.jpg);
    background-image: -webkit-image-set(url(/images/bg-field-spreader-mobile.webp) type("image/webp"), url(/images/bg-field-spreader-mobile.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-field-spreader-mobile.webp) type("image/webp"), url(/images/bg-field-spreader-mobile.jpg) type("image/jpg"));
}
.cta:before{
	background-image: url(/images/bg-corn-rows-mobile.jpg);
    background-image: -webkit-image-set(url(/images/bg-corn-rows-mobile.webp) type("image/webp"), url(/images/bg-corn-rows-mobile.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-corn-rows-mobile.webp) type("image/webp"), url(/images/bg-corn-rows-mobile.jpg) type("image/jpg"));
}
#index .blending .maskedBG:before{
	background-image: url(/images/bg-blending-mobile.jpg);
}
.subPage .spreader{
	background-image: url(/images/bg-spreader-2-mobile.jpg);
    background-image: -webkit-image-set(url(/images/bg-spreader-2-mobile.webp) type("image/webp"), url(/images/bg-spreader-2-mobile.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-spreader-2-mobile.webp) type("image/webp"), url(/images/bg-spreader-2-mobile.jpg) type("image/jpg"));
}
#pellets .hero:before{
	background-image: url(/images/chicken-pellets-mobile.jpg);
    background-image: -webkit-image-set(url(/images/chicken-pellets-mobile.webp) type("image/webp"), url(/images/chicken-pellets-mobile.jpg) type("image/jpg"));
    background-image: image-set(url(/images/chicken-pellets-mobile.webp) type("image/webp"), url(/images/chicken-pellets-mobile.jpg) type("image/jpg"));
}
#fertilizer .hero:before{
	background-image: url(/images/bg-fertilizer-mobile.jpg);
    background-image: -webkit-image-set(url(/images/bg-fertilizer-mobile.webp) type("image/webp"), url(/images/bg-fertilizer-mobile.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-fertilizer-mobile.webp) type("image/webp"), url(/images/bg-fertilizer-mobile.jpg) type("image/jpg"));
}
#contact .hero:before{
    background-image: url(/images/bg-building-mobile.jpg);
    background-image: -webkit-image-set(url(/images/bg-building-mobile.webp) type("image/webp"), url(/images/bg-building-mobile.jpg) type("image/jpg"));
    background-image: image-set(url(/images/bg-building-mobile.webp) type("image/webp"), url(/images/bg-building-mobile.jpg) type("image/jpg"));
}

}/* ******************* END 700px ******************* */