.join {
	padding-top: $bt-navbar-height;
	margin: 0 auto 30px auto;
	display: flex;
	flex-direction: column;
	align-items: center;

	.releases-heading-button {
		justify-content: center;
		margin: 20px 0px 12px 0px;
		flex-direction: row;
		padding-top: 0px;

		input {
			overflow: visible;
			margin-right: 10px;
			border: solid 1px #cfcfcf;
			text-indent: 10px;
			color: $bt-base-text;
			border-radius: 4px;
			width: 280px;
			padding: 6px;

			&::placeholder {
				color: $bt-light-grey;
			}

			&:focus::placeholder {
				color: $bt-light-border-grey;
			}
		}
	}

	.join-pic {
		width: 800px;
		margin-top: 24px;
		margin-bottom: 28px;
		@include mobile {
			width: 95%;
		}
	}

	.join-us {
		.join-link,
		a {
			color: $bt-blue;
		}

		> h5 {
			margin-top: 50px;
			text-align: center;

			font-weight: bold;
			color: $bt-base-text;
			font-size: 24px;

			@include mobile {
				font-size: 20px;
			}
		}

		> p {
			margin-top: 20px;
			margin-bottom: 20px;
			text-align: left;
			font-size: 16px;
			line-height: 1.75;
			color: #8a8a8a;
			width: 650px;

			@include mobile {
				width: 330px;
			}
		}

		.releases-heading-button.btn-toolbar {
			> input {
				overflow: visible;
				margin-right: 10px;
				border: solid 1px #cfcfcf;
				text-indent: 10px;
				color: $bt-base-text;
				border-radius: 4px;
				width: 280px;

				&::placeholder {
					color: $bt-light-grey;
				}
			}
		}
	}
}
