@media screen and (min-width:320px) and (max-width:568px) and (orientation: portrait){

  .item{
    width: 80vw;
    font-size: 2.5vh;
  }
  #thanksBox{
    width: 65%;
    
    p{
      font-size: 2vh;
    }
  }
  .titleForm{
    font-size: 2.5vh;
  }
  .sizelab{
    font-size: 3vh;
    margin-right: 5px;
  }
  .linkNav:before {
    height: 20px;
    width: 100px;
  }

  .linkNav:after {
    width: 100px;
    height: 20px;
  }
  .button{
    margin-top: 25px;
    background-color: black;
    height: 40px;
    width: 120px;
    border-radius: 20px;
    border-color: var(--color-Yellow);
    border-width: 4px;
    color: #f4f4f6;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    animation: buttonlgt 2s ease-in-out;
    animation-iteration-count: infinite;
  }
  .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .linkNav:hover::before {
    width: 0px;
    background: black;
    
  }
  .linkNav:hover::after {
    height: 0px;
    background: black;
  
  }
  .linkNav:hover {
    background: var(--color-Yellow);
    border-radius: 30px;
    color: #1f2026;
  }
}
@media screen and (min-width:569px) and (max-width:1079px) and (orientation: portrait){

  .item{
    width: 70vw;
    padding: 15px;
    
    font-size: 2.5vh;
  }
  #thanksBox{
    width: 65%;
    
    p{
      font-size: 2vh;
    }
  }
  .titleForm{
    font-size: 2.5vh;
  }
  .sizelab{
    font-size: 3vh;
    margin-right: 5px;
  }
  .linkNav:before {
    height: 20px;
    width: 100px;
  }

  .linkNav:after {
    width: 100px;
    height: 20px;
  }
  .button{
    margin-top: 25px;
    background-color: black;
    height: 40px;
    width: 120px;
    border-radius: 20px;
    border-color: var(--color-Yellow);
    border-width: 4px;
    color: #f4f4f6;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    ;
    animation: buttonlgt 2s ease-in-out;
    animation-iteration-count: infinite;
  }
  .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .linkNav:hover::before {
    width: 0px;
    background: black;
    
  }
  .linkNav:hover::after {
    height: 0px;
    background: black;
  
  }
  .linkNav:hover {
    background: var(--color-Yellow);
    border-radius: 30px;
    color: #1f2026;
  }
}
/*
@media screen and (min-width:1290px) and (orientation: landscape) {
  .item{
    width: 60vw;
    padding: 5px 15px;
    height: 1.5rem;
    
    font-size: 2.5vh;
  }
  #thanksBox{
    width: 65%;
    
    p{
      font-size:1vw;
    }
  }
  .titleForm{
    font-size: 1vw;
  }
  .sizelab{
    font-size: 1vw;
    margin-right: 5px;
  }
  .linkNav:before {
    height: 20px;
    width: 100px;
  }

  .linkNav:after {
    width: 100px;
    height: 20px;
  }
  .button{
    margin-top: 25px;
    background-color: black;
    height: 40px;
    width: 120px;
    border-radius: 20px;
    border-color: var(--color-Yellow);
    border-width: 4px;
    color: #f4f4f6;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    ;
    animation: buttonlgt 2s ease-in-out;
    animation-iteration-count: infinite;
  }
  .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .linkNav:hover::before {
    width: 0px;
    background: black;
    
  }
  .linkNav:hover::after {
    height: 0px;
    background: black;
  
  }
  .linkNav:hover {
    background: var(--color-Yellow);
    border-radius: 30px;
    color: #1f2026;
  }
}*/
@media only screen and (min-device-width : 600px) and (max-device-width : 1000px) and (orientation : landscape){
  .item{
    width: 60vw;
    padding: 5px 15px;
    height: 1.5rem;
    
    font-size: 2.5vh;
  }
  #thanksBox{
    width: 65%;
    
    p{
      font-size:1vw;
    }
  }
  .titleForm{
    font-size: 1vw;
  }
  .sizelab{
    font-size: 1vw;
    margin-right: 5px;
  }
  .linkNav:before {
    height: 20px;
    width: 100px;
  }

  .linkNav:after {
    width: 100px;
    height: 20px;
  }
  .button{
    margin-top: 25px;
    background-color: black;
    height: 40px;
    width: 120px;
    border-radius: 20px;
    border-color: var(--color-Yellow);
    border-width: 4px;
    color: #f4f4f6;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    ;
    animation: buttonlgt 2s ease-in-out;
    animation-iteration-count: infinite;
  }
  .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .linkNav:hover::before {
    width: 0px;
    background: black;
    
  }
  .linkNav:hover::after {
    height: 0px;
    background: black;
  
  }
  .linkNav:hover {
    background: var(--color-Yellow);
    border-radius: 30px;
    color: #1f2026;
  }
}