/* Responsive styles for Nature Spray - Jon @ Graydian 10-26-2022 */


@media only screen and (min-width: 1300px) {
	
	.hide-on-desktop {
		display: none;
	}
	
}


@media only screen and (min-width: 992px) and (max-width: 1399px) {
	
	.home-hero-cta {
		padding-left: 30px;
	}
	
}


@media only screen and (min-width: 992px) and (max-width: 1299px) {
	
	.hide-on-desktop {
		display: none;
	}
	
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

	#main-nav > .container {
		max-width: 100%;
	}

}



@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.hide-on-tablet {
		display: none;
	}
	
	.home-hero-contain {
	  background-position: center center;
	}
	
	.home-hero {
	  padding-top: 215px;
	  padding-bottom: 0;
	}
	
	.home-hero .home-hero-cta {
    text-align: center;
    background-color: rgb(0 0 0 / 55%);
    padding-top: 15px;
    padding-bottom: 15px;
	}
	
	.home-hero .home-hero-cta h1 {
	  font-size: 42px;
	  margin-bottom: 10px;
	}
	
	.home-hero .home-hero-cta h1 br {
		display: none;
	}
	
	.home-hero .home-hero-cta .cta-tagline {
	  font-size: 17px;
	  margin-bottom: 0;
	}
	
	.home-hero .home-hero-cta .cta-tagline br {
		display: none;
	}
	
	.home-steps .single-step {
		margin-bottom: 20px;
	}
	
	.home-steps .single-step:last-of-type {
		margin-bottom: 0;
	}
	
	.home-story .norm  {
		margin-bottom: 40px;
	}
	
	.wrapper-content {
		padding-top: 44px;
	}
	
	.wrapper-content .entry-content {
		margin-top: -70px;
	}
	
	.wrapper-content .entry-content .page-title {
		font-size: 32px;
		margin-bottom: 20px;
	}
	
	.wrapper-content .address h3 {
		font-size: 22px;
	}
	
	.wrapper-content .address h4 {
		font-size: 18px;
	}
	
	.footer-main {
		text-align: center;
	}

}

@media only screen and (min-width: 1px) and (max-width: 767px) {

	.hide-on-phone {
		display: none;
	}
	
	#main-nav .navbar-brand {
		width: 165px;
	}
	
	.home-hero-contain {
	  background-position: center center;
	}
	
	.home-hero {
	  padding-top: 173px;
	  padding-bottom: 0;
	}
	
	.home-hero .home-hero-cta {
    text-align: center;
    background-color: rgb(0 0 0 / 55%);
    padding-top: 10px;
    padding-bottom: 10px;
	}
	
	.home-hero .home-hero-cta h1 {
	  font-size: 30px;
	  margin-bottom: 5px;
	}
	
	.home-hero .home-hero-cta h1 br {
		display: none;
	}
	
	.home-hero .home-hero-cta .cta-tagline {
	  font-size: 17px;
	  margin-bottom: 0;
	}
	
	.home-story .norm  {
		margin-bottom: 40px;
	}
	
	.home-steps,
	.home-safety,
	.home-story,
	.home-faq {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.home-steps .card-deck.g-4 {
		--bs-gutter-y: .9rem;
		--bs-gutter-x: 0;
	}
	
	.home-steps h2 {
		font-size: 24px;
		margin-bottom: 30px;
	}
	
	.home-steps .single-step {
		margin-bottom: 20px;
	}
	
	.home-steps .single-step:last-of-type {
		margin-bottom: 0;
	}
	
	.wrapper-home .entry-content a.btn.btn-green.btn-lg {
		display: block;
		width: 100%;
	}
	
	.home-safety h2 {
		font-size: 32px;
		margin-bottom: 30px;
	}
	
	.home-safety .col-ingredients br {
		display: none;
	}
	
	.home-story .story-text .card-title {
		font-size: 28px;
		margin-bottom: 10px;
	}
	
	.home-faq h2 {
		font-size: 28px;
	}
	
	.wrapper-content .entry-content {
	    margin-top: -60px;
	}
	
	.wrapper-content .entry-content .address iframe {
	  margin-bottom: 20px;
	}
	
	.wrapper-content .entry-content .spraying img {
	  margin-bottom: 20px;
	}
	
	.wrapper-content .entry-content .family h3 br {
	  display: none;
	}
	
	.wrapper-content .entry-content a.to-anchor {
		display: block;
		width: 100%;
		font-size: 22px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	
	.wrapper-content .entry-content .cities ul.columns,
	.wrapper-content .entry-content .pests ul.columns {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		column-gap: 10px;
	}
	
	.footer-main {
		text-align: center;
	}
	
}