* {
    margin: 0;
    padding: 0;
}

@media (min-width: 0px) {  
    .panjang-content {
        width: 100%;
    }
    .bayangan {
        box-shadow: 0 3px 20px rgba(0,0,0,0.3);
        height: 80px;
    }
    .tautan {
        text-decoration: none;
        color: black;
    }
    .login {
        text-align: right;
        font-size: 24px;
    }
    .panjang-tombol {
        width: 30px;
    }
    .modify-container {
        padding-left: 50px;
        padding-right: 50px;
    }    
}

@media (min-width: 992px) {  
    .panjang-content {
        width: 100%;
    }
    .bayangan {
        box-shadow: 0 3px 20px rgba(0,0,0,0.3);
        height: 80px;
    }
    .tautan {
        text-decoration: none;
        color: black;
    }
    .login {
        text-align: right;
        font-size: 24px;
    }
    .panjang-tombol {
        width: 30px;
    }
    .modify-container {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }    
}