header{
    font-size: 15px !important;
}
.navbar-brand{
    font-size: 30px !important;
}
.text-danger{
    color: red !important;
}
.btn-danger{
    background-color: red !important;
}
@media (max-width:850px) {
    .hero-img{
        display: none !important;
    }
}
.hero-img:hover{
    transform: scale(1.1);
    transition: 1s;
}
.card{
    overflow: hidden;
    border-radius: 0%;
}
.card-img-top{
    transform: scale(1);
    border-radius: 0%;
}
.cards1 .card-img-top:hover{
    transform: scale(1.1);
    transition: 1s;
}
.cards,.cards1{
    width: 100%;
}
.gal{
    height: 690px !important;
}
.gal1{
    background-image: url("/gallery1.png");
    background-size: cover !important;
    width: 100% !important;
    height: 690px !important;
}
.gal2{
    background-image: url("/gallery2.png");
    background-size: cover !important;
    width: 100% !important;
    height: 690px !important;
}
.gal3{
    background-image: url("/gallery3.png");
    background-size: cover !important;
    width: 100% !important;
}
.bg-danger{
    background-color: rgb(192, 4, 4) !important;
}
header{
    position: fixed !important;
    width: 100% !important;
    margin-top: 0% !important;
    z-index: 1 !important;
}
@media (max-width:850px) {
    .choice{
        display: none !important;
    }
    header{
        position: fixed !important;
        margin-bottom: 100px !important;
    }
    .bg-secondary{
        padding-top: 30% !important;
    }
}

.card .btnx{
    opacity: 0;
    background-color: red !important;
}
.card:hover  .btnx{
    opacity: 1 !important;
    transition: all .5s ease;
}
hr{
    color: red !important;
}