@media (min-width: 300px) and (max-width: 1250px) {
    .header {
        margin-left: 40px;
        margin-right: 40px;
    }
}
@media (min-width: 300px) and (max-width: 621px) {
    span {
        display: none;
    }
}
@media (min-width: 340px) and (max-width: 354px) {
    [type="date"] {
        width: 230px;
    }
    [type="submit"] {
        width: 250px;
    }
}
@media (min-width: 320px) and (max-width: 340px) {
    [type="date"] {
        width: 220px;
    }
    [type="submit"] {
        width: 240px;
    }
    [type="text"] {
        width: 230px;
    }
    [type="password"] {
        width: 230px;
    }
}
@media (min-width: 300px) and (max-width: 320px) {
    [type="date"] {
        width: 200px;
    }
    [type="submit"] {
        width: 220px;
    }
    [type="text"] {
        width: 210px;
    }
    [type="password"] {
        width: 210px;
    }
}