@media (max-width: 460px) {
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: scale(0.7) rotate(0deg);
        }
        100% {
            -webkit-transform: scale(0.7) rotate(360deg);
        }
    }
    @keyframes spin {
        0% {
            transform: scale(0.7) rotate(0deg);
        }
        100% {
            transform: scale(0.7) rotate(360deg);
        }
    }
    @-webkit-keyframes spin_backwards {
        0% {
            -webkit-transform: scale(0.65) rotate(0deg);
        }
        100% {
            -webkit-transform: scale(0.65) rotate(-360deg);
        }
    }
    @keyframes spin_backwards {
        0% {
            transform: scale(0.65) rotate(0deg);
        }
        100% {
            transform: scale(0.65) rotate(-360deg);
        }
    }
    .animated_background::before,
    .animated_background::after {
        left: -170px;
    }
    .animated_background img {
        max-width: 400px;
    }
    .power_section img {
        margin-bottom: -11px;
    }
}
@media (min-width: 461px) {
    .animated_background img {
        max-width: 500px;
    }
}
@media (min-width: 461px) and (max-width: 570px) {
    .animated_background::before,
    .animated_background::after {
        left: -115px;
    }
    .power_section img {
        margin-bottom: -15px;
    }
}
@media (min-width: 571px) and (max-width: 670px) {
    .animated_background::before,
    .animated_background::after {
        left: -115px;
    }
    .power_section img {
        margin-bottom: -20px;
    }
}
@media (min-width: 671px) and (max-width: 770px) {
    .animated_background::before,
    .animated_background::after {
        left: -75px;
    }
    .power_section img {
        margin-bottom: -22px;
    }
}
@media (min-width: 771px) and (max-width: 820px) {
    .animated_background::before,
    .animated_background::after {
        left: 0;
    }
    .power_section img {
        margin-bottom: -24px;
    }
}
@media (min-width: 821px) and (max-width: 899px) {
    .animated_background::before,
    .animated_background::after {
        left: 40px;
    }
    .power_section img {
        margin-bottom: -25px;
    }
}
@media (min-width: 461px) and (max-width: 899px) {
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: scale(0.9) rotate(0deg);
        }
        100% {
            -webkit-transform: scale(0.9) rotate(360deg);
        }
    }
    @keyframes spin {
        0% {
            transform: scale(0.9) rotate(0deg);
        }
        100% {
            transform: scale(0.9) rotate(360deg);
        }
    }
    @-webkit-keyframes spin_backwards {
        0% {
            -webkit-transform: scale(0.8) rotate(0deg);
        }
        100% {
            -webkit-transform: scale(0.8) rotate(-360deg);
        }
    }
    @keyframes spin_backwards {
        0% {
            transform: scale(0.8) rotate(0deg);
        }
        100% {
            transform: scale(0.8) rotate(-360deg);
        }
    }
}
@media (max-width: 767px) {
    .features_section .column {
        width: 100%;
        border-top: 1px solid var(--eatnet_lightgray_color);
        border-bottom: 1px solid var(--eatnet_lightgray_color);
        padding: 30px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .features_section .column:first-child {
        border-top: 0;
    }
    .features_section .column:last-child {
        border-bottom: 0;
    }
}
@media (min-width: 701px) and (max-width: 899px) {
    .features_section .column {
        width: 50%;
        padding: 30px;
    }
    .features_section .column:nth-child(odd) {
        border-right: 2px solid var(--eatnet_lightgray_color);
    }
    .features_section .column:nth-child(1),
    .features_section .column:nth-child(2) {
        border-bottom: 2px solid var(--eatnet_lightgray_color);
    }
    .cta_section img {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 899px) {
    .site-branding {
        display: block;
    }
    .transparent_menu .main_section {
        padding-top: 180px;
    }
    h1,
    .heading {
        letter-spacing: -2px;
    }
    h1 {
        font-size: 50px;
    }
    .heading {
        font-size: 42px;
    }
    .wrap {
        flex-wrap: wrap;
    }
    .mobile_direction {
        flex-direction: column;
    }
    .mobile_direction_reverse {
        flex-direction: column-reverse;
    }
    .main_section::before {
        right: -450px;
    }
    .main_section .column_left,
    .main_section .column_right {
        width: 100%;
    }
    .main_section .column_left {
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -50px;
        margin-bottom: 50px;
    }
    .animated_background img {
        margin-left: auto;
        margin-right: auto;
    }
    .power_section::after {
        height: 40%;
        opacity: 0.7;
    }
    .power_section .heading {
        margin-bottom: 30px;
    }
    .power_section .column {
        width: 100%;
    }
    .power_section .right_column {
        padding-left: 15px;
        padding-right: 15px;
    }
    .power_section .feature {
        margin-top: 15px;
        padding: 20px;
        font-size: 20px;
    }
    .power_section img {
        margin-top: -10px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 1;
    }
    .cta_section .left_column,
    .cta_section .right_column {
        width: 100%;
    }
    .cta_section .left_column {
        margin-top: 50px;
        margin-bottom: 100px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 900px) {
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: scale(0.9) rotate(0deg);
        }
        100% {
            -webkit-transform: scale(0.9) rotate(360deg);
        }
    }
    @keyframes spin {
        0% {
            transform: scale(0.9) rotate(0deg);
        }
        100% {
            transform: scale(0.9) rotate(360deg);
        }
    }
    @-webkit-keyframes spin_backwards {
        0% {
            -webkit-transform: scale(0.8) rotate(0deg);
        }
        100% {
            -webkit-transform: scale(0.8) rotate(-360deg);
        }
    }
    @keyframes spin_backwards {
        0% {
            transform: scale(0.8) rotate(0deg);
        }
        100% {
            transform: scale(0.8) rotate(-360deg);
        }
    }
    h1,
    .heading {
        font-size: 70px;
        letter-spacing: -4px;
    }
    .transparent_menu .main_section {
        padding-top: 130px;
    }
    .main_section .column_left {
        width: 40%;
    }
    .main_section .column_right {
        width: 60%;
    }
    .animated_background::before,
    .animated_background::after {
        left: 40px;
    }
    .animated_background img {
        margin-left: auto;
        margin-right: -30px;
    }
    .features_section .column {
        width: 25%;
        border-left: 1px solid var(--eatnet_lightgray_color);
        border-right: 1px solid var(--eatnet_lightgray_color);
        padding: 15px 30px;
    }
    .power_section::after {
        height: 85%;
    }
    .power_section .column {
        width: 50%;
    }
    .power_section .feature {
        margin-top: 20px;
        padding: 15px 100px 15px 30px;
        font-size: 24px;
    }
    .power_section img {
        margin-bottom: -15px;
    }
    .cta_section .left_column {
        width: 55%;
    }
    .cta_section .right_column {
        width: 45%;
    }
}
@media (min-width: 900px) and (max-width: 1199px) {
    .main_section::before {
        right: -25px;
    }
}
@media (min-width: 1200px) and (max-width: 1460px) {
    .main_section::before {
        right: -350px;
    }
}
@media (min-width: 1461px) {
    .main_section::before {
        right: -25px;
    }
}