.elementor-3662 .elementor-element.elementor-element-703987a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-3662 .elementor-element.elementor-element-703987a:not(.elementor-motion-effects-element-type-background), .elementor-3662 .elementor-element.elementor-element-703987a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3662 .elementor-element.elementor-element-703987a::before, .elementor-3662 .elementor-element.elementor-element-703987a > .elementor-background-video-container::before, .elementor-3662 .elementor-element.elementor-element-703987a > .e-con-inner > .elementor-background-video-container::before, .elementor-3662 .elementor-element.elementor-element-703987a > .elementor-background-slideshow::before, .elementor-3662 .elementor-element.elementor-element-703987a > .e-con-inner > .elementor-background-slideshow::before, .elementor-3662 .elementor-element.elementor-element-703987a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3662 .elementor-element.elementor-element-5efcc39{width:100%;max-width:100%;}.elementor-3662 .elementor-element.elementor-element-4dd112b > .elementor-container{max-width:1680px;min-height:100px;}.elementor-3662 .elementor-element.elementor-element-4dd112b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 30px 0px 30px;}.elementor-3662 .elementor-element.elementor-element-4dd112b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-3662 .elementor-element.elementor-element-12ed606.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3662 .elementor-element.elementor-element-12ed606.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3662 .elementor-element.elementor-element-12ed606.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-3662 .elementor-element.elementor-element-12ed606 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-3662 .elementor-element.elementor-element-30b7b4d{width:auto;max-width:auto;}.elementor-3662 .elementor-element.elementor-element-30b7b4d .menu-mobile-nav-button .nutritix-icon > span{background-color:#000000;}.elementor-3662 .elementor-element.elementor-element-30b7b4d .menu-mobile-nav-button:not(:hover) .screen-reader-text{color:#000000;}.elementor-3662 .elementor-element.elementor-element-30b7b4d .menu-mobile-nav-button:hover .nutritix-icon > span{background-color:var( --e-global-color-primary_hover );}.elementor-3662 .elementor-element.elementor-element-30b7b4d .menu-mobile-nav-button:hover .screen-reader-text{color:var( --e-global-color-primary_hover );}.elementor-widget-site-logo .hfe-site-logo-container .hfe-site-logo-img{border-color:var( --e-global-color-primary );}.elementor-widget-site-logo .widget-image-caption{color:var( --e-global-color-text );}.elementor-3662 .elementor-element.elementor-element-97f0136 .hfe-site-logo-container, .elementor-3662 .elementor-element.elementor-element-97f0136 .hfe-caption-width figcaption{text-align:center;}.elementor-3662 .elementor-element.elementor-element-97f0136 .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-3662 .elementor-element.elementor-element-97f0136{width:auto;max-width:auto;}.elementor-3662 .elementor-element.elementor-element-97f0136 .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-3662 .elementor-element.elementor-element-723ec5a{width:auto;max-width:auto;}.elementor-3662 .elementor-element.elementor-element-723ec5a .elementor-header-group-wrapper .header-group-action > div a:not(:hover) i:before{color:#000000;}.elementor-3662 .elementor-element.elementor-element-723ec5a .elementor-header-group-wrapper .header-group-action > div a:not(:hover):before{color:#000000;}.elementor-3662 .elementor-element.elementor-element-5b2e157 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-3662 .elementor-element.elementor-element-06d3145 .main-navigation{text-align:right;}.elementor-3662 .elementor-element.elementor-element-06d3145 .main-navigation ul.menu > li.menu-item > a{font-size:24px;font-weight:700;line-height:24px;}.elementor-3662 .elementor-element.elementor-element-06d3145 .main-navigation ul.menu > li.menu-item > a:not(:hover){color:#000000;}.elementor-3662 .elementor-element.elementor-element-06d3145 .main-navigation ul.menu >li.menu-item >a:hover{color:var( --e-global-color-primary_hover );}@media(max-width:1200px){.elementor-3662 .elementor-element.elementor-element-06d3145 .main-navigation{text-align:center;}}@media(max-width:767px){.elementor-3662 .elementor-element.elementor-element-4dd112b > .elementor-container{min-height:70px;}.elementor-3662 .elementor-element.elementor-element-4dd112b{padding:0px 15px 0px 15px;}}@media(max-width:1366px) and (min-width:768px){.elementor-3662 .elementor-element.elementor-element-5b2e157{width:50%;}}@media(max-width:1200px) and (min-width:768px){.elementor-3662 .elementor-element.elementor-element-12ed606{width:17%;}.elementor-3662 .elementor-element.elementor-element-5b2e157{width:53%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3662 .elementor-element.elementor-element-12ed606{width:100%;}}/* Start custom CSS for html, class: .elementor-element-5efcc39 *//* Using em for your padding-left is going to ensure the padding scales in proportion to the font-size. */

.content {
    font-family: "Courier", sans-serif;
    font-size: 1.5rem;
    font-weight: 550;
    color: #FFFFFF;
    padding-left: 1.35em;
}

@media only screen and (max-width: 767px) {
    .content {
        font-size: 1.5rem !important;
        padding-left: 0.25em;
    }
}

.outer {
    overflow: hidden;  !important;
}

.outer div {
    display: inline-block;
}

.loop {
    white-space: nowrap;
    animation: loop-anim 20s linear infinite;
}

@media only screen and (max-width: 767px) {
    .loop {
        animation: loop-anim 8s linear infinite;
    }
}

@keyframes loop-anim {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -50% /* This works because of the div between "outer" and "loop" */
    }
}




Adjustments and additional code 👇

/* An example of a media query for devices between 767 and 1024 pixels (tablets). Change out the pixel values to control the breakpoints. Target the correct class and make your changes. */

@media only screen and (min-width: 767px) and (max-width: 1024px) {
   .content {
        font-size: 2.25rem !important;
        padding-left: 0.25em;
    }
}/* End custom CSS */