@media screen and (max-width: 991px) {

	html {-webkit-text-size-adjust: none;}

	body {font-size: 1.4rem;}

	a[href^="tel"]{color:inherit; text-decoration:none;}

	.aos-animate {
	   /*CSS transitions*/
	   -o-transition-property: none !important;
	   -moz-transition-property: none !important;
	   -ms-transition-property: none !important;
	   -webkit-transition-property: none !important;
	   transition-property: none !important;
	   /*CSS transforms*/
	   -o-transform: none !important;
	   -moz-transform: none !important;
	   -ms-transform: none !important;
	   -webkit-transform: none !important;
	   -moz-appearance: transform: none !important;
	   /*CSS animations*/
	   -webkit-animation: none !important;
	   -moz-animation: none !important;
	   -o-animation: none !important;
	   -ms-animation: none !important;
	   animation: none !important;
	}

	.editButton .text-holder button {top: 0 !important;}
	.editButton .image-holder div img {float: none; width: 100%; margin: 0 0 1rem 0;}

	#home-image1.image-holder, #work-image1.image-holder {max-height: none; overflow: visible;}

	#home-image1 p, #work-image1 p {font-size: 65px; top: auto; bottom: 3%;}

	#home-quote1 {font-size: 1.4rem;}

	h1 {font-size: 30px;}
	#wrapperGradient h1 {font-size: 30px;}
	#services #wrapperGradient h1 {font-size: 30px;}
	.wrapperBox h1 {font-size: 30px;}
	h2 {font-size: 30px;}
	#services #wrapperGradient h2 {font-size: 26px;}
	h3 {font-size: 22px;}

	#wrapperGradient {font-size: 1.4rem; padding: 3rem !important;}
	#services #wrapperGradient {font-size: 1.4rem;}
	.wrapperBox {height: 486px; font-size: 1.4rem; background: url('../img/background_box_mobile.png') center top no-repeat; background-size: 100%;}
	#footerNav {font-size: 18px;}
	#wrapperFooter {text-align: center !important;}
	#parallax {width: 100%; height: 550px; background: url('../img/parallax.jpg') center top scroll no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
	#story #parallax {width: 100%; height: 550px; background: url('../img/parallax_story.jpg') right bottom scroll no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

	#logo {text-align: center !important;}
	#logo img {width: 50%;}
	#wrapperFooter #logo img {width: 50%;}

	#telephone {font-size: 18px; padding: 2rem 0 0 0 !important;}
	#telephone p {margin-bottom: 0.5rem !important;}

	img.headerLogo {width: 120px; top: -10px;}

	.nourishes {font-size: 42px; line-height: 90px;}
	.nourishes .large {font-size: 114px;}

	#mobileVisible {display: block; visibility: visible;}
	#mobileHidden {display: none; visibility: hidden;}

	.navbar-toggler {display: block !important; position: relative; top: -8px;}
	.offcanvas {background: rgba(0, 0, 0, 0.7);}
	/* nav {background: #FFF;} */
	nav .container-fluid {padding: 0 !important;}
	.navbar {float: right; top: 10px; margin: 0 2.5rem 0 0;}
	.navbar-toggler:focus {box-shadow: none !important;}
	.navbar-light .navbar-toggler {border: none;}
	.navbar-light .navbar-toggler-icon {width: 50px; height: 50px; background: none; background-image: url('../img/menu.png');}
	.navbar-light .navbar-toggler-icon:hover {background: none; background-image: url('../img/menu_hover.png');}
	.navbar-collapse {padding: 0 2rem 0.5rem 2rem !important;}
	.nav-link {font-size: 26px; font-weight: 600; text-align: right; margin: 0.3rem 0.5rem 0.3rem 0.5rem !important; text-transform: uppercase; outline: none !important;}
	a.nav-link:link, a.nav-link:visited, a.nav-link:active {color: #FFF !important; text-decoration: none;}
	a.nav-link:hover {color: #8CC63F !important; text-decoration: none;}
	body#home a#navhome, body#story a#navstory, body#services a.navservices, body#science a#navscience {color: #8CC63F !important; text-decoration: none;}

	.dropdown-menu {font-size: 20px; color: #FFF !important; text-align: right; background: none !important; border: none !important; border-radius: 0;}
	a.dropdown-item:link, a.dropdown-item:visited, a.dropdown-item:active {color: #FFF !important; text-decoration: none;}
	a.dropdown-item:hover {color: #8CC63F !important; background: none !important; text-decoration: none;}

	#homeBoxesPadding {padding: 2rem 3rem 2rem 3rem !important;}
	.homeBoxes img {width: 60% !important; -moz-transition: none; -webkit-transition: none; transition: none;}
	.homeBoxes:hover img {-moz-transform: none; -webkit-transform: none; transform: none;}

	.accordion-button img {width: 200px; max-width: 100px; max-height: none;}
	.accordion-body img {float: none; width: 100%; margin: 0 0 1rem 0;}

	img.quotes {width: 100px;}

	img.twitter, img.facebook, img.linkedin, img.instagram, img.mobile {width: 25px; height: 25px;}

	@media screen and (max-width: 850px) {
		.navbar {top: -10px;}

		.carousel-caption {font-size: 20px; bottom: 5% !important;}
	}

	@media screen and (max-width: 800px) {
		#home-image1 p, #work-image1 p {font-size: 55px;}

		#telephone {font-size: 16px;}
	}

	@media screen and (max-width: 767px) {
		.wrapperBox {height: auto; background: url('../img/background_box_mobile.png') right top no-repeat; background-size: cover; padding: 3rem;}

		.accordion-button img {max-width: 80px;}
	}

	@media screen and (max-width: 720px) {
		.carousel-caption {font-size: 18px; padding: 1rem;}
	}

	@media screen and (max-width: 665px) {
		#home-image1 p, #work-image1 p {font-size: 45px;}

		.carousel-caption {font-size: 14px;}

		#telephone p {display: none; visibility: hidden;}

		img.headerLogo {float: left; width: 100px; top: 0;}

		.nourishes {font-size: 22px; line-height: 50px;}
		.nourishes .large {font-size: 54px;}
	}

	@media screen and (max-width: 575px) {
		#home-image1 p, #work-image1 p {font-size: 35px;}

		#home-text4 .text-holder h1 {font-size: 18px;}

		#logo {width: 50% !important; text-align: left !important; padding: 1rem 2rem 1rem 2rem !important;}
		#logo img {width: 50%;}
		#wrapperFooter #logo {width: 100% !important; text-align: center !important; padding: 2rem 1rem 2rem 1rem !important;}

		#telephone {width: 50% !important; padding: 1rem 1rem 0 0 !important;}

		.navbar {margin: 0;}

		.homeBoxes img {width: 80% !important;}

		#mobilePadding {padding: 0 1.5rem 2rem 1.5rem !important;}

		.accordion-button img {width: 300px; max-width: 100px;}
	}

	@media screen and (max-width: 475px) {
		#home-image1 p, #work-image1 p {font-size: 25px;}

		.wrapperBox {background: url('../img/background_box_mobile.png') center top no-repeat; background-size: cover; padding: 3rem 0 3rem 0;}

		img.headerLogo {display: none; visibility: hidden;}

		.carousel-caption {font-size: 12px; bottom: 3% !important; padding: 0.5rem;}

		.accordion-button img {display: none; visibility: hidden;}
	}

	@media screen and (max-width: 350px) {
		#home-image1 p, #work-image1 p {font-size: 20px;}

		.carousel-caption {display: none; visibility: hidden;}

		.nourishes {font-size: 18px; line-height: 40px;}
		.nourishes .large {font-size: 44px;}
	}

}

img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}