@media all and (min-width: 480px) and (max-width: 1199px) {
    #nav-links {
        justify-content: space-evenly;
    }
}

@media all and (min-width: 576px) and (max-width: 679px) {
    #flotoogle-logo img {
        width: 260px;
    }
}

@media all and (min-width: 480px) and (max-width: 575px) {
    #flotoogle-logo img {
        width: 250px;
    }

    #header {
        flex-wrap: wrap;
    }
}

@media all and (min-width: 0px) and (max-width: 550px) {
    main {
        padding-top: 20px;
    }

    #flotoogle-logo img {
        width: 240px;
    }

    header {
        flex-wrap: wrap;
        height: auto;
        justify-content: space-evenly;
    }
}