@charset "utf-8";
/* CSS Document */

.imageMobile{display:none;}
.imageDesktop{display:block;}

.halloween{color:white; position: absolute; margin:0 auto; text-align:center; right: 8%;
top: 25%;
width: 44%; font-weight:500;}
.halloween li{display:inline-block; padding-right:25px; list-style:none; padding-top:25px;}
.halloween .divider{margin:25px auto;}


	#halloweenservices{background-color:white; text-align:center;}
	#halloweenservices ul{width:100%; background-color:#F6F6F6; margin:0; padding:0;  text-align:center; }
	#halloweenservices li{position:relative; display:inline-block; width:20%; min-width:270px; margin:0 25px 45px 0; padding-top:30px; padding-bottom: 65px; list-style:none; color:black; background-color: #F6F6F6; vertical-align:top; text-align:center; }
	#halloweenservices img{margin: 0 auto; padding-bottom:25px; width:100%;}
	#halloweenservices p{ padding-bottom:25px;}
	#halloweenservices .button{text-transform:uppercase; position:absolute; bottom:0; margin:0 auto; left:0; right:0; background-color:black; border:2px solid black;}
	#halloweenservices .button:hover{border:2px solid black; background-color:transparent; color:black;}
	
	.halloweenButton .button{text-transform:uppercase; margin:0 auto; background-color:black; border:2px solid black;}
	.halloweenButton .button:hover{border:2px solid black; background-color:transparent; color:black;}

.imageUL li::after {

    width: 100%;
    box-shadow: 0 475px 45px 15px rgb(246, 246, 246), 0 675px 45px 15px rgb(246, 246, 246), 0 75px 10px 5px #C3C3C3;
    position: absolute;
    top: -50px;
    content: '';
    left: 0;
    right: 0;
    z-index: -1;
	height:90%;
}

@media (max-width:1540px)

{	.halloween{right: 5%;
top: 20%;
width: 55%;}

.walkin{display:none;}
}



@media (max-width:1230px)

{
.halloween h1{font-size:55px;}
.halloween{
position: static;
width: 95%;
text-align: center;
margin: 0 auto; padding-bottom:45px;}

	#halloweenservices ul{display:unset; border-spacing:25px; width:100%; height:240px; background-color:unset; margin-top: 5%; }
	#halloweenservices li{display:inline-block; margin: 2% auto; width:90%; max-width:450px;}
	#halloweenservices img{position: static;bottom: 85px; margin: 0 auto;left: 0;right: 0; width:80%}
	#halloweenservices p{width:80%; margin:0 auto;}
	#halloweenservices .button{text-transform:uppercase; position:absolute; bottom:20px; margin:0 auto; left:0; right:0;}
.walkin{display:block !important;}

}

@media (max-width:850px){
.imageMobile{display:block;}
.imageDesktop{display:none;}

}