.container {
	background: transparent;
}

.cards {
	display: none;
}

.service {
	margin: .5em;
}

.serviceHeader {
	font-family: 'cinzel', serif;
	font-weight: 700;
	color: white;
	font-size: 1.5em;
}

.serviceText {
	font-family: 'Judson', serif;
	color: white;
}

.serviceContent {
	width: 100%;
	text-align: center;
}

.contentDiv {
	position: relative;
	width: 100%;
	text-align: center;
	margin: .5em auto .5em auto;
	display: inline-block;
}

.horizontalSingle img{
	max-width: 100%;
}

.textBlock {
	width: 100%;
	color: white;
}

.textBlock h1 {
	font-family: 'cinzel', serif;
	font-weight: 500;
	font-size: 1.25em;
	margin: .5em 0 .25em 0;
}

.textBlock p {
	text-align: left;
	margin: .5em 1em .5em 1em;
}

.text-block ul {
	margin-bottom: .5em;
}

.horizontalDouble img {
	width: 100%;
	margin-bottom: .5em;
}

.verticalSingle img{
	max-width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.secondaryMenu {
	display: inline-block;
	position: relative;
	height: 1.5em;
	margin: 0;
	margin-top: 1em;
}

.secondaryMenu p {
	display: none;
}

@media screen and (min-width: 500px) {

.horizontalDouble img {
	width: 49.5%;
	margin-bottom: .5em;
}

.verticalSingle img{
	max-width: 45%;
}

.contact {
	margin: 0;
	padding: 0;
	height: 2em;
}

.contact p {
	display: inline;
	margin: 0 .5em 0 .5em;
	color: #e4c83e;
}

.secondaryMenu {
	margin: 0;
}

}

@media screen and (min-width: 850px) {

.container {
	padding-bottom: 0;
}

.heading {
	top: 1em;
	z-index: 15;
	max-width: 40%;
}

.serviceContent {
	margin-bottom: 2em;
}

.contact {
    background: transparent;
	position: relative;
	right: 0;
	top: 0;
	height: 2em;
	text-align: center;
	margin: 0;
	padding: 0;
}

.contact p {
	font-size: 1.5em;
	margin: 0 1em 0 1em;
}

.contentDiv {
	width: 20%;
	margin: 0 .25em 0 .25em;
}

.horizontalSingle {
	width: 36%;
}

.horizontalDouble img {
	width: 100%;
	margin: 0;
	padding-top: .25em;
}

.verticalSingle img {
	max-width: 100%;
}

.textBlock {
	width: 25%;
	padding: 0;
	vertical-align: top;
	margin-top: .5em;
}

.horizontalDouble {
	width: 17%;
}

.verticalSingle {
	width: 15.5%;
}

.facebook {
	z-index: 15;
	position: relative;
	left: 4em;
	top: -1em;
	max-width: 25%;
	
}

.serviceHeader {
	position: relative;
	top: .5em;
}

.serviceText {
	width: 55%;
	margin-top: 2em;
}

.tagline {
	position: absolute;
	top:-4em;
	right: 2em;
}

.tagline h1 {
	margin: 0;
	max-width: 100%;
}

.cards {
	position: absolute;
	display: inline-block;
	width: 100%;
	top: -5em;
	right: 5em;

}
.cards ul {
	max-width: 70%;
	position: relative;
	bottom: 0;
	left: 4em;
	margin-left: auto;
	margin-right: 0;
}

.cards li{
	font-size: .75em;
	margin: 0 -.75em 0 -.75em;
}

.one {
	top: 2em;
	-ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
	z-index: 10;
}

.one:hover {
	top: 1em;
	-ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.two {
	top: 1em;
	right: 0em;
	-ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg);
	z-index: 9;
}

.two:hover {
	top: 0em;
	-ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg);
}

.three {
	top: 2em;
	-ms-transform: rotate(5deg); 
    -webkit-transform: rotate(5deg); 
    transform: rotate(5deg);
	z-index: 8;
}

.three:hover {
	top: 1em;
	-ms-transform: rotate(5deg); 
    -webkit-transform: rotate(5deg); 
    transform: rotate(5deg);
}

.four {
	top:.5em;
	bottom: 0em;
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);
	z-index: 7;
}

.four:hover {
	bottom: 0em;
	top: 0em;
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);
}

.five {
	top: 2em;
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari */
    transform: rotate(5deg);
	z-index: 6;
}


.five:hover {
	top: 1em;
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari */
    transform: rotate(5deg);
}

.six {
	top: 1em;
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);
}

.six:hover {
	top: 0em;
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);
}

}