@media (max-width: 1140px) {
    .home-page-container{
        width: 400px;
        height: 220px;
    }
    .home-page-container-left p{
        font-size: 12px;
    }
    .home-page-container-left h1{
        font-size: 48px;
    }
    .home-page-container-left h2{
        font-size: 22px;
    }
    
    .home-page-btn{
        font-size: 15px;
        padding: 8px;
        margin-top: 20px;
    }

    .home-page-circle{
        width: 300px;
        height: 300px;
    }

    .home-page-circle img{
        width: 220px;
        height: 220px;
    }
}

@media (max-width: 980px) {
    #home-page{
        /* background-color: cadetblue; */
        display: grid;
        grid-template-columns: auto;
        justify-content: center;
        height: auto;
    }

    .home-page-container{
        width: auto;
        text-align: center;
    }

    .home-page-container-left{
        margin: 50px 0px 0px 0px;
        height: auto;
    }
    .home-page-container-left p{
        font-size: 14px;
    }
    .home-page-container-left h1{
        font-size: 50px;
    }
    .home-page-container-right{
        margin: 70px 0px 150px 0px;
        height: auto;
    }
    .home-page-btn{
        font-size: 17px;
        padding: 10px;
        margin-top: 30px;
    }

    .home-page-circle{
        width: 250px;
        height: 250px;
    }
}