na/*===================== 
	Color information
	
	- Dark Blue : #025591
	- Blue		: #3d7d3d
	- Register	: #000000
	- Black		: #1b1b1b
	- Yellow	: #ffe53a

	Font information
	
	- Titles	: Barlow
	- Body		: Anton
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}

/*===================== na
	base styles 
=======================*/

html {
    font-family: Arial, sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    margin: 0;
    height: 100%;
}

.row {
	margin: 0!important;
}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}


p {
	margin: 0;
	}

	
h1 {
	color: black;
	font-family: 'Anton', sans-serif;
	font-size: 40px;
	letter-spacing: 1px;
}
		

h2 {
    font-family: 'Anton', sans-serif;
}

	
h3 {
    font-family: 'Anton', sans-serif;
}

/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted;/*reset*/
	}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    text-decoration:none;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: none;
		}  

a {color: #333;font-weight: 600;}
a:hover {color: #000;}


/*===================== 
	header styles 
=======================*/


header {
	margin: 0 auto;
	width: 100%;
	color: white!important;
}
.btm-head {
    border-bottom: 10px solid #3d7d3d;
    padding: 10px 1%!important;
    background-color: #ffffff;
}

.logo {
    width: 100%;
    max-width: 400px;
    height: auto;
	display: block;
	margin: auto;
}

.col-md-3 {
    padding: 0;
}

.header-sides {
	padding: 15px 25px 10px 25px!important;
	font-family: 'Barlow', sans-serif;
	font-size: 16px;
    color: white;
    font-weight: 800;
    background-color: #3d7d3d;
}

.header-right {
	text-align: right;
	line-height: 200%;
}

.headerfloat {
    display: inline-block;
    list-style: none;
    color: white;
}


.fixed-top {
    position: sticky;
    top: 0; 
    width: 100%; 
    z-index: 999998;
}
.head-social {
	padding:10px 0 0 0;
	text-align: center;
}
.head-social a {
	color:rgba(255,255,255,1.0);
	font-size: 30px;
	padding:0 10px;
}
.head-social a:hover {
	color:rgba(255,255,255,0.8);
}


/*===================== 
	content styles 
=======================*/


.content-area {
    margin: auto!important;
    width: 80%;
    height: 100%!important;
}

.content-test {
	padding: 100px 0px 100px 0px;
	margin: auto;
	height: 100%;
}

.content-container {
	width: 90%;
	padding: 25px 0px;
	margin: auto;
	height: auto;
}
.container-1 {
	max-width: 1100px;
	margin:0 auto;
	box-sizing: border-box;
	padding:40px 10px;
}

.col-md-4 {
    padding: 0!important;
}


.col-md-6 {
	height: 100%;
	margin: auto;
}

.grid-left {
	padding-left:0;
}

.no-padding {
    padding: 0px 0px 25px 0px!important;
}



.grid-images {
	width: 100%;
}

input[type=text] {
	width: 100%;
	margin: 10px 0px;
	padding: 10px 10px;
	border: none;
	font-family: 'Barlow', sans-serif;
	font-size: 16px;
}

input {

	margin: 10px 0px;
	padding: 10px 10px;
	border: none;
	font-family: 'Barlow', sans-serif;
	font-size: 16px;
}
.lower-background {
	background-image: linear-gradient(to top, rgba(255, 255, 255, .5), rgba(255, 255, 255, 1)), url("../siteart/stripes-yellow.png")!important;
    background-repeat: no-repeat;
    background-size: cover;
	width: 100%;
	height: 150px;
}
.contact-wrap{
	width: 100%;
	margin: auto;
	height: 100%;
	background: #fff;
}
.contact-cont-1 {
	width:80%;
	padding: 100px 0px 0 0px;
	margin:auto;
}
.contact-flex-1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:20px 10px;
	box-sizing: border-box;
	width:100%;
}
.contact-info-1 {
	width:19%;
}
.contact-info-1 ul {
	padding:0;
	margin: 0;
}
.contact-info-1 ul li {
	padding:0;
	margin:0;
	list-style: none;
}
.listpad-1 {
	padding:10px 0!important;
}
.map-cont-1 {
	width:77%;
	height: 400px;
}


button.grid-button {
	color: white;
	background-color: #3d7d3d;
	font-family: 'Barlow', sans-serif;
	font-size: 16px;
	padding: 10px 10%;
	margin: 5px 0px;
	border: none;
	width: 100%;
}

button.grid-button:hover {
	background-color: #479647;
}

button.yellow {
	background-color: #ffe53a;
	color: black;
	font-family: 'Barlow', sans-serif;
	margin: 20px 0px;
	padding: 10px 0%!important;
	width: 200px!important;
	float: right;
}

button.yellow:hover {
	background-color: #ffcc39;
}


.google-maps {
    position: relative;
    padding-bottom: 0%;
    height: 100%;
    max-height: 700px;
    width: 100%;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    padding: 0!important;
}

.col-md-8 {
    padding: 0!important;
}

.thankyou-center {
    margin: auto;
    text-align: center;
}


/*---POP-UP -----------------------------------*/

*, *:after, *:before {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
}
.box {
                width: 30%;
                margin: 0 auto;
                background: rgba(0,0,0,0.2);
                padding: 35px;
                border-radius: 20px/50px;
                background-clip: padding-box;
                text-align: center;
}
.popup .close {
    position: absolute;
    top: 10px;
    right: 15px;
                transition: all 0.2s;
                font-size: 30px;
                font-weight: bold;
                text-decoration: none;
                color: #000;
                border: 1px solid #000;
                padding:2px 6px;
}

.popup {
    box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2);
}

