%fly{
		margin-top: -205px;
		@include br1{
			margin-top: -70px;
			position: relative;
			z-index: 2;
			padding: 0 2rem;
			text-align: center;
			img{
				right: 0;
				left: 0;
			}
		}
		img{
			position: relative;
			right: 100px;	
			@media screen and (max-width: 1250px){
				right: 20px;
			}
		}
	}
	.churchairfare{
		.top{
			background: url($img_dir + 'top_churchairfare_bg.jpg') no-repeat center bottom;
			background-size: cover;
			@include br3{
				background-position: 70% top;
			}
			header{
				background: transparent;
				padding-bottom: 45rem;
				@include br1{
					padding-bottom: 25rem;
				}
				@include br3{
					padding-bottom: 15rem;
				}
			}
		}
		.fly{
			@extend %fly;
		}
		.info{
			background: url($img_dir + 'info-bg.jpg') no-repeat center 100.1%;
			background-size: 100% auto;
			padding-bottom: 45%;
		}
	}
	.info{
		.info-items{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			align-items: flex-start;
			@include br1{
				justify-content: center;
			}
			.info-content{
				width: calc(100% - 407px - 5rem);
				color: #363636;
				font-family: $HR;
				@include br1{
					width: 100%;
				}
				img{
					object-fit: contain;
					height: 100%;
				}
				a{
					color: #41a0b2;
				}
				.paragraph{
					font: 28px/1.2 $HL;
					border: 1.0px solid #181818;
					color: #000000;
					position: relative;
					padding: 2rem;
					margin-bottom: 4rem;
					&:before{
						content: '';
						position: absolute;
						height: 100%;
						width: 6px;
						background-color: #269cd4;
						left: 0;
						top:0;
					}
				}
				.note{
					font-family: $HR;
					border: 1.0px solid rgba(24,24,24,.3);
					padding: 3.5rem 3rem;
					margin: -2rem 0 5rem;
					em{
						font-style: italic;
						font-family: $HL;
					}
				}
				ul{
					margin-bottom: 4rem;
					li{
						position: relative;
						padding-left: 30px;
						margin-bottom: 5px;
						&:before{
							content: '\e906';
							font-family: "icomoon";
							left: 0;
							color: #269cd4;
							position: absolute;
							font-size: 2.4rem;
						}
					}
				}
			}
			.info-form{
				width: 407px;
				border: 1.0px solid #cac4ac;
				background-color: #faf5e1;
				@include br1{
					width: 100%;
					max-width: 407px;
				}
				.form-head{
					background: url($img_dir + 'form-head.jpg') no-repeat center;
					background-size: cover;
					line-height: 32px;
					color: #ffffff;
					text-align: center;
					padding: 4rem 1rem;
					div{
						&:nth-child(1){
							font-size: 50px;
							font-family: $HL;
							margin-bottom: 10px;
							line-height: 1.2;
						}
						&:nth-child(2){
							font-family: $HB;
							text-transform: uppercase;
							letter-spacing: 0.84em;
						}
					}
				}
				form{
					padding: 5rem 3rem 3.5rem;
					@include br3{
						padding: 3rem 1.5rem 2.5rem;
					}
					input, textarea{
						width: 100%;
						box-shadow: 0px 0px 4px 0px rgba(23,23,24,0.17);
						padding: 9px 13px;
						margin-bottom: 15px;
					}
					label{
						.star{
							font-weight: 900;
							color: #ed3535;
						}
					}
					button{
						box-shadow: 0px 0px 4px 0px rgba(23,23,24,0.17);
						width: 100%;
						margin: 2rem auto 0;
						max-width: 351px;
						height: 61px;
						background-color: #01a0b2;
						font-size: 22px;
						font-family: $HB;
						color: #ffffff;
						cursor: pointer;
						&:hover{
							box-shadow: inset 0px 0px 15px 10px rgba(255, 255, 255, 0.17);
						}
					}

				}
			}
		}
	}