.main {
    position: relative;
    top: 0px;
    left: 0px;
    background-image: url("./About_USBACK.png");
    background-repeat: no-repeat;
    background-position-y: 10px;
    background-position-x: -5px;
    overflow: hidden;
    overflow-y: hidden;
    background-size: 97vw 2950px ;
}

.Logo{
    position: relative;
    scale: 0.1;
    top : -305px;
    left: -1270px;
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
    object-fit: contain;
    
}

.Contact-Us{
    position: relative;
    scale: 0.27;
    top: -710px;
    left: -250px;
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
    transform: translateX(300vw);
    transition: 0.2s ease-in-out;
}

.about-us-head {
    position: relative;
    scale: 0.27;
    top: -890px;
    left: -960px;
    background-color: transparent;
    border-color: transparent;
    transform: translateX(200vw);
    transition: 0.2s ease-in-out;
}

.content {
    position: relative;
    color: white;
    font-size: 18px;
    top: -950px;
    left: 80px;
    width: 85vw;
    height: 1385px;
    background-color: transparent;
    border-color: transparent;
    font-family : Arial, Helvetica, sans-serif
}

.footer-logo{
    position: relative;
    scale: 0.1;
    top : -790px;
    left: -1420px;
    overflow-y: hidden;
    transform: translateX(500vw);
    transition: 0.2s ease-in-out;
}

.footer_text {
    position: relative;
    color: white;
    width: 1300px;
    top: -1155px;
    left: -630px;
    font-size: 20px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    transform: translateX(50vw);
    transition: 0.2s ease-in-out;
}

.about-us-button {
    position: relative;
    background-color: transparent;
    border-color: transparent;
    scale: 0.27;
    left: -800px;
    top:10px;
    transform: translateX(200vw);
    transition: 0.2s ease-in-out;
}

.privacy-button {
    position: relative;
    background-color: transparent;
    border-color: transparent;
    scale: 0.27;
    left: -620px;
    transform: translateX(200vw);
    transition: 0.2s ease-in-out;
}


.terms-button {
    position: relative;
    background-color: transparent;
    border-color: transparent;
    scale: 0.27;
    top: -185px;
    left: -410px;
    transform: translateX(200vw);
    transition: 0.2s ease-in-out;
}

.Find_Us-On {
    position: relative;
    top: -940px;
    left: -370px;
    scale: 0.27;
    transform: translateX(200vw);
    transition: 0.2s ease-in-out;


}

.discord {
    position: relative;
    top: -1095px;
    left: -280px;
    scale: 0.27;
    background-color: transparent;
    border-color: transparent;
    transform: translateX(200vw);
    transition: 0.2s ease-in-out;

}

.twitter {
    position: relative;
    top: -1090px;
    left: -550px;
    scale: 0.27;
    background-color: transparent;
    border-color: transparent;
    transform: translateX(200vw);
    transition: 0.2s ease-in-out;

}

.instagram {
    position: relative;
    top: -1090px;
    left:-410px;
    scale: 0.27;
    background-color: transparent;
    border-color: transparent;
    transform: translateX(200vw);
    transition: 0.2s ease-in-out;

}
.footer {
    position: relative;
    height: 500px;
    width: 1600px;
    top: 100px;
}

.Contact-Us,
.about-us-button,
.privacy-button,
.terms-button,
.twitter,
.instagram,
.discord{
    cursor: pointer;
}





@media (min-width:1250px) and (max-width:1400px) {
    .Contact-Us{
        left: -300px;
    }
    .footer_text{
        width: 65vw;
        font-size: 16px;
        left: -400px;
        top: -1200px;
    }
    .Find_Us-On{
        top: -890px;
    }
    .discord,
    .twitter,
    .instagram{
        top: -1040px;
    }
    .discord{
        top : -1047px;
    }
    .twitter{
        top: -1043px;
    }
    .footer-logo{
        top: -830px;
    }
    .about-us-button{
        left: -403px;
        top: -50px;
    }
    .privacy-button{
        left: -1030px;
        top: 80px;
    }
    .terms-button{
        left: -403px;
        top: -180px;
    }
    .about-us-head{
        left: -900px;
    }
    .about-us-button:hover,
    .privacy-button:hover,
    .terms-button:hover,
    .twitter:hover,
    .instagram:hover,
    .discord:hover{
        transform : translateX(200vw) scale(1.1);
    }

    .Contact-Us:hover{
        transform : translateX(300vw) scale(1.1);
    }
}

