html { scroll-behavior: smooth }
#page-header { background: url('/img/large-acer-specimens/header.jpg') no-repeat center center; background-size: cover; height: 177px }
	#page-header h1 { color: #FFF; font-size: 62px; margin: 0; padding-top: 80px }
#page-intro { padding-top: 50px }
	#page-intro p { font-size: 19px; margin: 0; padding-right: 100px }
		#page-intro p a { color: #1B1B1B; font-weight: 700 }
	#page-intro #page-intro-button a { -moz-border-radius: 10px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-border-radius: 10px; -webkit-transition: 0.3s; border: 2px solid #758733; border-radius: 10px; color: #758733; display: inline-block; font-size: 23px; font-weight: 500; padding: .75rem 0; text-align: center; text-transform: uppercase; transition: 0.3s; width: 230px }
	#page-intro #page-intro-button a:hover { background-color: #758733; color: #FFF }
#large-acer-specimens { padding-top: 50px }
	#large-acer-specimens .large-acer-specimen { margin-bottom: 30px }
		#large-acer-specimens .large-acer-specimen .large-acer-specimen-img { display: block; overflow: hidden; position: relative }
			#large-acer-specimens .large-acer-specimen .large-acer-specimen-img .large-acer-specimen-stock { background-color: #CD1D1D; color: #FFF; font-size: 47px; font-weight: 700; left: -10%; line-height: 50px; position: absolute; text-align: center; text-transform: uppercase; top: 40%; transform: rotate(-10deg); width: 120% }
		#large-acer-specimens .large-acer-specimen h3 { font-size: 23px; font-weight: 700; margin: 0; padding: 10px 0 }
		#large-acer-specimens .large-acer-specimen p { font-size: 16px; margin: 0; padding-bottom: 5px }
		#large-acer-specimens .large-acer-specimen span { display: block; font-size: 23px; font-weight: 700 }
#back-to-top { background-color: rgba(0, 0, 0, .5); border: none; bottom: 24px; color: #FFF; display: none; font-size: 16px; height: 55px; padding: 15px; position: fixed; right: 24px; width: 55px; z-index: 100 }
.info-banner-large-acers { font-size: 26px; line-height: 27px; text-align: center; background-color: #dc3545; color: #fff; font-weight: 600; margin-top: 30px; padding: 10px 20px; }

@media (max-width: 1529px) {
	#page-header { background-size: 1530px; height: 141px }
		#page-header h1 { font-size: 50px; padding-top: 65px }
	#page-intro { padding-top: 40px }
		#page-intro p { font-size: 17px; padding-right: 80px }
		#page-intro #page-intro-button a { font-size: 19px; padding: .5rem 0; width: 200px }
	#large-acer-specimens { padding-top: 40px }
		#large-acer-specimens .large-acer-specimen .large-acer-specimen-img .large-acer-specimen-stock { font-size: 40px }
		#large-acer-specimens .large-acer-specimen h3 { font-size: 18px }
		#large-acer-specimens .large-acer-specimen p { font-size: 14px }
		#large-acer-specimens .large-acer-specimen span { font-size: 18px }
}

@media (max-width: 1199px) {
	#page-header { background-size: 1200px; height: 111px }
		#page-header h1 { font-size: 40px; padding-top: 50px }
	#page-intro { padding-top: 30px }
		#page-intro p { font-size: 15px; padding-right: 30px }
		#page-intro #page-intro-button a { font-size: 17px; width: 170px }
	#large-acer-specimens { padding-top: 30px }
		#large-acer-specimens .large-acer-specimen .large-acer-specimen-img .large-acer-specimen-stock { font-size: 36px }
		#large-acer-specimens .large-acer-specimen h3 { font-size: 15px; padding: 10px 0 6px 0 }
		#large-acer-specimens .large-acer-specimen p { font-size: 12px }
		#large-acer-specimens .large-acer-specimen span { font-size: 15px }
}

@media (max-width: 991px) {
	#page-header { background-position: left center }
	#page-intro { padding-bottom: 20px; text-align: center }
		#page-intro p { font-size: 14px; padding: 0 0 20px 0 }
}

@media (max-width: 767px) {
	#page-header { background-color: #758733; background-image: none; height: auto }
		#page-header h1 { font-size: 36px; padding: 20px 0; text-align: center }
}

@media (max-width: 575px) {
	#back-to-top { bottom: 12px; right: 12px }
}

@media (max-width: 374px) {
	
}