/*Slider CSS Document*/
.slider_container{
    width: 1000px;
    height: 500px;
    box-sizing:border-box;
    display: block;
    overflow: hidden;
    border: solid 3px black;
    margin: 30px auto 0px auto;
}

.slider_container figure{
    position: relative;
    width: 500%;
    overflow: hidden;
    margin: auto;
    animation: 50s slidy infinite;
}


.slide{
    width:20%;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    float: left;
}

.slide1{
    background-image: url(img/dessert.jpg);
}

.slide2{
    background-image: url(img/chicken.jpg);
}

.slide3{
    background-image: url(img/bread.jpg);
}

.slide4{
    background-image: url(img/lasagna.jpg);
}

.slide5{
    background-image: url(img/wine.jpg);
}

.slide6{
    background-image: url(img/pasta_front.jpg);
}

.slide7{
    background-image: url(img/pasta_prawns.jpg);
}

@keyframes slidy{
    0%{
        left:0%;
    }
    10%{
        left: 0%;
    }
    12%{
        left: -100%;
    }
    22%{
        left: -100%;
    }
    24%{
        left: -200%;
    }
    34%{
        left: -200%;
    }
    36%{
        left: -300%;
    }
    46%{
        left: -300%;
    }
    48%{
        left: -400%;
    }
    58%{
        left: -400%;
    }
    60%{
        left: -300%;
    }
    70%{
        left: -300%;
    }
    72%{
        left:-200%;
    }
    82%{
        left:-200%;
    }
    84%{
        left: -100%;
    }
    94%{
        left: -100%;
    }
    100%{
        left: 0%;
    }