html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.carousel-control,
.item {
    border-radius: 4px;
}

.navbar {
    background-image: none;
    border-bottom-width: 0px !important;
    padding-bottom: inherit;
    margin-bottom: 0rem !important;
}

.navbar-inverse {
    /*verde brivarca*/
    background-color: #325220;
    border-color: #a593c2;
}

.navbar .nav > a {
    font-size: 1.0em;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: white;
}

.navbar .nav > li > a {
    font-size: 1.0em;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: white;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    height: 33vh;
}

#LogoTopLeft {
    margin-left: 3vw;
    height: 7vh;
    /*box-shadow: 0px 0px 5px #fff;*/
}

.video-responsive-ratio {
    /* Default aspect ratio for mobile (extra small and small screens) is 1:1 */
    --bs-aspect-ratio: 100%; /* 1 / 1 * 100% = 100% */
    height: 70vh;
    overflow: hidden;
}

.home-video{
    width: 100%;
}
/* Aspect ratio change for medium (md) screens and up (desktop) */
@media screen and (max-width: 764px) {
    .video-responsive-ratio {
        /* Change to 16:9 aspect ratio for desktop */
        --bs-aspect-ratio: 56.25%; /* 9 / 16 * 100% = 56.25% */
        height: 22vh;
    }
}