#banner_home {
	.banner {
		@include bg_img_contain();
		padding-top: 69.86%;
		position: relative;
		z-index: 5;
		.banner-overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			#t_shirts {
				@include bg_img_contain();
				position: absolute;
				top: 9.5vw;
				left: 72vw;
				z-index: 15;
				padding-top: 46vw;
				width: 46vw;
				@include translate(-40%, 0);
			}
			#four_balls {
				@include bg_img_contain();
				position: absolute;
				padding-top: 10.5vw;
				width: 42.5vw;
				top: 42vw;
				left: 55.4%;
				@include translate(-50%, -50%);
				z-index: 16;
			}
			#small_ball {
				@include bg_img_contain();
				position: absolute;
				z-index: 15;
				top: 14vw;
			    left: 1.1vw;
			    padding-top: 4vw;
			    width: 4vw;
				@include translate(-5%, 0);
			}
			#med_ball {
				@include bg_img_contain();
				position: absolute;
				top: 6.5vw;
			    left: 51.1%;
			    padding-top: 9.5vw;
			    width: 10.5vw;
			    z-index: 15;
				@include translate(-50%, 0);
			}
			#banner_text {
				position: absolute;
				left: 7vw;
				top: 27vw;
				@include translate(0,-50%);
				color: #fff;
				width: 42vw;
				p {
					font-size: 1.111rem;
				}
				p:first-of-type {
					margin-bottom: 1.666rem;
					letter-spacing: 1.5px;
				}
				h2 {
					margin-bottom: 1.666rem;
					font-size: 3.1666rem;
				}
				p:nth-last-of-type(2) {
					margin-bottom: 2.222rem;
				}
				a {
					@include btn01();
					@include box_shadow(#000);
				}
				a:hover {
					@include btn01_hover();
				}
			}
		}
	}
}

#subpage_banner {
	.banner {
		.banner-image {
			@include bg_img_cover();
			padding-top: 40%;
		}
		.banner-text.grey {
			background-color: #F7F7F2;
		}
		.banner-text.green {
			background-color: #2D863E;
			p, h2 {
				color: #fff;
			}
		}
		.banner-text {
			padding: 3.222rem 4.116rem;
			justify-content: center;
			flex-direction: column;
			& > p:first-of-type {
				letter-spacing: 1.5px;
				margin-bottom: 1rem;
				color: #FF9914;
				width: 90%;
			}
			& > h2 {
				margin-bottom: 1.2rem;
			}
			p {
				font-size: 1rem;
				
			}
			a {
				@include btn01();
				margin-top: 1rem;
				width: auto;
			}
			a:hover {
				@include btn01_hover();
			}
			.live-scoring-info {
				background-color: #EFEFE5;
				grid-template-columns: 1fr 4fr;
				align-items: center;
				padding: 0.5rem 0;
				margin-bottom: 0.833rem;
				.icon {
					@include bg_img_contain();
					width: 60%;
					padding-top: 60%;
					margin: auto;
				}
				p {
					font-family: poppins;
					font-size: 1.222rem;
					line-height: 1.25;
					width: 90%;
					margin-bottom: 0;
				}
			} 
		}
		.column {
			width: 50%;
		}
	}
}

#contact_banner {
	.banner {
		.banner-image {
			@include bg_img_cover();
			padding-top: 40%;
		}
		.banner-text {
			flex-direction: column;
			padding: 5.222rem 4.116rem;
			justify-content: flex-start;
			flex-direction: column;
			height: 53rem;
			overflow-y: scroll;
			& > p:first-of-type {
				letter-spacing: 1.5px;
				margin-bottom: 1.222rem;
				color: #FF9914;
			}
			p.free-phone-number {
				font-size: 2rem;
				a  {
					text-decoration: underline !important;
					font-size: 2rem;
					color: #2D863E;
				}
				a:hover {
					color: #ff9914;
				}
			}
			h3 {
				margin-bottom: 1.2777rem;
			}
			p.address {
				margin-bottom: 0;
			}
			.registered-address {
				margin-bottom: 3.944rem;
				p {
					margin-bottom: 0;
				}
			}
			.contact-details {
				p {
					margin-bottom: 0;
				}
			}
			.contact-form {
				margin-bottom: 4.833rem;
				input[type="email"] {
					background-color: #fff;
					border: 1px solid #2D863E;
					padding: 0.833rem;
					width: 80%;
					margin-bottom: 1rem;
				}
				textarea {
					background-color: #fff;
					border: 1px solid #2D863E;
					padding: 0.833rem;
					width: 80%;
					height: 11rem;
				}
				input[type="submit"] {
					@include btn01();
				}
				input[type="submit"]:hover {
					@include btn01_hover();
				}
			}
		}
		.column {
			width: 50%;
		}
	}
}

#shop_landing {
	.banner {
		@include bg_img_contain();
		padding-top: 34.76%;
		position: relative;
		z-index: 5;
		.banner-overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			#banner_text {
				position: absolute;
				left: 7%;
				top: 50%;
				@include translate(0, -50%);
				color: #fff;
				width: 37%;
				p {
					font-size: 1.111rem;
					width: 85%;
				}
				p:first-of-type {
					margin-bottom: 1.666rem;
					letter-spacing: 1.5px;
				}
				h2 {
					margin-bottom: 1.666rem;
				}
			}
			#golf_ball {
				position: absolute;
				@include bg_img_contain();
				width: 9%;
				padding-top: 9%;
				left: 62.5%;
				top: 36%;
				@include translate(-62.5%, -36%);
			}
			#titlist_hat {
				position: absolute;
				@include bg_img_contain();
				@include translate(-50%, -100%);
				width: 40%;
			    padding-top: 25%;
			    top: 122%;
			    left: 53%;
			    z-index: 9;
			}
		}
	}
}