html{
	scroll-behavior: smooth;
}
.navbar-brand img{
	height: 40px;
}
#navbar-main{
	background-color: rgba(9, 30, 52, 0);
}
#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: #fff;
	border-bottom-color: #fff;
}
#preloader{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(9, 30, 52, 100);
}
.grecaptcha-badge { 
    visibility: hidden;
}
#welcome{
	height: 100vh;
	width: 100%;
	overflow: hidden;
	position: relative;

}
#cover{
	position: absolute;
	height: 100%;
	width: 100%;
	background: url(../img/cover.jpg) 50% 50% no-repeat;
	background-size: cover;
	
	animation: cover-zoom 60s infinite;
}
#cover:before{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgb(9,30,52);
	background: linear-gradient(280deg, rgba(9,30,52,0) 0%, rgba(9,30,52,1) 75%);
}
#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{
}

#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 */
}

@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;
	}
}