@media (min-width:960px) and (max-width:1250px) {
    .Contact-Us{
        left: -300px;
    }
    .footer_text{
        width: 70vw;
        font-size: 16px;
        left: -350px;
        top: -1220px;
    }
    .Find_Us-On{
        top: -875px;
        left: -330px;
    }
    .discord,
    .twitter,
    .instagram{
        top: -1020px;
        left: -380px;
    }
    .discord{
        top : -1027px;
        left: -250px;
    }
    .twitter{
        top: -1023px;
        left: -520px;
    }
    .footer-logo{
        top: -830px;
    }
    .about-us-button{
        left: -373px;
        top: -50px;
    }
    .privacy-button{
        left: -1000px;
        top: 80px;
    }
    .terms-button{
        left: -373px;
        top: -180px;
    }
    .content{
        font-size: 17px;
        left: 20px;
        width: 93vw;
        top: -970px;
    }
    .about-us-head{
        transform: translateX(200vw) scale(0.8);
        left: -850px;
    }
    .footer{
        left: -10px;
        top: 140px;
    }
    .main{
        background-size: 97vw 3000px;
    }
    .about-us-button:hover,
    .privacy-button:hover,
    .terms-button:hover,
    .twitter:hover,
    .instagram:hover,
    .discord:hover{
        transform : translateX(200vw) scale(1.1);
    }

    .Contact-Us:hover{
        transform : translateX(300vw) scale(1.1);
    }
}
@media (min-width:790px) and (max-width:960px) {
    .Contact-Us{
        left: -320px;
        top: -718px;
    }
    .footer_text{
        width: 70vw;
        font-size: 14px;
        left: -280px;
        top: -1220px;
    }
    .Find_Us-On{
        top: -875px;
        left: -330px;
    }
    .discord,
    .twitter,
    .instagram{
        top: -1037px;
        left: -380px;
    }
    .discord{
        top : -1044px;
        left: -250px;
    }
    .twitter{
        top: -1040px;
        left: -520px;
    }
    .footer-logo{
        top: -830px;
    }
    .about-us-button{
        left: -373px;
        top: -50px;
    }
    .privacy-button{
        left: -1000px;
        top: 80px;
    }
    .terms-button{
        left: -373px;
        top: -180px;
    }
    .content{
        font-size: 16px;
        width: 93vw;
        left: 20px;
        top: -980px;
    }
    .about-us-head{
        transform:translateX(120vw) scale(0.6);
        
        left: -650px;
    }
    .footer{
        left: -20px;
        height: 700px;
        top: 340px;
    }
    .main{
        background-size: 97vw 3200px;
    }
}
@media (min-width:690px) and (max-width:790px) {
    .Contact-Us{
        left: -320px;
        top: -718px;
    }
    .footer_text{
        width: 70vw;
        font-size: 14px;
        left: -280px;
        top: -1220px;
    }
    .Find_Us-On{
        top: -875px;
        left: -330px;
    }
    .discord,
    .twitter,
    .instagram{
        top: -1037px;
        left: -380px;
    }
    .discord{
        top : -1044px;
        left: -250px;
    }
    .twitter{
        top: -1040px;
        left: -520px;
    }
    .footer-logo{
        top: -830px;
    }
    .about-us-button{
        left: -373px;
        top: -50px;
    }
    .privacy-button{
        left: -1000px;
        top: 80px;
    }
    .terms-button{
        left: -373px;
        top: -180px;
    }
    .content{
        font-size: 16px;
        width: 93vw;
        left: 20px;
        top: -980px;
    }
    .about-us-head{
        transform:translateX(120vw) scale(0.6);
        
        left: -650px;
    }
    .footer{
        left: 20px;
        height: 700px;
        top: 340px;
    }
    .main{
        background-size: 97vw 3200px;
    }
}

@media (min-width:600px) and (max-width:690px) {
    .Contact-Us{
        left: -330px;
        top: -723px;
        transform: translateX(300vw) scale(0.85);
    }
    .footer_text{
        width: 80vw;
        font-size: 14px;
        left: -260px;
        top: -1220px;
    }
    .Find_Us-On{
        top: -875px;
        left: -310px;
    }
    .discord,
    .twitter,
    .instagram{
        top: -1037px;
        left: -360px;
    }
    .discord{
        top : -1044px;
        left: -230px;
    }
    .twitter{
        top: -1040px;
        left: -500px;
    }
    .footer-logo{
        top: -830px;
        left: -1400px;
    }
    .about-us-button{
        left: -353px;
        top: -50px;
    }
    .privacy-button{
        left: -980px;
        top: 80px;
    }
    .terms-button{
        left: -353px;
        top: -180px;
    }
    .content{
        font-size: 14px;
        left: 15px;
        top: -980px;
        width: 92vw;
    }
    .about-us-head{
        transform:translateX(120vw) scale(0.6);
        
        left: -680px;
    }
    .Logo{
        transform : scale(0.85);
        left: -1300px;
    }
}

