@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@font-face {
    font-family: "BlackHanSans";
    src: url(../fonts/BlackHanSans-Regular.ttf);
}

body{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex-grow: 1;
}

.marca {
    font-family: "BlackHanSans", sans-serif;
    font-size: 1.5rem;
}

.alturaBanner0{
    height: 400px;
    object-fit: cover;
    object-position: 100% 33%;
}

.alturaBanner1{
    height: 400px;
    object-fit: cover;
    object-position: 100% 55%;
}

.alturaBanner2{
    height: 400px;
    object-fit: cover;
    object-position: 100% 55%;
}

.carousel-control-prev-icon, .carousel-control-next-icon{
    filter: none!important;
}


i{
    font-size: 40px;
}

.i3{
    color: rgb(0, 255, 85);
}

.card-img-top{
    height: 200px;
    object-fit: cover;
}

.text-justify-custom{
    text-align: justify;
}


@media (max-width: 767px){
    .alturaBanner0, .alturaBanner1, .alturaBanner2 {
      height: 300px;
    }
  }