@media screen and (max-width: 1000px) {
    .nav-content a {
        color: black !important;
    }
    .nav-content a {
        margin: 20px 0;
        padding: 10px 0;
    }
    .nav-content-special a {
        color: black !important;
    }
    .nav-btn-menu {
        color: rgb(150,150,150) !important;
    }
    .nav-content-special a {
        margin: 20px 0;
    }
    .tiles h1 {
        letter-spacing: 0 !important;
        font-size: 64px !important;
    }
}

@media screen and (max-width: 680px) {
    .tiles h1 {
        letter-spacing: 0 !important;
        font-size: 42px !important;
    }
    .pricing-card {
        margin: 0 !important;
    }
    .hero-heading {
        font-size: 48px !important;
    }
}

@media screen and (max-width: 1980px) {
    .pricing {
        font-size: 72px !important;
    }
}
@keyframes ani-content {
    from {
        opacity: 0;
        left: -50px;
    }
    to {
        opacity: 1;
        left: 0;
    }
}
@keyframes ani-content-pic {
    from {
        opacity: 0;
        bottom: -50px;
    }
    to {
        opacity: 1;
        bottom: 0;
    }
}
@keyframes text-left {
    from {
        opacity: 0;
        right: -50px;
    }
    to {
        opacity: 1;
        right: 0;
    }
}