@media only screen and (max-width: 1680px) {
    form {
        width: 30%;
    }
    #homeOptions {
        width: 65%;
    }
    #generateInvoiceForm {
        width: 70%;
    }
    #invoice {
        margin-left: 22%;
    }
    #dashedCard {
        width: 25%;
    }
    #table1InInvoice {
        width: 50%;
    }
    #table2InInvoice {
        width: 25%;
    }
    #customersInfoForm {
        width: 40%;
    }
    #tableForCustomersInvoices {
        width: 55%;
    }
}

@media only screen and (max-width: 1420px) {
    form {
        width: 40%;
    }
    #homeOptions {
        width: 85%;
    }
    #generateInvoiceForm {
        width: 75%;
    }
    #invoice {
        margin-left: 10%;
    }
    #dashedCard {
        width: 40%;
    }
    #table1InInvoice {
        width: 70%;
    }
    #table2InInvoice {
        width: 50%;
    }
    #customersInfoForm {
        width: 60%;
    }
    #tableForCustomersInvoices {
        width: 70%;
    }
}

@media only screen and (max-width: 1120px) {
    form {
        width: 50%;
    }
    #homeOptions {
        width: 95%;
    }
    #generateInvoiceForm {
        width: 80%;
    }
    #dashedCard {
        width: 41%;
    }
    #invoice {
        margin-left: 5%;
    }
    #table1InInvoice {
        width: 80%;
    }
    #table2InInvoice {
        width: 65%;
    }
    #customersInfoForm {
        width: 75%;
    }
    #tableForCustomersInvoices {
        width: 90%;
    }
}

@media only screen and (max-width: 760px) {
    form {
        width: 70%;
    }
    #homeOptions {
        width: 100%;
    }
    #generateInvoiceForm {
        width: 90%;
    }
    #invoice {
        margin-left: 0%;
    }
    #dashedCard {
        width: 45%;
    }
    #table1InInvoice {
        width: 90%;
    }
    #table2InInvoice {
        width: 70%;
    }
    #customersInfoForm {
        width: 85%;
    }
    #tableForCustomersInvoices {
        width: 95%;
        font-size: small;
    }
}

@media only screen and (max-width: 550px) {
    form {
        width: 80%;
    }
    #homeOptions {
        width: 100%;
    }
    #generateInvoiceForm {
        width: 95%;
    }
    #table1InInvoice {
        width: 99%;
    }
    #table2InInvoice {
        width: 80%;
    }
    #customersInfoForm {
        width: 95%;
    }
    #tableForCustomersInvoices {
        width: 98%;
    }
}