@media only screen and (min-width: 751px){
    .mobile{
        display: none;
    }
    .desk{
        display: block;
    }
}
@media only screen and (max-width: 751px){
    .mobile{
        display: block;
    }
    .desk{
        display: none;
    }
    
    #form{
        font-size: 1.5em;
        width: 90%;
        display: inline-flex;
    }
    #formDiv{
        margin-top: 22.5vw;
    }
    
    #verify_btn{
        margin-top: -3px;
        margin-bottom: 0.5vw;
    }
    .full-landing{ display: block;}
        
    .header-logo{
        height: 14vw;
        width: auto;
    }
	
    .stdi{
        width: 75vw;
    }
    .l-stdi{
        width: 66vw !important;
        height: 9vw !important;
    }
    .navBtn {
        height: 10.2vw;
        width: 33vw !important;
    }
    #wheel-spin #wheel-img {
        height: 83vw;
        margin-left: 7vw;
    }
    #register{
        margin-left: 0;
        margin-right: 3.5vw;
    }
    #reg-state{
        width: 93vw !important;
    }
    #register h1{
        margin-top: 22vw;
    }
    #register-form {
        margin-left: auto;
        margin-right: auto;
        width: 88vw;
    }
    #spinHeader{
        font-size: 1.4rem;
        width: 87%;
        display: inline-flex;
        margin-left: 0vw;
    }

    .l-stdbtn{
        height: 10.92vw !important;
        width: 66vw !important;
        max-width: none !important;
        border-radius: 5px;
    }
    #landing-header {
        width: 100%;
        height: auto;
        margin-top: 17vw;
        margin-bottom: -20vw;
    }
    .socials{
        width: 8vw;
    }
    .header{
            padding: 0px 20px;
    }

    .hamburger {
        display: inline-block;
        cursor: pointer;
    }
    .header-logo-div{
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .popup .close {
        top: 7px;
        right: 15px;
    }
    .bar1, .bar2, .bar3 {
        width: 35px;
        height: 5px;
        background-color: white;
        margin: 6px 0;
        transition: 0.4s;
    }

    .change .bar1 {
        transform: translate(0, 11px) rotate(-45deg);
    }

    .change .bar2 {
        opacity: 0;
    }

    .change .bar3 {
        transform: translate(0, -11px) rotate(45deg);
    }

    .header-links{
        display: none;
    }
    
    .half{
        flex: 100%;
    }

    .third{
        flex: 100%;
    }
    
    .footer p{
        display: block;
    }
    .ldContent{
        margin-top: 50vw;
    }
    .box{
        width: 70%;
    }
    .popup{
        width: 70%;
  }
  .zoom{
      width: 16.25vw;
      height: 9vw;
      left: 37%;
  }
}