@media (max-height: 900px) {
    .Content-Main-Container{
        top: 100px;
    }
}
@media (max-height: 800px) {
    .Footer-Main-Container{
        top: 734px;
    }
}

@media(max-width: 1280px) and (min-width: 801px) {
    .Content-Main-Container{
        width: 535px;
    }

    .text-1, .text-3{
        display: none;
    }

    .text-2{
        display: block;
    }

    h1{
        font-size: 54px;
    }

    p{
        font-size: 18px;
    }

    h6{
        font-size: 12px;
    }

    h3{
        font-size: 24px;
    }

    .btn{
        top: 412px;
        height: 40px;
    }
}

@media(max-width: 800px) {
    .grid-1 {
        display: none;
    }

    .grid-2 {
        display: grid;
    }

    .Content-Main-Container{
        width: 320px;
        top: 100px;
        height: calc(100vh - 200px);
    }

    .text-1, .text-2{
        display: none;
    }

    .text-3{
        display: block;
    }

    h1{
        font-size: 32px;
    }

    p{
        font-size: 18px;
    }

    h6{
        font-size: 12px;
    }

    h3{
        font-size: 18px;
    }

    .Footer-Main-Container{
        height: 72px;
        height: 60px;
        height: 126px;
        top: calc(100svh - 126px);
    }

    .Footer-Container{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 60px;
    }

    .footer-content{
        position: relative;
        text-align: center;
        width: fit-content;
        left: 50%;
        transform: translateX(-50%);
    }

    .btn{
        top: 412px;
        height: 30px;
    }
}

@media(max-width: 800px) and (max-height: 726px) {
    .Footer-Main-Container{
        top: 574px;
    }
}