.svgwhite path{
    stroke: #fff !important;
    transition: ease all .3s;
}

.scroll > .svgwhite >  .active{
    fill: white !important;
    transition: ease all .3s;
}


.nav-button:hover svg path{
    /* animation: changeColor 2.2s ease-in-out infinite alternate; */
    stroke: #ff4d1d;
    
}

@keyframes changeColor {
    0%{
        stroke: #061D38;
       
    }
    100%{
        stroke: #ff4d1d;
        
    }
}

.nav-button svg path{
    transition: stroke .4s ease-in-out;
}
.nav-button{
    scale: 1.2;
}
.nav-button {
    animation: scaleChange 1.2s ease-in-out infinite alternate;
}

.navl{
    animation: scaleChangeL 1.2s ease-in-out infinite alternate;
}
.navr{
    animation: scaleChangeR 1.2s ease-in-out infinite alternate;
}

@keyframes scaleChangeR {
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(20px);
    }
}
@keyframes scaleChangeL {
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-20px);
    }
}

.modal-text-container article{
    width:50%;
    padding: 0 15px;
    left: 50%;
}

@media screen and (max-width:760px) {
    .modal-text-container article{
        width:100%;
        left: 0;
    }
}