@media screen and (max-width: 1024px) and (orientation: portrait){
  .main-selector ul{
    margin-top: 2.5rem;
    margin-bottom: 4rem;
    gap: 2.56rem;
  }
  .main-selector ul li a{
    font-size: 3.5rem;
  }
  .main-heading{
    margin-bottom: 2.56rem;
  }
  .main-heading h1{
    font-size: 5rem;
  }
  .main-content img{
    width: 22rem;
  }
  .main-content ul{
    flex-direction: column;
  }
  label a{
    font-size: 3.5rem;
    padding: 1.3rem 1.3rem;
  }
}
@media (max-width: 970px){
  .main-container{
    height: 100vh;
  }
  .main-selector ul{
    margin-top: 1.92rem;
    margin-bottom: 3.84rem;
    gap: 2.56rem;
  }
  .main-selector ul li a{
    font-size: 2.56rem;
  }
  .main-heading{
    margin-bottom: 2.56rem;
  }
  .main-heading h1{
    font-size: 3.84rem;
  }
  .main-content img{
    width: 16rem;
  }
  .main-content ul{
    flex-direction: column;
  }
  .main-content ul li a:active{
    color: #000;
    background: #fff;
  }
  @keyframes animate 
  {
    0%
    {
      transform: translateY(-10vh) scale(0.5); 
    }
    100%
    {
      transform: translateY(1000vh) scale(2); 
    }
  }
  label a{
    font-size: 2.56rem;
    padding: 0.96rem 0.96rem;
  }
}
@media (max-width: 700px){
  .main-selector ul {
    margin-top: 4.39vw;
    margin-bottom: 8.77vw;
    gap: 5.85vw;
  }
  .main-selector ul li a {
      font-size: 5.85vw;
  }
  .main-heading {
      margin-bottom: 5.85vw;
  }
  .main-heading h1 {
      font-size: 8.77vw;
  }
  .main-content img {
      width: 36.57vw;
  }
  label a {
    font-size: 5.85vw;
    padding: 2.19vw 2.19vw;
  }
}
@media (max-width: 480px){
  .main-container{
    height: 100dvb;
  }
  .main-selector ul {
    margin-top: 1.317rem;
    margin-bottom: 2.631rem;
    gap: 1.755rem;
  }
  .main-selector ul li a {
    font-size: 2.2rem;
  }
  .main-heading {
    margin-bottom: 1.755rem;
  }
  .main-heading h1 {
    font-size: 2.6rem;
    width: 100%;
    padding: 0 40px;
    text-align: center;
  }
  .main-content img {
    width: 12rem;
  }
  label a {
    font-size: 2.2rem;
    padding: 0.657rem 0.657rem;
  }
}
@media (max-width: 375px){
  .main-selector ul {
    margin-top: 5vw;       
    margin-bottom: 10vw;    
    gap: 7vw;               
  }
  .main-selector ul li a {
    font-size: 9vw;         
  }
  .main-heading {
    margin-bottom: 7vw;     
  }
  .main-heading h1 {
    font-size: 10.5vw;      
  }
  .main-content img {
    width: 48vw;           
  }
  label a {
    font-size: 9vw;         
    padding: 2.5vw 2.5vw;   
  }
}
@media (max-width: 320px){
  .main-selector ul {
    margin-top: 3.5vw;     /* Further decreased */
    margin-bottom: 7vw;    /* Further decreased */
    gap: 5.5vw;            /* Further decreased */
  }
  .main-selector ul li a {
    font-size: 7vw;        /* Further decreased */
  }
  .main-heading {
    margin-bottom: 5vw;    /* Further decreased */
  }
  .main-heading h1 {
    font-size: 8.5vw;      /* Further decreased */
  }
  .main-content img {
    width: 38vw;           /* Further decreased */
  }
  label a {
    font-size: 7vw;        /* Further decreased */
    padding: 1.3vw 1.3vw;  /* Further decreased padding */
  }
}