.popup .close:hover {
  background: #ebebeb;
}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
                content:"";
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: block;
                background: rgba(0, 0, 0, 0.7);
                position: fixed;
                z-index: 999999999;
}
.overlay .popup {
                background: #ffffff;
                border:10px solid #3d7d3d;
                border-radius: 5px;
                width: 100%;
                max-width: 600px;
                position: fixed;
                top: 6vw;
                left: 0;
                right: 0;
                float:none;
                padding: 40px 60px;
                margin: 0 auto;
                text-align:left;
                z-index: 9999999999;
                -webkit-transition: all 0.6s ease-in-out;
                -moz-transition: all 0.6s ease-in-out;
                transition: all 0.6s ease-in-out;
                color:#000;
                font-size: 16px;font-weight: 400;
}
.overlay:target .popup {
    top: -180%;
    left: -100%;
}

.location-ping {
    width: 150px;
    padding: 0px 0px 20px 0px;
    margin: auto;
    text-align: center;
}

.map {margin-bottom: -5px;}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
	height: 90px;
    overflow:hidden;
    margin: 0!important;
}
 
.scrolling{
    width:100%;
    margin: 0!important;
}


/*  FORM STYLES
------------------------------------------------*/
.form-styles {
    margin: auto;    
}

.black-h1 {
    color: black;
}

.form-inputs {
    border: 1px solid gray!important;
    width: 100%!important;
    height: 30px!important;
    padding: 0 0 0 10px!important;
}

.comments {
    border: 1px solid gray!important;
    width: 100%!important;
    height: 300px!important;
}

table#formpage {
    width: 100%;
}

input.CaptchaAnswer {
    max-width: 250px;
    display: block;
    padding: 0px 0px 0px 0px;
}

.CaptchaPanel {
    width: 300px!important;
    margin: auto;
    display: block;
}

.CaptchaAnswerPanel {
    border: 1px solid gray!important;
    padding: 0px 0px 0px 0px!important;
}

.formbutton {
    background-color: #3d7d3d;
	color: #fff;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	margin: 20px 0px;
	padding: 10px 0%!important;
	width: 300px!important;
	text-transform: uppercase;
}

.formbutton:hover {
	background-color: #000;	
}

/*  SEARCH STYLES
------------------------------------------------*/
h2.customsearch-title {
    margin: 0 0 25px 0;
}

.searchBg {
    margin: auto;
    align-content: center;
    width: 100%;
}

.grid-search {
	background-color: #1b1b1b;
	background-image: url("../siteart/stripes-black.png");
    background-repeat: no-repeat;
    background-size: cover;
	height: 4.25in;
    padding: 100px 15% 50px 15%;
    margin-top: 75px;
}

input.submitbtn {
	background-color: #3d7d3d;
	font-family: 'Barlow', sans-serif;
	margin: 20px 0px;
	padding: 13px 0%!important;
	width: 200px!important;
    float: right;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
}

input.submitbtn:hover {
	background-color: #000;
}

.filter_textWidth {
    border: gray solid 1px;
    color: black;
    background-color: white;
    width: 250px;
    height: 30px;
    padding: 0 0 0 10px;
}

input.filter_textWidth {
    border: gray solid 1px;
    color: black;
    background-color: white;
    width: 100%;
    min-width: 250px;
    height: 30px;
    padding: 0 0 0 10px;
}

input.filter_text {
    border: gray solid 1px;
    color: black;
    background-color: white;
    width: 100%;
    min-width: 250px;
    height: 40px;
    padding: 0 0 0 10px;
    margin: 0!important;
}

