/*
 * Header
 */
.navbar-brand img{
	height: 40px;
	
}
 #navbar-main .navbar-collapse  .nav-link {
  color: rgba(255, 255, 255, .5);

  border-bottom: .25rem solid transparent;
}

#navbar-main .navbar-collapse .nav-link:hover,
#navbar-main .navbar-collapse  .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

#navbar-main .navbar-collapse .nav-item{
  margin-left: 1rem;
}

#navbar-main .navbar-collapse .active {
  color: #000000;
  border-bottom-color: #000000;
}
#preloader{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.grecaptcha-badge { 
    visibility: hidden;
}
#welcome{
	height: 100vh;
	width: 100%;
	overflow: hidden;
	position: relative;

}
#cover{
	position: absolute;
	height: 100%;
	width: 100%;
	background: url(../img/cover.webp) 50% 50% no-repeat;
	background-size: cover;
	
	animation: cover-zoom 60s infinite;
}
#cover:before{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	
}
#welcome:hover #cover{
	
	transition: all .5s;
}
@keyframes cover-zoom {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);}
}
#welcome .container{
	height: 100%;
	position: relative;
}

#map-contact{
	height: 25vh;
}
#contact{
	position: relative;
}

#contact .container{
	position: relative;
}
hr{
	width: 3rem;
	border-width: 0.25rem;
}
.btn, .navbar-toggler{
	border-radius:0;
}
.container-50{
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}


#contact .form-control::placeholder{
	color: #ccc;
	opacity: 1; /* Firefox */
}

#contact .form-control:-ms-input-placeholder{
    color: #ccc;
}

#contact .form-control::-ms-input-placeholder{
    color: #ccc;
}
:target::before {
  content: "";
  display: block;
  height: 60px; /* fixed header height*/
  margin: -60px 0 0; /* negative fixed header height */
}
/*
.c-bn{
	border-radius: 0 !important;
}
*/
@media only screen and (min-width: 576px){
	.container-50{
		max-width: 270px;
	}
}
@media only screen and (min-width: 768px){
	.container-50{
		max-width: 360px;
	}
}
@media only screen and (min-width: 992px){
	.container-50{
		max-width: 480px;
	}
}
@media only screen and (min-width: 1200px){
	.container-50{
		max-width: 570px;
	}
}
@media only screen and (min-width: 1400px){
	.container-50{
		max-width: 660px;
	}
}