@media only screen and (min-width:600px) {
    .tracking-box {
        position: fixed;
        height: 500px;
        width: 100%
    }
    .tracking-logo>img {
        width: 30%;
        margin-left: 6%;
        margin-top: 10%
    }
    .tracking-input {
        width: 40%
    }
    .track-package-header {
        font-size: 200%;
        margin: 8%
    }
    .track-package-form>input {
        margin: 5% 0;
        border-radius: 0
    }
    .track-package-form>button {
        border-radius: 0;
        padding: 3% 0
    }
    .track-info {
        font-size: 250%;
        margin: 5% 0
    }
}

@media only screen and (max-width:600px) {
    .tracking-box {
        padding: 10% 0;
        width: 100%
    }
    .tracking-logo>img {
        width: 100%;
        margin-left: 6%;
        margin-top: 10%
    }
    .track-package-header {
        font-size: 250%;
        margin: 8%;
        text-transform: uppercase;
        font-weight: 700
    }
    .track-package-form>input {
        margin: 10% 0;
        border-radius: 0
    }
    .track-package-form>button {
        border-radius: 0;
        padding: 3% 0
    }
    .track-info {
        font-size: 250%;
        margin: 5% 0
    }
}