@media screen and (max-width: 2066px) {
    #infoButton {
        top: 30%!important;
    }
}

@media screen and (max-width: 1920px) {
    #infoButton {
        top:27%!important
    }
}

@media screen and (max-width: 1820px) {
    #infoButton {
        top:26%!important
    }

    #infoBox {
        padding: 2rem!important
    }
}

@media screen and (max-width: 1720px) {
    #infoButton {
        top:24%!important
    }
}

@media screen and (max-width: 1680px) {
    #infoButton {
        top:19%!important
    }

    #infoBox {
        padding: 1.1rem!important
    }
}

@media screen and (max-width: 1500px) {
    #infoButton {
        top:33%!important;
        right: 14.6%!important
    }

    #infoBox {
        padding: 3.3rem!important
    }
}

@media screen and (max-width: 1400px) {
    #infoButton {
        top:32%!important;
        right: 12%!important
    }
}

@media screen and (max-width: 1300px) {
    #infoButton {
        top:32%!important;
        right: 9%!important
    }
}

@media screen and (max-width: 1200px) {
    #infoButton {
        top:23%!important;
        right: 11%!important
    }
}

@media screen and (max-width: 1080px) {
    #infoButton {
        top:21%!important;
        right: 11%!important
    }
}

@media screen and (max-width: 1060px) {
    #infoButton {
        top:29.999%!important;
        right: 9%!important
    }

    #infoBox {
        padding: 1.3rem!important
    }
}

@media screen and (max-width: 970px) {
    #infoButton {
        top:28.777%!important;
        right: 9%!important
    }
}

@media screen and (max-width: 900px) {
    #infoButton {
        top:24.777%!important;
        right: 9%!important
    }

    #infoBox {
        padding: 2rem!important
    }
}

@media screen and (max-width: 800px) {
    #infoButton {
        display:none
    }
}