@media (max-width: 1280px) {
    html {
        font-size: 16px;
    }

    .padding {
        padding: 75px;
    }

    header a.logo {
        padding: 40px 10px;
        width: 180px;
    }

    nav ul li a {
        padding: 5px;
    }
}

@media(min-width: 1079px) {
    .onlyphone {
        display: none !important;
    }
}

@media (max-width: 1080px) {
    html {
        font-size: 14px;
    }

    .padding {
        padding: 60px;
    }

    .nophone {
        display: none !important;
    }

    header a.logo {
        padding: 10px;
    }

    nav ul li a {
        padding: 5px;
    }
}

@media (max-width: 720px) {
    html {
        font-size: 14px;
    }

    footer .column {
        padding-left: 12.5%;
        padding-right: 12.5%;
        width: 100%;
    }

    .padding {
        padding: 50px;
    }

    .padding-v {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .padding-h {
        padding-left: 50px;
        padding-right: 50px;
    }

    header a.logo {
        position: relative;
        padding: 10px 25%;
        width: 100%;
    }

    header .header-content {
        background-color: var(--backgroundColor) !important;
        position: relative;
    }

    header .header-top .header-top-main {
        justify-content: center;
        width: 100%;
    }

    header .header-content .header-content-main {
        justify-content: center;
        width: 100%;
    }
}

@media(max-width: 630px) {
    html {
        font-size: 12px;
    }

    .padding {
        padding: 25px;
    }

    .padding-h {
        padding-left: 25px;
        padding-right: 25px;
    }

    table th {
        font-size: 0.8rem;
    }

    table td {
        font-size: 0.8rem;
    }
}