@media (max-width:948px){
    .toggle-button{
        display: flex;
        right: 50px; 
    }
    .navbar-links{
        display: none; 
        width: 100%;
    }
    .navbar{
        flex-direction: column;
        align-items: flex-start;
        /* height: 280px;  */
    }  
    .navbar-links ul{
        flex-direction: column;
        width: 100%;
    }
    .navbar-links li{
        text-align: center;
    }
    .navbar-links li a{
        padding: 5px 0;
    }
    .navbar-links.active{
        display: flex;
        height: 240px;
    } 
    .to-top{
        margin-left: -25px;
    }
}
@media (max-width:572px){
    .toggle-button{
        left: 930px;
    }
    .navbar{
        width: 1000px;
    }
    .header2{
        width: 1000px;
    }
    .header3{
        width: 1000px;
    }
    .w3-foot{
        width: 1000px;
    }
    .main{
        width: 1000px;
    }
    .to-top{
        margin-left: 424px;
    }
}
@media (max-width:416px){
    .to-top{
        margin-left: 555px;
    }
}
@media (max-width:336px){
    .to-top{
         margin-left: 630px; 
    }
}
@media (max-width:260px){
    .to-top{
        margin-left: 467px;
   }
    .toggle-button{
        left: 600px;
    }
    .header2{
        width: 600px;
    }
    .header3{
        width: 600px;
    }
    .w3-foot{
        width: 600px;
    }
    .main{
        width: 600px;
    }
}