@media (min-width:565px) and (max-width:600px) {
    .Contact-Us{
        left: -345px;
        top: -723px;
        transform: translateX(300vw) scale(0.75);
    }
    .footer_text{
        width: 65vw;
        font-size: 12px;
        left: -145px;
        top: -1215px;
        transform: translateX(50vw);
    }
    .Find_Us-On{
        top: -885px;
        left: -290px;
        transform: translateX(200vw);
    }
    .discord,
    .twitter,
    .instagram{
        top: -1057px;
        left: -340px;
        transform: translateX(200vw);
    }
    .discord{
        top : -1064px;
        left: -210px;
    }
    .twitter{
        top: -1060px;
        left: -480px;
    }
    .footer-logo{
        top: -830px;
        left: -1400px;
        transform: translateX(500vw);
    }
    .about-us-button{
        left: -333px;
        top: -50px;
        transform: translateX(200vw);
    }
    .privacy-button{
        left: -960px;
        top: 80px;
        transform: translateX(200vw);
    }
    .terms-button{
        left: -333px;
        top: -180px;
        transform: translateX(200vw);
    }
    .content{
        font-size: 14.5px;
        left: 15px;
        width: 90vw;
        top: -1010px;
    }
    .about-us-head{
        transform:translateX(120vw) scale(0.4);
        
        left: -740px;
        top: -910px;
    }
    .Logo{
        transform : scale(0.75);
        left: -1310px;
    }
    .main{
        background-size: 150vw 3400px;
        background-position-x: -90px;
        background-position-y : -50px;
    }
    .footer{
        height: 700px;
        top: 340px;
        left: -40px;
    }
}

@media (min-width:445px) and (max-width:565px) {
    .Contact-Us{
        left: -355px;
        top: -723px;
        transform: translateX(300vw) scale(0.6);
    }
    .footer_text{
        width: 70vw;
        font-size: 14px;
        left: -140px;
        top: -1260px;
        transform: translateX(50vw);
    }
    .Find_Us-On{
        top: -890px;
        left: -290px;
        transform: translateX(200vw);
    }
    .discord,
    .twitter,
    .instagram{
        top: -1057px;
        left: -340px;
        transform: translateX(200vw);
    }
    .discord{
        top : -1064px;
        left: -210px;
    }
    .twitter{
        top: -1060px;
        left: -480px;
    }
    .footer-logo{
        top: -890px;
        left: -1400px;
        transform: translateX(500vw);
    }
    .about-us-button{
        left: -333px;
        top: -70px;
        transform: translateX(200vw);
    }
    .privacy-button{
        left: -960px;
        top: 60px;
        transform: translateX(200vw);
    }
    .terms-button{
        left: -333px;
        top: -200px;
        transform: translateX(200vw);
    }
    .content{
        font-size: 12px;
        left: 20px;
        width: 83vw;
        top: -1010px;
    }
    .about-us-head{
        transform:translateX(120vw) scale(0.35);
        top: -910px;
        left: -755px;
    }
    .Logo{
        transform : scale(0.5);
        left: -1345px;
        top: -310px;
    }
    .main{
        background-size: 150vw 3400px;
        background-position-x: -90px;
        background-position-y : -50px;
    }
    .footer{
        transform: scale(0.8);
        left: -130px;
        top: -20px;
    }
}

