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


.navbar-brand{
    font-size:24px;
}


.hero{
    height:500px;
    background:
    linear-gradient(
    rgba(0,0,0,.5),
    rgba(0,0,0,.5)
    ),
    url('../images/travel-banner.jpg');

    background-size:cover;
    background-position:center;

    display:flex;
    align-items:center;
    color:white;
}


.hero h1{
    font-size:55px;
    font-weight:bold;
}


.card{
    border:none;
    transition:.3s;
}


.card:hover{

    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.15);

}


footer a{
    text-decoration:none;
}


footer a:hover{
    color:#ffc107!important;
}