.slider {
			width: 100%;
			height: 100vh;
			position: relative;
			overflow: hidden;
            margin-bottom: 50px;
		}
		.slider-inner {
			width: 400%;
			height: 100vh;
			position: absolute;
			top: 0;
			left: 0;
			animation: slide 10s infinite;
		}
		.slide {
			width: 25%;
			height: 100vh;
			float: left;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			color: #FFF;
		}
		.slide h1 {
			font-size: 25px;
			margin-bottom: 20px;
			text-align: center;
            color: #FFF;
            padding-left: 30px;
        padding-right: 30px;
		}
		.slide p {
			font-size: 20px;
			margin-bottom: 40px;
			text-align: center;
		}
		@keyframes slide {
            0% {
              left: 0;
            }
            20% {
              left: 0;
            }
            25% {
              left: -100%;
            }
            45% {
              left: -100%;
            }
            50% {
              left: -200%;
            }
            70% {
              left: -200%;
            }
            75% {
              left: -300%;
            }
            95% {
              left: -300%;
            }
            100% {
              left: 1000; /* change to 0 instead of -400% to go back to the first slide */
            }
          }