﻿.container-carousel {
    overflow: hidden;

    .slider {
        animation: slidein 10s linear infinite;
        white-space: nowrap;

        .logos {
            width: 100%;
            display: inline-block;
            margin: 0px 0;

            .fab {
                width: calc(100% / 5);
                animation: fade-in 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
            }
        }
    }
}

@keyframes slidein {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}




@media screen and (min-width: 1170px) {
    
/*    nav {
        .navbar-brand {
            font-size: 30px;
        }

        .navbar-toggle {
            margin: 13px 15px 13px 0;
        }

        a {
            font-size: 18px;
            padding-bottom: 20px !important;
            padding-top: 20px !important;
            transition: all 0.3s ease;
        }
    }

*/
    /*.toggle-change {
        &::after {
            border-top: 0;
            border-bottom: .3em solid;
        }
    } 
*/
    nav.navbar.shrink {
        height: 60px;
        padding-top: 20px;
        background-color: #fff;
        transition: all 3.5s ease;

        .navbar-brand {
            font-size: 25px;
        }

        a {
            font-size: 15px;
            padding-bottom: 10px !important;
            padding-top: 10px !important;
            transition: all 1.5s ease;
        }

        img {
            width: 10%;
            height: 10%;
            transition: all 1.5s ease;
        }

        .navbar-toggle {
            margin: 8px 15px 8px 0;
            padding: 4px 5px;
            background-color: #fff;
            transition: all 1.5s ease;
        }
    }

}

