/*  */
:root {
    --primaryColor: #5d9732;
    --darkPrimary: #345a16;
    --secondaryColor: #f47321;
    --gradient: linear-gradient(300deg, rgba(244, 115, 33, 1) 60%, rgba(237, 221, 83, 1) 100%);
}

:target {
	scroll-margin-top: 120px;
}

/* Nav Bar Styles */
#mainNav {
    background-image: var(--gradient);
}

#mainNav #navBarLogo {
    width: 50px;
    /* filter: grayscale(1) brightness(100); */
}

.homeHero {
    background: url('../images/hero.jpg') 100% center /cover;
    filter: brightness(-100);
    z-index: 1;
    position: relative;
}

.heroOverlay::before {
    content: "hola";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 2;
}

.darkerOverlay::before {
    background-color: rgba(0, 0, 0, .5);
}

.heroLogo {
    width: 500px;
    filter: grayscale(1) brightness(100) drop-shadow(0px 0px 5px rgba(0, 0, 0, .8));
}

.aboutHero {
    background: url('../images/6.jpg') center /cover;
}

.servicesHero {
    background: url('../images/9.jpg') center /cover;
}

.galleryHero {
    background: url('../images/097.jpg') center /cover;
}

.contactHero {
    background: url('../images/226407.jpg') center /cover;
}

.legalHero {
    background: url('../images/46166.jpg') center /cover;
}

.legalBody{
	overflow-wrap: break-word; 
}

.map iframe{
    height: 30vh;
width: 100%;
}

form input {
    border: 1px #484848 solid;
  }

#mainFooter {
    background-color: var(--darkPrimary);
}