@media (max-width: 767px){
    h1 , h2{
        font-size: 30px;
    }
    .navbar-brand{
        font-size: 25px;
    }
    .home{
        text-align: center;
        padding: 30px 15px;   
    }
    .home img{
        max-width: 100%;
        margin-top: 20px;
    }
    .search-form{
        padding: 15px;
        text-align: center;
    }
    .about{
        text-align: center;
        padding: 30px 15px;
    }
    .about img{
        margin-bottom: 20px;
        max-width: 80%;
    }
    .awards .row{
        flex-direction: column;
        align-items: center;
        margin: 15px;
    }
    .award{
        max-width: 90%;
    }
    .card img{
        height: 400px;
    }
    .contact form{
        padding: 10px;
    }
    .welcome-message {
        font-size: 0.9rem;
        padding: 8px 15px;
        top: 10px;
    }

}
@media (min-width:768px) and (max-width:991px){
    h1 , h2{
        font-size: 36px;
    }
    .home img{
        max-width: 350px;
    }
    .about img{
        max-width: 250px;
    }
    .award{
        max-width: 80%;
    }
    .card img{
        height: 300px;
    }
    .welcome-message {
        font-size: 0.95rem;
        padding: 10px 18px;
        top: 15px;
    }
}
@media (max-width: 992px){
    h1,h2{
        font-size: 50px;
    }
    .home img{
        max-width: 450px;
    }
    .about img{
        max-width: 300px;
    }
    .award{
        max-width: 400px;
    }
}