#slider {
    overflow: hidden;
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: fade(@black, 40%);
    .swiper-wrapper {
        .swiper-slide {
            .slide-content {
                position: absolute;
                width: 45%;
                top: 60%;
                right: 3%;
                @media (max-width: 1024px){
                    width: 60%;
                    right: -5%;
                }
                @media (max-width: 768px){
                    right: -2%;
                }
                @media (max-width: 736px){
                    width: 65%;
                }
                @media (max-width: 667px){
                    width: 70%;
                }
                @media (max-width: 600px){
                    width: 80%;
                }
                @media (max-width: 568px){
                    width: 85%;
                }
                @media (max-width: 414px){
                    width: 100%;
                }
                @media (max-width: 320px){
                    right: 0;
                }
                h1 {
                    text-align: left;
                    font-size: 4em;
                    line-height: 2em;
                    display: block;
                    color: white;
                    padding:10px 20px;
                    text-shadow: 0px 0px 40px #fff;
                    @media (max-width: 768px){
                        font-size: 3em;
                    }
                    @media (max-width: 414px){
                        font-size: 2em;
                    }
                    @media (max-width: 320px){
                        padding:10px 0;
                    }
                }
                p {
                    font-size: 2em;
                    color: white;
                    padding: 0 0 0 40px;
                    .transition(4s);
                    opacity: 0;
                    @media (max-width: 414px){
                        font-size: 1.3em;
                    }
                    @media (max-width: 320px){
                        padding: 0;
                    }
                }
            }
        }
        .swiper-slide-active {
            .slide-content {
                p {
                    .transition(8s);
                    opacity: 1;
                    text-shadow: 0px 0px 40px #fff;
                }
            }
        }
    }
}

@keyframes bounce { from { width: 0; } }
@-webkit-keyframes bounce { from { width: 0; } }
@-moz-keyframes bounce { from { width: 0; } }
@-o-keyframes bounce { from { width: 0; } }
.swiper-slide-active .slide-content h1 {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    animation: bounce 3s;
    animation-timing-function: linear;
}
