@media (max-width:480px){
    .education,
    .branding{
        margin-top: 1.3rem;
        height: 18rem;
        border-radius: 1rem;
        padding: 1.2rem;
    }
    .area{
        width: 100%;
        height:100vh;
    }
    .heading{
        font-size: 1.6rem;
        font-weight: 600;
        font-family: "DM Serif Text", serif;
    }
    .menu{
        padding-left: 1.5rem;
        font-size: 1rem;
        line-height: 1.2rem;
    }
    .service{
        padding-left: 1rem;
        font-size: 1.3rem;
    }
    .button{
        top: 85%;
        left: 70%;
        padding: 0.5rem 0.5rem;
        border-radius: 10px;
        font-size: 0.7rem;
        line-height: 1rem;
        width: auto;
        
    }
    
.img1 {
    width: 120px;
    position: absolute;
    left: -5%;
    top: 60%;
}
    .img2 {
        width: 133px;
        position: absolute;
        left: 56%;
        top: 41%;
    }
    .imgb1 {
        width: 140px;
        position: absolute;
        left: 29px;
        top: 64%;
    }

}
@media (max-width:360px){
    @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
    .education,
    .branding{
        margin-top: 1.3rem;
        height: 18rem;
        border-radius: 1rem;
        padding: 1.2rem;
    }
    .area{
        width: 100%;
        height:100vh;
    }
    .heading{
        font-size: 1.6rem;
        font-weight: 600;
        font-family: "DM Serif Text", serif;
    }
    .menu{
        padding-left: 1.5rem;
        font-size: 1rem;
        line-height: 1.2rem;
    }
    .service{
        padding-left: 1rem;
        font-size: 1.3rem;
    }
    .button{
        top: 85%;
        left: 70%;
        padding: 0.5rem 0.5rem;
        border-radius: 10px;
        font-size: 0.7rem;
        line-height: 1rem;
        width: auto;
        
    }
    
.img1 {
    width: 120px;
    position: absolute;
    left: -5%;
    top: 60%;
}
    .img2 {
        width: 133px;
        position: absolute;
        left: 56%;
        top: 41%;
    }
    .imgb1 {
        width: 140px;
        position: absolute;
        left: 29px;
        top: 64%;
    }
    

}