@media (max-width:1235px) {

    .c1-name {
        margin-left: 300px;
    }
    .nav-links a {
        font-size: 16px;
        font-weight: 480;
        margin: -23px 45px 0 0;
        padding: 0 25px 0 25px;
    }
    }
  
@media (max-width:960px) {
    .c1-name {
        margin: auto;
        display: flex;
    }
    .nav-links a {
        display: none;
        font-size: 16px;
        font-weight: 480;
        padding-top: 500px;
    }
    
    .top-wrapper {
        background-image: url(walpaper/walpaper-tablet.jpg);
    }
}
@media (max-width:500px) {
    .top-wrapper {
        background-image: url(walpaper/walpaper-mobile.jpg);
    }
    .top-wrapper h1 {
        opacity: 0.6;
        font-size: 30px;
        letter-spacing: 5px;
        margin-bottom: 10px;
        transition: 4s;
      }
}