.view,body,html{height:100%}.carousel{height:50%}.carousel .carousel-inner,.carousel .carousel-inner .active,.carousel .carousel-inner .carousel-item{height:100%}@media (max-width:776px){.carousel{height:100%}}.navbar{background-color:rgba(0,0,0,.2)}.page-footer,.top-nav-collapse{background-color:#5E3017}@media only screen and (max-width:768px){.navbar{background-color:#5E3017}}

/* Custom CSS */
@media (max-width: 1920px) and (min-width: 540px) {
  .nav-link {
      padding-right: 2.5rem !important;
      padding-left: 2.5rem !important;
  }
  .surveyimg {
    position: absolute;
    top: 318px;
    left: 270px;
    width: 272px;
    z-index: 1;
  }
	.hide-on-desktop {
      display:none !important;
   }
  .desktop-nav a {
    color: #E5AE47;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    padding: 0 44px 0 41px;
    border: 2px solid #FEDB7D;
    background-color:#5E3018;
  }
  .navbar {
      background-color:transparent!important;
      box-shadow:none !important;
  }

  /* New Menu */
  .navbar {
    width: 100%;
    background-color: #555;
    overflow: auto;
    padding:0px;
  }

  .navbar a {
    float: left;
    padding: 12px;
    color: white;
    text-decoration: none;
    font-size: 17px;
    width: 19%; /* Four links of equal widths */
    text-align: center;
    background-color: #5E3017;
  }

  .navbar a:hover {
    background-color: #7a3e1d;
  }

  .navbar a.active {
    background-color: #000;
  }

  /* new menu ends */
}

.row {
  margin-right:0px !important;
}

@media (max-width: 1200px) and (min-width: 540px) {
  .nav-link {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important;
  }
}

.active a {
  background-color: #000;
}

.desktop-nav a:hover {
  background-color: #473226;
}

.br-on-mobile {
    display: none;
}

@media only screen and (max-width: 540px) {
  .mobile-padding {
    padding-top:25%;
  }
  .logo {
    max-width: 75% !important;
    margin-bottom: 8%;
  }
  .br-on-mobile {
    display: inherit !important;
}
  .br-on-desktop {
      display: none !important;
  }
  .surveyimg {
    position: absolute;
    top: 85px;
    left: 100px;
    width: 200px;
    z-index: -1;
  }
  .surveying-mobile-image {
    max-width: 50% !important;
    margin:auto;
  }
  header {
    height: 4vh !important;
  }
  .hide-on-mobile {
    display:none !important;
  }
  .contact {
    text-align:center;
  }
}

.contact {
	background-color: #5E3018;
	border: 2px solid #FEDB7D;
  padding:10px;
  text-align:center;
  padding: 5% 0% 5% 0%;
}

.main-bg {
	background-color: #5E3018;
	border: 2px solid #FEDB7D;
  padding:10px;
  margin-bottom: 5%;
}

.about-bg {
	background-color: #5E3018;
	border: 2px solid #FEDB7D;
  padding:64px 10px 64px 10px;
  margin-bottom: 5%;
}

.areas-bg {
	background-color: #5E3018;
	border: 2px solid #FEDB7D;
  padding:61px 10px 60px 10px;
  margin-bottom: 14%;
}

.order-bg {
  background-color: #5E3018;
  border: 2px solid #FEDB7D;
  padding:0px 30px 60px 30px;
  margin-bottom: 14%;
}

.contact-bg {
  background-color: #5E3018;
  border: 2px solid #FEDB7D;
  padding:33px 10px 0px 10px;
}

.contact-ph {
  color:#E5AE47;
  text-shadow: 1px 1px 1px #000;
}

.h2 {
  color:#E5AE47;
}

.h3,.h5 {
  color:#fff;
}

.serving {
  color:#fff;
  font-weight: 400;
  text-shadow: 1px 1px 1px #000;
}

.heading-1 {
  color:#E5AE43;
  text-align: center;
  font-weight: 400;
  text-shadow: 1px 1px 1px #000;
}
.white-text {
  color:#fff;
  text-shadow: 1px 1px 1px #000;
}
.contact-heading {
  color:#E5AE43;
  font-weight: 400;
  text-shadow: 1px 1px 1px #000;
}

.heading-2 {
  color:#fff;
  text-align: center;
  font-weight: 400;
  text-shadow: 1px 1px 1px #000;
}

body {
  background-image:url(../img/bg.jpg);
	background-position:center left;
	background-repeat:repeat-y;
	background-size:cover;
  width:100%;
  height:100%;
  overflow-x: hidden;
}

/*Youtube*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*Youtube*/

/* Services Home */
.columns {
  -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
  -moz-column-count: 2; /* Old Firefox */
  column-count: 2;
  column-gap: 50px;
  text-shadow: 1px 1px 1px #000;
  font-weight: 400;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

@media only screen and (max-width: 540px) {
  .columns {
    -webkit-column-count: 1 !important; /* Old Chrome, Safari and Opera */
    -moz-column-count: 1 !important; /* Old Firefox */
    column-count: 1 !important;
    column-gap: 0px !important;
  }
}

.columns li {
  color:#fff;
  font-size: 27px;
  width:250px;
  margin:0 auto;
  text-align:left;
}
/* /Services Home */


/* Custom CSS */
