@media screen and (max-width: 1200px) {
    .copyBtn {
        margin: 20px 0;
        left: 0px;
        bottom: 0px;
    }

    #rangeBtn {
        margin: 0 15px;
    }

    .range-container {
        margin-top: 15px;
    }

    .checkBoxes span {
        font-size: 1.8vw;
        margin: 0 2vw;
    }

    .checkBox {
        margin: 0 0.6vw;
    }

    .checkBX {
        height: 2vw;
        width: 2vw;
    }
}

@media screen and (max-width: 650px) {
    main {
        position: relative;
        bottom: 10vw;
    }
    .copyBtn {
        margin-right: 130px;
        bottom: 15px;
        height: 40px;
    }

    .generateBox span {
        width: 100px;
        left: 290px;
    }

    nav ul {
        justify-content: center;
    }

    .generateBox {
        width: 440px;
    }

    .checkBoxes span {
        font-size: 4vw;
        margin: 0.2vw 2vw;
    }

    .checkBox {
        margin: 0 0.6vw;
    }

    .checkBX {
        height: 5vw;
        width: 5vw;
    }

    footer {
        font-size: 12px;
    }

    .footer-links ul li {
        display: inline-block;
        line-height: 25px;
    }

    .footer-bottom p {
        font-size: 12px;
    }
}

@media screen and (max-width: 450px) {
    .generateBox {
        width: 300px;
    }
}