.md-search {
    height: 100%;
}    

.col-xs-12 {
    padding: 0px;
}

.checkbox {
    width: auto!important;
}

/*===================== 
	footer styles 
=======================*/


footer {
	margin: 0 auto;
	width: 100%;
	background-color: #1b1b1b;
	color: white;
	border-top: 10px solid #3d7d3d;
	background-image: url("../siteart/stripes-black.png");
    background-repeat: no-repeat;
    background-size: cover;
	}

.footer-padding {
    padding: 25px 0px;
}

.container-fluid {
	padding: 0px;
}

a.footerlink {
	color: white!important;
}

a.footerlink:hover {
	text-decoration: underline!important;
}

.divfooter {
	
}

.footertext {
	color: #d6d5d5!important;
}

.smallfootertext {
	color: #d6d5d5!important;
	font-size: 11px!important;
}

/*===================== 
	nav styles 
=======================*/
.col-md-12 {
    padding: 0;
}

.nav-wrap {background-color: #1b1b1b;}

.navbar {
    margin: 0!important;
    align-content: center;
    border-radius: 0!important;
    border: none;
    text-align: center;
}

.navbar ul {
	width: 100%;
}

.navbar li {
	list-style: none;
	display: inline-block;
}

.navbar li a {
	display: inline-block;
	text-align: center;
	padding: 15px 45px;
    color: #aaa;
    transition: 0.3s;
	font-size: 16px; 
	font-weight: 800;
	font-family: 'Barlow',sans-serif;
}

.navbar li a:hover {
	background-color: #000!important;
	color: #fff;
}

#menu-button {
    color: #fff;
}

.topnav {
	padding: 35px 2%;
	background-image: url("/siteart/stripes-black.png");
	background-repeat: no-repeat;
    background-size: cover;
}

.desk-nav {
	border-top: solid 10px #3d7d3d;
	padding: 0 2%;
}

.righttop {
	text-align: right; 	
}

.head-hours {
	font-weight: 600;
	font-family: 'Barlow',sans-serif;
	font-size: 16px; 
	color: #fff;
	line-height: 25px;
}

.telephone {
	font-weight: 700;
	font-family: 'Barlow',sans-serif;
	font-size: 16px; 
	color: #fff;
	letter-spacing: 1px;
}
.telephone:hover {color:#3d7d3d;} 
.contact-info-left {
	float: left;
	position: relative;
	min-height: 1px;
}
.head-flex {
	display:flex;
	gap:10px;
}
.head-addy {
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border: 1px solid #fff;
}
.head-addy a {
	font-weight: 600;
	font-family: 'Barlow',sans-serif;
	font-size: 16px; 
	color: #fff;
}
.head-addy a:hover {color:#3d7d3d;}


/*===================== 
	mobile nav
=======================*/

#menu-button{ /* initially will need to be hidden */
	display: block;
	font-size: 20px;
	position: relative;
	z-index: 400;/* needs to be lower than nav.mobile, adjust as needed */
	text-align: right;
	min-height: 0 !important;
	}
	#menu-button a{
		 color:#fff;
		 text-decoration: none;
		 text-align: right !important;
	  }

nav.mobile {
	display:block;
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: rgba(0, 0, 0, 0.90);
	z-index: 500; /* needs to be higher than #menu-button, adjust as needed */
	overflow:auto;
	padding: 20px;
}
nav.mobile h3 { /* Menu header styles */
	position: relative;
	padding: 12px 10px;
	color: #000;
	font-size: 1.2em;
	font-weight: 400;
	border-bottom: 4px solid #222;
}
nav.mobile .menu-toggle { /* Menu close button */
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	padding: 6px 9px 5px;
	font-weight: 700;
	line-height: 1;
	background: #222;
	color: #999;
	text-decoration: none;
	vertical-align: top;
}
.menu-toggle {
	text-align: right;
	font-size: 28px;
	color: #000;
}

.menu-toggle a:hover {
	color: #fff !important;
}

.close_mobile {
	font-size: 35px !important;
	font-weight: 900;
	text-align: right;
}
.close_mobile:hover {
	cursor: pointer;
}

nav.mobile .menu-toggle:hover { /* Menu close button on hover */
	color: #fff;
}
nav.mobile ul {
	list-style: none;
	font-weight: 300;
	margin:0;
	padding:0;
}
nav.mobile ul li {
	padding: 8px 0 6px 0 !important;
}
nav.mobile ul li a {
	position: relative;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	letter-spacing: 1px;
	font-family: 'Barlow',sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}
