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

/*font-family: 'Saira Stencil One', sans-serif;*/

/* Fonts */
body {
    font-family: sans-serif;
    margin: 0;
}
a{
	font-family: sans-serif;
	color: #00aaff;
	font-size: 20px;
	text-decoration: none;
	}
a:hover{
	text-decoration: underline;
}
h1{
		font-family: 'Saira Stencil One', sans-serif;
		font-size: 30px;
		color: #000;
		text-decoration: none;
	}
h1.white{
		font-family: 'Saira Stencil One', sans-serif;
		font-size: 30px;
		color: #fff;
		text-shadow: 1px 3px 5px #000;
		text-decoration: none;
	}
h2 {
		font-family: 'Saira Stencil One', sans-serif;
		font-size: 30px;
		color: #000;
		text-decoration: none;
	}
h2.white{
		font-family: 'Saira Stencil One', sans-serif;
		font-size: 30px;
		color: #fff;
		text-decoration: none;
	}
h3 {
		font-family: 'Saira Stencil One', sans-serif;
		font-size: 30px;
		color: #000;
		text-decoration: none;
	}
h3.white{
		font-family: 'Saira Stencil One', sans-serif;
		font-size: 30px;
		color: #fff;
		text-decoration: none;
	}
h4 {
		font-family: sans-serif;
		font-size: 20px;
		color: #000;
		text-decoration: none;
	}
h4.white {
		font-family: sans-serif;
		font-size: 20px;
		color: #fff;
		text-decoration: none;
	}
h5 {
		font-family: 'Saira Stencil One', sans-serif;
		font-size: 50px;
		color: #000;
		text-decoration: none;
	}
h5.white{
	font-family: 'Saira Stencil One', sans-serif;
	font-size: 50px;
	color:#fff;
	text-decoration: none;
}
h6 {
		font-family: 'Saira Stencil One', sans-serif;
		font-size: 30px;
		color: #000;
		text-decoration: none;
	}
h6.white{
	font-family: 'Saira Stencil One', sans-serif;
	font-size: 30px;
	color:#fff;
	text-decoration: none;
}
p{
		font-family: sans-serif;
		font-size: 18px;
		color: #404040;
		text-decoration: none;
	}
