@charset "UTF-8";


/*carrier */

	#carrier {
		padding: 12em 0 10em 0;
		background-image: url('carrier-img/carrier.jpg');
		background-size: cover;
		background-position: top;
		background-attachment: fixed;
		background-repeat: no-repeat;
		text-align: center;
		border-top: 0.5em solid #5385c1;
	}

		#carrier h1 {
			font-size: 3.5em;
			font-weight: 100;
			color: #fff;
			line-height: 1em;
			margin: 0 0 0.5em 0;
			padding: 0;
		}

		#carrier p {
			font-size: 1em;
			color: rgba(255, 255, 255, 0.55);
			margin-bottom: 1.75em;
		}

		@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

			#carrier {
				background-attachment: scroll;
			}

		}

		@media screen and (max-width: 1280px) {

			#carrier {
				padding: 10em 2em 8em 2em;
			}

		}

		@media screen and (max-width: 980px) {

			#carrier {
				background-attachment: scroll;
			}

		}

		@media screen and (max-width: 736px) {

			#carrier {
				padding: 8em 1.5em 6em 1.5em;
			}

				#bathing h1 {
					font-size: 2.5em;
				}

				#bathing p {
					font-size: .9em;
				}

		}

		@media screen and (max-width: 480px) {

			#carrier {
				padding: 6em 1.5em 4em 1.5em;
			}

		}
		
		
/* Bmxx */

	.bmx {
		border: solid 1px #000;
		margin-bottom: 2em;
		padding: 1.5em;
	}

		.bmx > :last-child,
		.bmx > :last-child > :last-child,
		.bmx > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.bmx.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

		.bmx.person {
			border: solid 1px #cdcdcd;
			padding: 3em 1.5em;
		}

			.bmx.person h3 {
				margin: 0;
			}

			.bmx.person .image {
				margin-bottom: 1em;
			}

				.bmx.person .image img {
					max-width: 100%;
				}
.bmx td {color: #0000a0;}

.bmx p {color: #000;}

.bmx h3 {
color: #000;
font-size: 100%;
}


		.flex.flex-4 .bmx {
			width: 21%;
		}
		
		@media screen and (max-width: 980px) {
			.flex.flex-4 .bmx {
				width: 47%;
			}

		}
		@media screen and (max-width: 480px) {

			.flex.flex-4 .bmx {
				width: 100%;
			}

		}