nav.mobile ul li a:hover {
	color: #fff;
}


nav.mobile ul li li a { /* appearance of the sub-level links */
	position: relative;
	display: block;
	padding: 0px 10px 0px 15px;
	color: #000;
	text-decoration: none;
	text-transform: none !important;
}
nav.mobile ul li li li a { /* appearance of third level sub-level links if needed */
	background: #666;
	position: relative;
	display: block;
	padding: 10px 10px 10px 25px;
	color: #000;
	text-decoration: none;
}
nav.mobile ul li span.click{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
	background:url(../siteart/menu-dropdown-arrow.png) 10px 12px no-repeat;
	background-size:55%;
	position:relative;
	display:block;
	float:right;
	margin:-44px 0 0 0;
	cursor:pointer;
	z-index: 12399994;
	width:44px;
	height:44px;
	-webkit-transition:background-size .3s ease-in-out;
	-moz-transition:background-size .3s ease-in-out;
	transition:background-size .3s ease-in-out;
}
nav.mobile ul li span.click:hover{
	background-size:60%;
}

.mob-phone {padding-top: 10px;}
.mob-btn {
	width: 100%; 
	padding: 10px;
	border: none; 
	letter-spacing: 1px;
	font-family: 'Barlow',sans-serif;
	text-transform: uppercase;	
	font-size: 16px; 
	font-weight: 600;
	color: #fff;
	background-color: #3d7d3d;
}

/*===================== 
	placeholder styles 
=======================*/

.red {
    height: auto;
    padding: 0 0 0 15%!important;
}

.orange {
    height: auto;
    padding: 0 7.5% 0 7.5%!important;
}

.gold {
    height: 300px;
}

.green {
    height: auto;
    padding: 25px 7.5% 0 7.5%!important;
}

.blue {
    height: auto;
    padding: 25px 0 0 15%!important;
}

.purple {
    height: auto;
}

.black {
    height: auto;
    padding: 25px 15% 0 0!important;
}

.pink {
    height: 100%;
    background-color: none;
    padding: 20px 20px 20px 20px!important;
}

.teal {
    height: 500px;
    background-color: none;
}

.lime {
    height: auto;
    padding: 0 15% 0 0!important;
}

.transparent {
    background-color: none;
    height: auto;
}


/*===================== 
	footer styles 
=======================*/

footer {
	margin: 0;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:13px;
	color: #222;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:13px;
		color: #fff;
		}

.footertext {
	font-size:13px; 
	color:#666;
	}

.smallfootertext {
	font-size:10px; 
	color:#666;
	}

.divfooter {
	max-width:1200px; 
	text-align:center; 
	margin:0 auto;
	}
.pad0 {padding: 0;}

/*========================= 
	 Carousel Styles
===========================*/

