@media (min-width: 1001px) {

    html {
        font-size: 17px;
    }
    
    h1, h2, h3 {
        font-size: 3rem !important;
    }
    .landing-container {
        background-size: 2000px 3000px; 
    }
    .background-picture {
        padding: unset;
        width: 100%;
    }
    #overlay {
        z-index: 99;
    }
    .overlay {
        height: auto;
        background-color: rgba(10, 20, 45, 0.72);
    }
    .hero-section {
        width: 95%;
        height: fit-content;
        min-height: 70vh;
        width: 100%;
        margin: 0;
    }
    .hero-container {
        height: auto;
        max-height: unset;
    }
    .navbar {
        width: 100%;
        margin: 0 auto;
    }
    ul.navbar-menu {
        width: 100%;
        padding: 5px;
        justify-content: flex-end;
        align-items: flex-end;
    }
    .cta-btn {
        padding: 5px 10px 5px 10px;
    }
    div.section1 {
        border: 1px solid rgba(21, 48, 255, 0.335);
        border-radius: 15px;
        background-color: rgba(20, 34, 138, 0.4);
        padding: 5px 5px;
        width: fit-content;
        margin: 1rem auto;
        height: 25px;
    }
    .section1 span {
        font-size: 10px;
    }
    #headline {
        margin: 0 0 0 5px;
        font-size: 10px;
    }
    .hero-container h1 {
        font-size: 1.7rem;
        color: white;
        font-weight: 400;
        margin: unset;
    }
    .subtitle {
        width: 100%;
        margin: 2rem auto;
    }
    .button-group {
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        gap: 10px 20px;
        justify-content: center;
        align-items: center;
    }
    .button-group button:nth-child(1) {
        margin: 1rem auto 1rem auto;
    }
    .button-group button:nth-child(2) {
        width: 35%;
        margin: 0;
    }
    .logo-container {
        margin-top: 1rem;
        height: 4rem;
        width: 10rem;
    }
    .stats {
        width: 50%;
        margin: 0 auto 0 auto;
        max-width: 100vw;
    }
    .stat h5 {
        margin: unset;
    }
    .stat {
        margin: unset !important;
    }
    .why-cards {
        width: 95%;
    }
    .side-by-side-card {
        flex-direction: row;
        margin: 1rem auto;
        height: 50vh;
    }
    .left-card {
        width: 55%;
        height: 22rem;
        min-height: 20rem;
        border-radius: 20px 0 0px 20px;
    }
    .right-card {
        width: 45%;
        height: 22rem;
    }
    #right-card img{
        border-radius: 0px 20px 20px 0px !important;
    }
    .pricing-cards {
        flex-direction: row;
    }
    #enterprise {
        min-height: 49rem;
    }
    .icon-title {
        width: 100%;
        display: flex;
        align-items: center;
        font-size: 14px;
    }
    .icon-desc {
        padding-left: 10px;
    }
    .step-cards-container {
        flex-wrap: wrap;
        gap: 10px;
        margin: 2rem auto 1rem auto;
        padding: 0;
        margin: 0 auto;
    }
    .step-card {
        width: 90%;
        display: unset;
        height: fit-content;
        margin: 0 auto;
        padding: 0;
    }
    .step-card p {
        padding-left: 0;
    }
    .icon i {
        width: 3rem;
        height: 3rem;
        font-size: 1.5rem;
        padding-top: .8rem;
    }
    h5.step-big-title {
        font-size: 2.5rem;
        font-weight: 200;
    }
    .how-it-works-header p {
        width: 90%;
        color: rgba(20, 20, 20, 0.8);
        margin: 0 auto;
    }
    p.step-description {
        margin: unset;
        width: 100%;
    }
    .step-cards-container {
        width: 90%;
        margin: 0 auto;
        display: grid;
        grid-template-areas: 
        "one two"
        "three four";
    }
    .step-card thing:nth-child(1) {
        grid-area: one;
    }
    .step-card thing:nth-child(2) {
        grid-area: two;
    }
    .step-card thing:nth-child(3) {
        grid-area: three;
    }
    .step-card thing:nth-child(4) {
        grid-area: four;
    }
    .step-card {
        width: 80%;
    }
    .benefits-section {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 20px;
    }
    .benefits-header {
        height: auto;
        margin-bottom: 4rem;
    }
    .benefits-header h1 {
        font-size: 1.8rem;
    }
    .benefit-cards {
    width: 90%;
    margin: 0 auto;
    display: grid;
    grid-template-areas: 
    "one two"
    "three four"
    "five six";
    }
    .step-card thing:nth-child(1) {
        grid-area: one;
    }
    .step-card thing:nth-child(2) {
        grid-area: two;
    }
    .step-card thing:nth-child(3) {
        grid-area: three;
    }
    .step-card thing:nth-child(4) {
        grid-area: four;
    }
    .step-card thing:nth-child(5) {
        grid-area: five;
    }
    .step-card thing:nth-child(6) {
        grid-area: six;
    }
    .benefit-card {
        width: 100%;
    }
    .pricing-container {
        height: auto;
    }
    .pricing-cards {
        flex-direction: row;
        margin: 3rem auto;
        gap: 2rem 1rem;
    }
    .pricing-card {
        width: 90%;
        height: fit-content;
        min-height: 52vh;
    }
    .pricing-header {
        height: 8rem;
        width: 90%;
        margin: 4rem auto 1rem auto;
    }
    .pricing-header h1 {
        font-size: 2.2rem;
        font-weight: 400;
    }
    .pricing-card ul {
        width: 90%;
    }
    .btn {
        width: 100%;
        border: 1px solid rgba(217, 217, 217, 0.9);
        background-color: rgba(217, 217, 217, 0.9);
        margin: 2rem auto;

    }
    #professional {
        min-height: 65vh;
    }
    #enterprise {
        height: auto;
    }
    .pricing-guarantee {
        width: 80%;
        margin: 2rem auto;
    }
    .email-section {
        position: relative;
        height: auto;
    }
    .email-container {
        width: 90%;
        display: flex;
        flex-direction: column;
        height: auto;
        justify-content: center;
        margin: 2rem auto;
    }
    iframe#inline-ipAkOOZZzsRtqOnQTQ2f {
        margin: 0 auto;
    }
    .email-cta h3 {
        font-size: 2rem;
        font-weight: 400;
    }
    .email-cta p {
        width: 90%;
        margin: 0 auto;
    }
    .email-submit-btn {
        margin: 1rem 0;
        width: 90%;
        padding: 1rem 0 1rem 0;
        font-size: 1.2rem;
        font-weight: 200;
        border-radius: 12px;
    }
    .email-container input {
        margin: 1rem 0 5px 0;
        padding: 1.2rem 0 1.2rem 20px;
        width: 90%;
    }
    .permission-text {
        width: 76%;
        margin: .8rem 0 0 0;
        position: absolute;
        bottom: 70px;
        left: 12%;
        color: rgba(217, 217, 217, 0.8)
    }
    .footer {
        height: auto;
        width: 100%;
        display: flex;
        padding-top: 2rem;
    }
    .footer-logo {
        height: 30%;
        width: 100%;
        padding: 10px 0 10px 15px;
    }
    .footer-logo p {
        font-size: 10px;
    }
    .footer-links {
        height: 30%;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .footer-links h5 {
        margin: 0 0 0 15px;
    }
    .footer-links ul {
        text-align: left;
        margin: 0 0 0 15px;
        font-size: 10px;
    }
    .footer-links li {
        margin: 5px 0;
    }
    .footer-contact {
        height: 30%;
        align-items: flex-start;
        text-align: start;
        justify-content: flex-start;
    }
    .footer-contact h5 {
        margin:0 0 0 15px;
    }
    .footer-contact ul {
        text-align: left;
        margin: 0 0 0 15px;
        font-size: 10px;
    }
    .footer-contact li {
        margin: 5px 0;
    }
}