@media (min-width:359px) and (max-width:445px) {
    .Contact-Us{
        left: -355px;
        top: -723px;
        transform: translateX(300vw) scale(0.7);
    }
    .footer_text{
        width: 70vw;
        font-size: 14px;
        left: -140px;
        top: -1260px;
        transform: translateX(50vw);
    }
    .Find_Us-On{
        top: -860px;
        left: -290px;
        transform: translateX(200vw);
    }
    .discord,
    .twitter,
    .instagram{
        top: -1057px;
        left: -340px;
        transform: translateX(200vw);
    }
    .discord{
        top : -1064px;
        left: -210px;
    }
    .twitter{
        top: -1060px;
        left: -480px;
    }
    .footer-logo{
        top: -890px;
        left: -1400px;
        transform: translateX(500vw);
    }
    .about-us-button{
        left: -333px;
        top: -30px;
        transform: translateX(200vw);
    }
    .privacy-button{
        left: -960px;
        top: 100px;
        transform: translateX(200vw);
    }
    .terms-button{
        left: -333px;
        top: -160px;
        transform: translateX(200vw);
    }
    .content{
        font-size: 11px;
        left: 20px;
        width: 83vw;
        top: -1010px;
    }
    .about-us-head{
        transform:translateX(120vw) scale(0.35);
        top: -910px;
        left: -755px;
    }
    .Logo{
        transform : scale(0.7);
        left: -1310px;
        top: -310px;
    }
    .main{
        background-size: 150vw 3400px;
        background-position-x: -90px;
        background-position-y : -50px;
    }
    .footer{
        transform: scale(1);
        left: -10px;
        top: 100px;
    }
}

@media (min-width:340px) and (max-width:359px) {
    .Contact-Us{
        left: -355px;
        top: -723px;
        transform: translateX(300vw) scale(0.6);
    }
    .footer_text{
        width: 70vw;
        font-size: 14px;
        left: -100px;
        top: -1270px;
        transform: translateX(50vw);
    }
    .Find_Us-On{
        top: -825px;
        left: -290px;
        transform: translateX(200vw);
    }
    .discord,
    .twitter,
    .instagram{
        top: -1057px;
        left: -340px;
        transform: translateX(200vw);
    }
    .discord{
        top : -1064px;
        left: -210px;
    }
    .twitter{
        top: -1060px;
        left: -480px;
    }
    .footer-logo{
        top: -890px;
        left: -1400px;
        transform: translateX(500vw);
    }
    .about-us-button{
        left: -333px;
        top: 0px;
        transform: translateX(200vw);
    }
    .privacy-button{
        left: -960px;
        top: 130px;
        transform: translateX(200vw);
    }
    .terms-button{
        left: -333px;
        top: -130px;
        transform: translateX(200vw);
    }
    .content{
        font-size: 12.8px;
        left: 20px;
        width: 83vw;
        top: -1010px;
    }
    .about-us-head{
        transform:translateX(120vw) scale(0.35);
        top: -910px;
        left: -755px;
    }
    .Logo{
        transform : scale(0.5);
        left: -1345px;
        top: -310px;
    }
    .main{
        background-size: 150vw 4000px;
        background-position-x: -90px;
        background-position-y : -50px;
    }
    .footer{
        transform: scale(0.8);
        left: -130px;
        top: 800px;
        height: 1400px;
    }
}

@media (min-width:280px) and (max-width:340px) {
    .Contact-Us{
        left: -355px;
        top: -723px;
        transform: translateX(300vw) scale(0.6);
    }
    .footer_text{
        width: 70vw;
        font-size: 14px;
        left: -100px;
        top: -1270px;
        transform: translateX(50vw);
    }
    .Find_Us-On{
        top: -825px;
        left: -290px;
        transform: translateX(200vw);
    }
    .discord,
    .twitter,
    .instagram{
        top: -1057px;
        left: -340px;
        transform: translateX(200vw);
    }
    .discord{
        top : -1064px;
        left: -210px;
    }
    .twitter{
        top: -1060px;
        left: -480px;
    }
    .footer-logo{
        top: -890px;
        left: -1400px;
        transform: translateX(500vw);
    }
    .about-us-button{
        left: -333px;
        top: 0px;
        transform: translateX(200vw);
    }
    .privacy-button{
        left: -960px;
        top: 130px;
        transform: translateX(200vw);
    }
    .terms-button{
        left: -333px;
        top: -130px;
        transform: translateX(200vw);
    }
    .content{
        font-size: 11.5px;
        left: 20px;
        width: 83vw;
        top: -1010px;
    }
    .about-us-head{
        transform:translateX(120vw) scale(0.35);
        top: -910px;
        left: -755px;
    }
    .Logo{
        transform : scale(0.5);
        left: -1345px;
        top: -310px;
    }
    .main{
        background-size: 150vw 4000px;
        background-position-x: -90px;
        background-position-y : -50px;
    }
    .footer{
        transform: scale(0.8);
        left: -130px;
        top: 800px;
        height: 1400px;
    }
}