@media (min-width: 600px) and (max-width:1000px) 
{
    .hiveContent > h1{
        font-size: 37px;
        padding-bottom: 8vh;
        width: 100%;
        line-height: 8vh;
        z-index: 99;
    }
    .hiveContent > p{
        font-size: 26px;
        padding-bottom: 10vh;
        z-index: 99;
    }
    .Home_btn2{
        font-size: 14px;
        padding: 5px;
        width: 23%;
        bottom: 10%;
        position: absolute;
        left: 5%;
    }
    .Home_btn > img{
        width: 18px;
        height: 14px;
        margin-left: 10px;
    }
}


@media (min-width: 200px) and (max-width:599px) 
{
    .hiveContainer{
        width: 95vw;
        height: 100%;
        overflow-x: hidden;
        overscroll-behavior-inline: contain;
        margin: 0 auto;
    }
    .amberhive_logo{
        width: 45%;
        height: 45%;
    }
    .hiveContent{
        height: 80vh;
        margin-top: 5vh;
    }
    .header_btn{
        font-size: 15px;
        padding-inline: 10px;
        line-height: 20px;
    }
    .hiveContent > h1{
        font-size: 37px;
        padding-bottom: 8vh;
        width: 100%;
        line-height: 8vh;
    }
    .hiveContent > p{
        font-size: 22px;
        padding-bottom: 10vh;
    }
    .Home_btn2{
        font-size: 14px;
        padding: 5px;
        width: 50%;
        bottom: 10%;
        position: absolute;
        left: 5%;
    }
    .Home_btn > img{
        width: 16px;
        height: 14px;
        margin-left: 10px;
    }
    .ThreeH{
        position: absolute;
        right: -30%;
        top: 15vh;
        width: 550px;
        height: 550px;
        z-index: -1;
        transform: scale(0.85);
    }
}