/* Basic Styling */
body {background-color: #F3F9EB; }
 
/* Header & Logo */
#header {
  background: #9ecde9 url(./header_background.jpg) repeat-x top;
  /* max-width: 900px; */
  /* min-width: 400px; */
}

 
	#header .left { background: url(./header_left.jpg) no-repeat top left; }
 
	#header .right {
		height: 174px;
		background: url(./header_right.jpg) no-repeat top right;
		position: relative; }
 
	#header h1, #header h2 { position: absolute; }
 
	#header h1 {
		top: 76px;
		left: 25px;
		color: #ffffff;
		text-shadow: 0px 0px 8px #426B9A;
		background: transparent;
		font-family: 'Kaushan Script', cursive;
		font-size: 36px; }
 
	#header h2 {
		top: 125px;
		left: 141px;
		color: #033C73;
		font-family: 'Kaushan Script', cursive;
		font-size: 18px; }
		
	#header .sobre {
		background: url(./logo.jpg);
		position: absolute;
		height: 174px;
		top: 0px;
		left: 600px;
		border: none;
	}


/* Header & Logo movil y quitado logo*/
	#header2 { background: #9ecde9; }

	#header2 h1 {
		color: #ffff88;
		text-shadow: 0px 0px 8px #426B9A;
		background: transparent;
		font-family: 'Kaushan Script', cursive;
		font-size: 36px; }
 
	#header2 h2 {
		color: #033C73;
		font-family: 'Kaushan Script', cursive;
		font-size: 18px; }


/* lazy */
.cover {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.imgHolder {
     height: 100%;
    overflow: hidden;
    position: relative;
}

/* anchor */
.anchor {
	padding-top: 90px;
	padding-bottom: 0px;
}

@media (max-width: 767.98px) {
  .mobile-header-bg {
    background-image: url(./header_background.jpg);
    background-repeat: repeat;
    background-size: auto;
    background-position: top;
  }
}

footer .text-primary::after {
  content: none !important;
}

.navbar-nav .nav-link {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.navbar-nav .nav-link:hover {
  background-color: #2c862f;
  color: #fff !important;
  border-radius: 4px;
}

.navbar-nav .nav-item.active .nav-link {
  background-color: #2e7d32;
  color: white !important;
  border-radius: 4px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.nav-link.nav-hover:focus {
  outline: none;
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.5);
}