html {
	height: 100%
}

body {
	font-family: arial;
	color: #fff;
	text-align: center;
}

#header, #work {
	background-color: #153456;
}

#intro {
	background-color: #f28a12;
}

#intro p {
	margin-bottom: 18pt;
}

#services, #footer, #contact {
	background-color: #0f2640;
}

#services, #footer, #intro, #header, #work {
	padding-top:15px;
	padding-bottom:15px;
}

img {
	padding: 0px;
	margin: 0px;
}

.workcell {
	border-radius: 10px;
	margin:0px;
	padding:0px;
}

h1 {
	font-size: 24pt;
	font-weight: bold;
}

p {
	font-size: 12pt;
	margin-bottom:0px;
}

h2 {
	font-size: 22pt;
	font-weight: bold;
	margin-bottom: 0px;
}

h4 {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 2rem;
}

h3 {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 180px;
}

ul li {
	padding-bottom: 10pt;
}

.button {
	background-color: #0f2640;
	border-radius: 10px;
	font-size: 14pt;
	font-weight: bold;
	margin: 0px;
}
.button:hover {
		background-color: #153456;
	}



.flip-card {
	-webkit-perspective: 1000;
	perspective: 1000;
	border: 0;
	background: transparent;
	border-radius:10px;
}

	.flip-card:hover .flip-card-inner,
	.flip-card.hover .flip-card-inner {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.flip-card,
.flip-card-inner-front,
.flip-card-inner-back {
	width: 100%;
	min-height:300px;
}

.flip-card-inner {
	transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-card-inner-front,
.flip-card-inner-back {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.flip-card-inner-front {
	background: url(/assets/steth.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 2;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #153456;
	flex-flow: row nowrap
}

	.flip-card-inner-front.two {
		background: url(/assets/cogs.png) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: #153456;
	}
	.flip-card-inner-front.three {
		background: url(/assets/wrench.png) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: #153456;
	}
	.flip-card-inner-front.four {
		background: url(/assets/shower.png) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: #153456;
	}

	.flip-card-inner-front span {
		width: 100%;
		text-align: center;
		background: #153456;
		padding: 0.25rem 0;
		font-size: 1.25rem;
		font-weight: bold;
	}

.flip-card-inner-back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	background: #f28a12;
	padding: 1rem;
	border-radius: 10px;
}

.flip-card-inner-back-title {
	font-weight: bold;
}

.flip-card-inner-back-text {
	line-height: 1.3;
}
.card {
	color: #fff;
}

.element {
	order: 1;
}