p.nav-white{
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
p.btn-white{
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
p.light{
	font-family: sans-serif;
	font-size: 10px;
	color: #808080;
}
p.white{
		font-family: sans-serif;
		font-size: 18px;
		color: #fff;
	}
p.small-white{
	font-family: sans-serif;
	font-size: 16px;
	color: #fff;
}
p.light-grey{
		font-family: sans-serif;
		font-size: 18px;
		color: #BFBFBF;
		font-weight:normal;
	}
p.grey{
		font-family: sans-serif;
		font-size: 20px;
		color: #808080;
		font-weight:normal;
	}
p.grey-italic{
		font-family: sans-serif;
		font-size: 14px;
		font-style:italic;
		color: #808080;
	}
p.green{
	font-family: sans-serif;
	font-size: 20px;
	color: #11b94d;
	
}
p.foot-font {
	font-family: sans-serif;
	font-size: 12px;
	color: #fff;
}
p.small-dark-grey {
	font-family: sans-serif;
	font-size: 12px;
	color: #404040;
}
p.footer-foot-font {
	font-family: sans-serif;
	font-size: 10px;
	color: #808080;
}

/* Header */
.online-booking {
    background: #11b94d;  
}
.online-booking-button{
	position: fixed; 
	top: 10px;
	right: 0px;	
	z-index: 10;
	}
.payment{
	padding: 5px 0px 5px 5px;
	float: left;
}
.header {
    padding: 30px 0px 120px 0px;
    text-align: center;
    background: #11b94d;
}
.main-logo{
	float: left;
	margin: 0px 0px -200px 30px;
}
.nav {  
	padding: 5px 0px 5px 0px;
	margin: 0px;
	background-color: #000;
	display: flex;
	border-top: 3px solid #0d1813;
}
.phone-number{
	text-align: center;
	flex: 50%;
	border-right: 1px solid #404040;
}
.phone-icon{
	text-align: center;
	padding-top: 5px;
	flex: 16%;
	border-right: 1px solid #404040;	
}
.email-icon{
	text-align: center;
	padding-top: 5px;
	flex: 16%;
	border-right: 1px solid #404040;	
}

.menu-icon{
	text-align: center;
	padding-top:5px;
	flex: 18%;
}
.social-icons{
	display: grid;
	grid-template-columns: 40px 40px 40px 40px;
	float: left;
	margin: 0px auto auto 30px;
}

/* Hovers */
.shadow:hover{
	box-shadow: 0px 2px 5px 0px #000;
}
.opacity:hover{
	opacity: 0.8;
}

/* Homepage */
.main-box{
	display: flex;
	margin: 100px 0px 0px 0px;
}
.main-text{
	margin: 75px -50px 0px 50px;
	text-align: right;
	flex: 40%;
}
.main-image{
	margin: -99px 0px 0px 0px;
	z-index: -1;
	flex: 60%;
}
.link-pairs{
	display: inline-block;
}
.main-link{
	float: right;
}
.sub-link{
	float: left;
	margin: 16px;
}

/* Main Options */
.main-options{
	text-align: center;
	background-color: #000;
	margin: -4px 0px 0px 0px;
	padding: 100px 50px 100px 50px;
}
.main-options-heading{
	margin: 0px 50px 0px 50px;
}
.main-options-grid{
	justify-content: center;
	display: grid;
	grid-template-columns: 300px 300px 300px 300px;
	align-items: flex-start;
	grid-gap: 50px;
	margin: 100px auto 50px auto;
}
.main-option{
	border: 1px solid #fff;
}
.main-option-image{
	text-align: center;
	margin: -25px 0px 0px 0px;
	z-index: 1;
}
.main-option-text{
	text-align: left;
	margin: 0px 25px 25px 25px;
	
}
.main-option-title{
	text-align: left;
	margin: 0px 0px -25px 25px;
}


/*Long Distance*/
.long-distance{
	margin: 80px 0px -80px 0px;
	background-color:#fff;
	display: flex;
	}
.map-heading{
	flex: 50%;
	margin: 0px 30px 50px 100px;
	}
.map{
	flex: 50%;
	margin: 0px 0px 0px 0px;
	}
.map-link-pairs{
	display: inline-block;
}
.map-main-link{
	float: left;
}
.map-sub-link{
	float: right;
	margin: 16px;
}

/*Commercial Clients*/
.commercial-clients{
	margin: 0px;
	padding: 100px 0px 50px 0px;
	background-color: #14663d;
	text-align:center;
	}
.comercial-clients-heading{
	margin: 0px 50px 0px 50px;
}
.commercial-clients-grid{
	justify-content: center;
	display: grid;
	grid-template-columns: 225px 225px 225px 225px 225px 225px;
	padding: 50px auto 50px auto;
	}
.commercial-client{
	padding: 50px;
	}

/*Google Map*/
	.google-map{
		z-index: -1;
		border-top: 1px solid #fff;
	}

/* Footer */
	.book-now-footer{
		text-align: center;
		margin: -60px 0px 0px 0px;
		z-index: 1;
	}
	.footer {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		grid-gap:50px;
		padding: 30px;
		text-align: center;
		background-color: #000;
	}
	.footer-link a{
		color:#fff;
		font-size: 16px;
		font-weight: bold;
	}
	.footer-foot{
		background-color:#151515;
		padding: 1px;
		text-align:right;
	}

/*REVIEWS*/
.reviews-page{
	background-color: #dae4e5;
	margin: 0px;
	padding: 100px 25px 100px 25px;
}
.reviews-heading{
	text-align: center;
	margin: 0px 25px 25px 25px;
}
.reviews-container{
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 25px;
	margin: 100px;
	justify-content: center;
}
.social-icon{
	float: right;
	margin: -25px 0px auto auto;
}
.review-content{
	background-color: #fff;
	padding: 25px;
	margin: 0px;
	border: 1px solid #999;
}

/*LOCATIONS*/
.locations-page{
	background-color: #dae4e5;
	margin: 0px;
	padding: 100px 25px 100px 25px;
}
.locations-heading{
	text-align: center;
	margin: 0px 25px 25px 25px;
}
.locations-container{
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 50px;
	margin: 100px;
	justify-content: center;
}
.locations-box{
	background-color: #fff;
	margin: 0px;
	border: 1px solid #999;
}
.locations-image{
	margin: 0px;
}
.locations-text{
	padding: 0px 25px 25px 25px;
}

/*LOCATION*/
.location-container{
	display: flex;
	margin: 100px 0px 0px 0px;
	background-color: #fff;
}
.location-heading{
	flex: 45%;
	text-align: right;
	margin: 0px -100px 0px 100px;
	z-index: 1;
}
.location-image{
	flex: 55%;
	margin: -99px 0px 0px 0px;
}
.places{
	background-color: #000;
	margin: -3px 0px 0px 0px;
	padding: 100px 25px 50px 25px;
}
.places-heading{
	text-align: center;
}
.places-grid{
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 25px;
	margin: 100px;
}
.place{
	padding: 25px;
	border: 1px solid #bfbfbf;	
}

/* Directory */
	.directory{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		grid-gap:30px;
		margin: 100px 30px 100px 30px;
		background-color: #FFFFFF;
	}
	.directory-item{
		text-align: left;
	}

/*Page*/
	.page{
		background-color: #dae4e5;
		padding: 100px 30px 100px 30px;
		text-align: center;
	}
	.text-box{
		background-color: #fff;
		text-align: left;
		padding: 50px 30px 100px 30px;
		box-shadow: 0px 2px 5px 0px #808080;
		border: 1px solid #fff;
	}
/*Pricing*/
	.pricing-heading{
		background-color: #fff;
		text-align: center;
		margin: 100px;
	}
/* Prices */
	.pricing{
		text-align: center;
		margin: 0px;
	}
	.hourly-pricing{
		background-color: #dae4e5;
		margin: 0px;
		padding: 100px 30px 30px 30px;
		border-bottom: 1px solid #fff;
	}
.price-type-heading{
	margin: 10px 25% 100px 25%;
}
	.pricing-grid-hourly{
		display: grid;
		grid-template-columns: 384px 384px 384px 384px;
		align-items: flex-start;
		grid-gap: 25px;
		padding: 0px 0px 20px 0px;
		margin: 0px auto 100px auto;
		justify-content: center;
	}
	.pricing-grid-special{
		display: grid;
		grid-template-columns: 384px 384px 384px 384px;
		align-items: flex-start;
		grid-gap: 25px;
		padding: 0px 0px 20px 0px;
		margin: 0px auto 100px auto;
		justify-content: center;
	}
.moving-packages{
	background-color:#14663d;
	margin: 0px;
	padding: 100px 30px 30px 30px;
}
.pricing-grid-moving-packages{
	display: grid;
		grid-template-columns: 384px 384px 384px 384px;
		align-items: flex-start;
		grid-gap: 25px;
		padding: 0px 0px 20px 0px;
		margin: 0px auto 100px auto;
		justify-content: center;
}
.pricing-grid-packers{
	display: grid;
		grid-template-columns: 384px 384px 384px 384px;
		align-items: flex-start;
		grid-gap: 25px;
		padding: 0px 0px 20px 0px;
		margin: 0px auto 100px auto;
		justify-content: center;
}
.hourly-packers{
	margin: 0px;
	padding: 100px 30px 30px 30px;
	text-align: center;
}
.special-moving{
	background-color: #000;
	margin: 0px;
		padding: 100px 30px 30px 30px;
	border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1700px){
	.pricing-grid-hourly, .pricing-grid-special, .pricing-grid-moving-packages, .pricing-grid-packers{
		grid-template-columns: 384px 384px 384px;
	}
	.price-type-heading{
	margin: 10px 20% 100px 20%;
}
}
@media screen and (max-width: 1300px){
	.pricing-grid-hourly, .pricing-grid-special, .pricing-grid-moving-packages, .pricing-grid-packers{
		grid-template-columns: 384px 384px;
	}
	.price-type-heading{
	margin: 10px 15% 100px 15%;
}
}
@media screen and (max-width: 900px){
	.pricing-grid-hourly, .pricing-grid-special, .pricing-grid-moving-packages, .pricing-grid-packers{
		grid-template-columns: 384px;
	}
	.price-type-heading{
	margin: 10px 10% 100px 10%;
}

}
	.pricing-option-hourly{
		background-color: #FFFFFF;
		padding: 0px;
		margin: 0px;
		text-align: left;
		border: 1px solid #14663d;
		height: auto;
	}
	.pricing-option-special{
		background-color: #000000;
		padding:0px;
		margin: 0px;
		text-align: left;
		border: 1px solid #fff;
	}
.pricing-option-moving-packages{
		background-color: #fff;
		padding:0px;
		margin: 0px;
		text-align: left;
		border: 1px solid #00aaff;
	}
.pricing-option-packers{
		background-color: #fff;
		padding:0px;
		margin: 0px;
		text-align: left;
		border: 1px solid #000;
	}
	.pricing-image{
		margin: 0px 0px 100px 0px;
		top: 0;
	}
	.pricing-text{
		margin: -80px 30px 30px 30px;
	}
.pricing-text-packers{
		margin: 30px 30px 30px 30px;
	}
	.price{
		text-align: center;
		margin: -50px 0px -100px 0px;
		
	}
	.hours{
		text-align: center;
		margin: 0px 0px 0px 0px;
	}
.add-on-price{
	text-align: center;
	margin: -70px 0px -80px 0px;
}
.add-on-description{
	text-align: center;
	margin: 0px 0px 50px 0px;
}
	.pricing-info{
		background-color: #14663d;
		margin: 30px 0px 0px 0px;
	}
.pricing-info-black{
		background-color: #000000;
		margin: 30px 0px 0px 0px;
	}
.pricing-info-grey{
		background-color: #dae4e5;
		margin: 30px 0px 0px 0px;
	}
	.pricing-button-container{
		display: flex;
	}
	.pricing-blank-left{
		flex: 1%;
	}
	.pricing-blank-right{
		flex: 1%;
	}
	.pricing-button{
		flex: 98%;
		text-align: center;
		margin: -25px 0px 0px 0px;
	}
	.pricing-info-text{
		text-align: center;
		padding: 10px 30px 30px 30px;
	}
	.hours-of-service{
		text-align: center;
		padding: 10px 30px 30px 30px;
		border-top: 1px solid #dae4e5;
	}
.extras-heading{
	text-align: center;
	margin: 100px 50px 100px 50px;
}
.extras-grid{
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-row-gap: 25px;
	grid-column-gap: 50px;
	margin: 0px 120px 100px 120px;
}
.extra{
	text-align: left;
}
@media screen and (max-width: 1600px){
	.extras-grid{
		grid-template-columns: auto auto auto;
		margin: 0px 90px 100px 90px;
	}
}
@media screen and (max-width: 1200px){
	.extras-grid{
		grid-template-columns: auto auto;
		margin: 0px 60px 100px 60px;
	}
}
@media screen and (max-width: 800px){
	.extras-grid{
		grid-template-columns: auto;
		margin: 0px 30px 100px 30px;
	}
}
/*About*/
	.about-heading{
		padding: 100px 30px 300px 30px;
		background-image: url(images/about-hero.jpg);
		background-position: center;
		background-size: cover;
		text-align:center;
		z-index: -1;
		border-top: 1px solid #dae4e5;
		border-bottom: 1px solid #fff;
	}
	.about{
		background-color: #dae4e5;
		padding: 100px 30px 100px 30px;
		text-align: center;
	}
	.about-text-box{
		background-color: #fff;
		margin: -150px 0px 100px 0px;
		padding: 50px 30px 100px 30px;
		box-shadow: 0px 2px 5px 0px #808080;
		border: 1px solid #fff;
	}


/*Services*/
	.services-heading{
		padding: 100px 30px 300px 30px;
		background-image: url(images/services-hero.jpg);
		background-position: center;
		background-size: cover;
		text-align:center;
		z-index: -1;
		border-top: 1px solid #dae4e5;
		border-bottom: 1px solid #fff;
	}
	.services{
		background-color: #dae4e5;
		padding: 100px 30px 100px 30px;
		text-align: center;
	}
	.services-grid{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		grid-gap: 30px;
		padding: 50px 0px 50px 0px;
		margin: -200px 0px 0px 0px;
	}
	.service{
		background-color: #fff;
		padding:0px;
		box-shadow: 0px 2px 5px 0px #808080;
		margin: 0px;
		text-align: left;
		border: 1px solid #fff;
	}
	.service-title{
		padding: 0px 30px 0px 30px;
	}
	.service-text{
		padding: 0px 30px 50px 30px;
	}
	.service-button{
		background-color: #000000;
		width: 150px;
		height: 50px;
		text-align: center;
		float: right;
		margin: 0px 30px 350px 0px;
		padding: 0px;
	}
	.service-button:hover{
		border-radius: 25px;
	}
	.service-image{
		margin: 0px;
	}
	.brands{
		margin: 50px 0px 50px 0px;
	}
	.brands-grid{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		grid-gap: 10px;
		margin: 100px 30px 100px 30px;
	}
/*Coming Soon*/
	.coming-soon{
		background-color: #fff;
		padding: 100px 30px 100px 30px;
		box-shadow: 0px 2px 5px 0px #808080;
		border: 1px solid #fff;
	}
/* Booking */
	
	.booking-heading{
		background-color: #fff;
		padding: 50px 0px 0px 0px;
		text-align: center;
		margin: 0px 50px 0px 50px;
	}
	.booking-widget{
		background-color: #fff;
		margin: -20px 0px 0px 0px;
		text-align: center;
	}
.booking-tips{
	margin: 60px 50px 50px 50px;
}
/* Free Estimate */
	.free-estimate{
		background-color: #dae4e5;
		padding: 100px 30px 100px 30px;
		text-align: center;
	}
	.free-estimate-heading{
		margin:20px;

	}
	.free-estimate-form{
		background-color: #fff;
		margin: 100px 0px 50px 0px;
		padding: 30px 30px 50px 30px;
		box-shadow: 0px 2px 5px 0px #808080;
		border: 1px solid #fff;
		text-align: left;
	}


/* Contact */
	.contact{
		background-color: #dae4e5;
		padding: 100px 30px 100px 30px;
		text-align: center;

	}
	.contact-heading{
		margin:20px;

	}
	.contact-form{
		background-color: #fff;
		margin: 100px 0px 50px 0px;
		padding: 30px 30px 50px 30px;
		box-shadow: 0px 2px 5px 0px #808080;
		border: 1px solid #fff;
		text-align: left;
	}
/* Customer Feedback */
	.customer-feedback{
		background-color: #dae4e5;
		padding: 100px 30px 100px 30px;
		text-align: center;

	}
	.customer-feedback-heading{
		margin:20px;

	}
	.customer-feedback-form{
		background-color: #fff;
		margin: 100px 0px 50px 0px;
		padding: 30px 30px 50px 30px;
		box-shadow: 0px 2px 5px 0px #808080;
		border: 1px solid #fff;
		text-align: left;
	}

/*Privacy Policy*/
.privacy-policy{
	margin: 100px 30px 100px 30px;
}
/*Terms and Conditions*/
.terms-and-conditions{
	margin: 100px 30px 100px 30px;
}

/*Images*/
.full-width{
	max-width: 100%;
}

/* Forms */
	input[type=text], select, textarea {
		font-family: sans-serif;
		width: 100%;
		height: 50px;
		padding: 12px; 
		border: 1px solid #ccc;
		box-sizing: border-box; 
		margin-top: 6px; 
		margin-bottom: 16px;
		resize: vertical 
	}
	textarea{
		height: 300px;
	}
	input[type=submit] {
		background-color: #000;
		color: white;
		padding: 12px 20px;
		border: none;
		cursor: pointer;
		font-size: 18px;
		font-weight:bold;
	}
	input[type=submit]:hover{
		border-radius: 25px;
	}
@media screen and (max-width: 1500px){
	.main-options-grid{
		grid-template-columns: 300px 300px 300px;
	}
	.reviews-container{
	grid-template-columns: auto auto auto;
	margin: 100px 75px;
	}	
}
@media screen and (max-width: 1100px){
	.main-options-grid{
		grid-template-columns: 300px 300px;
	}
	.reviews-container{
	grid-template-columns: auto auto;
	margin: 100px 50px;
	}
	.locations-container{
	grid-template-columns: auto;
	margin: 100px 50px;
	}
}
@media screen and (max-width: 700px){
	.main-options-grid{
		grid-template-columns: 300px;
	}
	.reviews-container{
	grid-template-columns: auto;
	margin: 100px 25px;
	}
	.locations-container{
	margin: 100px 25px;
	}
}

@media screen and (max-width: 1280px){
	.main-box{
		display: flex;
		margin: 100px 0px 0px 0px;
	}
	.main-text{
		margin: 0px -50px 0px 50px;
		text-align: right;
		flex: 40%;
	}
	.main-image{
		margin: -99px 0px 0px 0px;
		z-index: -1;
		flex: 60%;
	}
	.link-pairs{
		display: inline-block;
	}
	.main-link{
		float: right;
	}
	.sub-link{
		float: left;
		margin: 16px;
	}
@media screen and (max-width: 1200px){
	.location-heading{
		margin: -50px -100px 0px 50px;
	}

}
@media screen and (max-width: 1000px){
	.location-container{
		display: grid;
		grid-template-columns: auto;
		margin: 100px 0px 0px 0px;
		background-color: #fff;
	}
	.location-heading{
		text-align: left;
		margin: 0px 25px 0px 25px;
		z-index: 1;
	}
	.location-image{
		flex: 55%;
		margin: -36px -25px 0px -25px;
	}
}
@media screen and (max-width: 1100px){
	.main-box{
		margin: 100px 0px 0px 0px;
		display: grid;
		grid-template-columns: auto;
	}
	.main-text{
		margin: 0px 50px 0px 50px;
		text-align: left;
	}
	.main-image{
		margin: -30px 0px 0px 0px;
		z-index: -1;
	}
	.link-pairs{
		display: inline-block;
	}
	.main-link{
		float: right;
	}
	.sub-link{
		float: left;
		margin: 16px;
	}
}
@media screen and (max-width:1500px){
	.long-distance{
	margin: 80px 0px 0px 0px;
	}
}
@media screen and (max-width: 1100px) {
    .long-distance{
		display: block;
		margin: 80px 0px -80px 0px;
	}
	.map{
		margin: 0px 0px 0px 100px;
	}
	.map-heading{
		flex: 50%;
		margin: 0px 50px 50px 50px;
	}
}
@media screen and (max-width: 800px) {
	
	.map{
		margin: 0px 0px 0px 50px;
	}
}
@media screen and (max-width: 600px) {
    .nav, .navlink, .four, .navbar {   
		flex: 100%;
    }
	
	.map{
		margin: 0px 0px 0px 25px;
	}
}
@media screen and (max-width: 1500px){
/*Commercial Clients*/
.commercial-clients-grid{
		grid-template-columns: 225px 225px 225px 225px 225px;
	}
@media screen and (max-width: 1250px){
.commercial-clients-grid{
		grid-template-columns: 225px 225px 225px 225px;
	}
}
@media screen and (max-width: 1000px){
.commercial-clients-grid{
		grid-template-columns: 225px 225px 225px;
	}
}
@media screen and (max-width: 750px){
.commercial-clients-grid{
		grid-template-columns: 225px 225px;
	}
}
@media screen and (max-width: 500px){
/*Commercial Clients*/
.commercial-clients-grid{
		grid-template-columns: 225px;
	}
/*linkpairs*/
	.link-pairs{
		display: grid;
		grid-template-columns: auto;
	}
	.map-link-pairs{
		display: grid;
		grid-template-columns: auto;
	}
}

@media screen and (max-width: 500px) {
    .services-image, .services-heading {   
		flex: 100%;
    }
}
@media screen and (max-width: 1800px) {
	.option-button{
		margin-bottom: 300px;
	}
}
@media screen and (max-width: 1400px) {
	.option-button{
		margin-bottom: 250px;
	}
}
@media screen and (max-width: 1200px) {
	.option-button{
		margin-bottom: 200px;
	}
}
@media screen and (max-width: 1036px) {
	.option-button{
		margin-bottom: 300px;
	}
	.opt3{
	margin: 0px 0px 0px 0px;
	}
}
@media screen and (max-width: 950px) {
	.option-button{
		margin-bottom: 250px;
	}
}
@media screen and (max-width: 800px) {
	.option-button{
		margin-bottom: 200px;
	}
}
@media screen and (max-width: 706px) {
	.option-button{
		margin-bottom: 350px;
	}
	.opt2{
	margin: 0px 0px 0px 0px;
	}
}
@media screen and (max-width: 630px) {
	.option-button{
		margin-bottom: 300px;
	}
}
@media screen and (max-width: 500px) {
	.option-button{
		margin-bottom: 250px;
	}
}

@media screen and (max-width: 360px) {
	.reviews-grid, .options-grid, .services-grid, .pricing-grid{
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
}



	
	
		