#myCarousel .slides .slide-0, 
#myCarousel .slides .slide-1,
#myCarousel .slides .slide-2,
#myCarousel .slides .slide-3, 
#myCarousel .slides .slide-4, 
#myCarousel .slides .slide-5,
#myCarousel .slides .slide-6,
#myCarousel .slides .slide-7,
#myCarousel .slides .slide-8,
#myCarousel .slides .slide-9 {
  width: 100%;
  min-height: 35vw;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.carousel-item {
	height: 100%;
	min-height: 32.25vw;
	background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.map-padding {
    padding: 0px 0px!important;
}    
/*========================= 
	 button area
===========================*/

.btnwrap {
    height: 32.25vw;
}
.btnyellow,.btnblue {height: 50%;}

.carousel-yellow {
    height: 100%;
    width: 100%;
    padding: 5%;
    border: none;
    color: white;
    font-family: 'Anton', sans-serif;
	font-weight: 400!important;
    font-size: 25px;
	letter-spacing: 1px;
    background-color: #FFE53A;
    background-image: linear-gradient(to top, rgba(255, 229, 58, 0.95), rgba(255, 229, 58, 0.95)), url("../siteart/stripes-black.png");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center!important;
	text-shadow: 0 0 15px rgba(0,0,0,0.7);
}

.carousel-blue {
    height: 100%;
    width: 100%;
    padding: 5%;
    border: none;
    color: white;
    font-family: 'Anton', sans-serif;
	font-weight: 400!important;
    font-size: 25px;
	letter-spacing: 1px;
    background-color: #3d7d3d;
    background-image: linear-gradient(to top, rgba(78, 168, 78, 0.95), rgba(78, 168, 78, 0.95)), url("../siteart/stripes-black.png");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center!important;
	text-shadow: 0 0 15px rgba(0,0,0,0.7);
}

.carousel-blue:hover {
    background-color: #025591;
    background-image: linear-gradient(to top, rgba(71, 150, 71, 0.95), rgba(71, 150, 71, 0.95)), url("../siteart/stripes-black.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-yellow:hover {
    background-color: #ffcc39;
    background-image: linear-gradient(to top, rgba(255, 204, 57, 0.95), rgba(255, 204, 57, 0.95)), url("../siteart/stripes-black.png");
    background-repeat: no-repeat;
    background-size: cover;
}


/*========================= 
	 Inventory Styles
===========================*/

.hosted-content .p-tb-10 {padding: 100px 0!important;}
.hosted-content #listings-title {font-size: 30px!important; text-transform: uppercase;}
.hosted-content .listings-wrapper .listings-list .listing-banner h2 {font-family: 'Barlow',sans-serif!important; font-size: 20px!important; text-transform: uppercase; font-weight: 700;}
.hosted-content .listings-wrapper .listings-list .listing-name a {font-family: 'Barlow',sans-serif!important; font-size: 20px!important; text-transform: uppercase; font-weight: 700;}
.cf h1 {font-size: 25px!important;}
.hosted-content .attachment-search {margin-top: 100px!important;}

/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width : 1500px) {
	.navbar li a {padding: 15px 30px;}
}

@media only screen and (max-width : 1300px) {
	.navbar li a {padding: 15px 20px;}
}
    
@media only screen and (max-width : 1185px) {
.md-search {
    height: 100%;
    width: 100%;
}
    
    .grid-button {
        padding: 10px 3% 10px 3%!important;
    }
	.logo-sml-cont {
		width:26%;
		float:left;
	}
	.contact-info-left {
		width: 55%;
	}

    
}    
  
@media only screen and (max-width : 1110px) {
	.navbar li a {font-size: 15px; padding: 13px 15px;}
	.topnav {padding: 15px 2%;}
}
    

/* Medium Devices, Desktops */
@media only screen and (max-width : 1000px) {
.red, .orange, .blue, .green, .black .lime {
        padding: 0% 8% 5% 8%!important;
    }
    .logo-sml-cont {
		width:66%;
	}
.green {
    float: right!important;
}
    
.carousel-blue {
    font-size: 25px;
}      
    
.carousel-yellow {
    font-size: 25px;
}    
    
.content-test {
	padding: 50px 0px;
	margin: auto;
	height: 100%;
}
    
.content-area {
    margin: auto!important;
    width: 80%;
}    
    
.google-maps {
    position: relative;
    padding-bottom: 0%;
    height: 350px;
    width: 100%;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden;
}
    
.teal {
    height: 350px;
    width: 100%;    
}
    
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
    padding: 0!important;
}

.header-left {
    display: none;    
}
.header-right {
    display: none;    
}
.head-logo-cont-1 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.head-social {
    padding: 5px 0 5px 20px;
}
.head-social a {
    font-size: 20px;
}
.md-search {
    height: 100%;
    width: 100%;
}  

.md-btm {
    padding: 0% 8% 5% 8%!important
}    

input.filter_text {
    min-width: none;
}   

.btnwrap {height: auto; padding-bottom: 30px;}
.carousel-item {min-height: 43vw;}
    
.logo {max-width: 250px; margin: 0; padding: 0 2% 0 0;}
.hosted-content .p-tb-10 {padding: 50px 0!important;}
.hosted-content .attachment-search {margin-top: 50px!important;}

.footer-padding {padding: 20px 2%!important;}

.contact-info-1 {
	width:100%;
	padding:0 0 20px 0;
}
.map-cont-1 {
	width:100%;
}
}
    
@media only screen and (max-width : 832px) {
    .grid-button {
        padding: 10px 5% 10px 5%!important;
    }
    
    .lime {
        float: right!important;   
    }
    
    .black {
        float: right!important;
        
    }
    
    .green {
        float: left!important;
    }
    
}


/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.red, .orange, .blue, .green, .black .lime {
        padding: 0% 10% 5% 10%!important;
    }
    
    .md-btm {
        padding: 0% 10% 5% 10%!important;
    }
    
    .md-search {
        padding: 25px 0 0 0!important;
    }
	h1 {font-size: 30px;}
	
	.overlay .popup {top: 0; padding: 20px;}
	.location-ping {width: 100px; height: auto;}
}



/* Custom, iPhone Retina */ 
@media only screen and (max-width : 400px) {
	.carousel-indicators {display: none;}
    #menu-button {padding: 0;}
}