body{
    background:#f5f5f5;
    font-family:Arial, Helvetica, sans-serif;
}

/* Navbar */

.navbar{
    box-shadow:0 3px 10px rgba(0,0,0,.15);
}

/* Banner */

.hero{

    height:500px;

    background-image:url("../images/banners.jpg");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    color:#fff;

}

.hero-content{

    background:rgba(0,0,0,.45);

    padding:40px;

    border-radius:15px;

}

.hero h1{

    font-size:55px;

    font-weight:bold;

}

.hero p{

    font-size:22px;

    margin:20px 0;

}

/* Card */

.card{

    border:none;

    border-radius:15px;

    overflow:hidden;

    transition:.3s;

}

.card:hover{

    transform:translateY(-8px);

    box-shadow:0 12px 20px rgba(0,0,0,.25);

}

.card-img-top{

    width:100%;

    height:230px;

    object-fit:cover;

}

.card-title{

    font-size:28px;

    font-weight:bold;

}

.price{

    font-size:28px;

    color:red;

    font-weight:bold;

}

/* Footer */

.footer{

    margin-top:60px;

    background:#212529;

    color:#fff;

    padding:40px 0;

}

.footer a{

    color:#fff;

    text-decoration:none;

}

.footer ul{

    list-style:none;

    padding:0;

}

/* Responsive */

@media(max-width:768px){

.hero{

    height:350px;

}

.hero h1{

    font-size:35px;

}

.hero p{

    font-size:18px;

}

.card-img-top{

    height:200px;

}

}