.nadpis {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 3em;
	font-weight: bolder;
	font-family: Lato, sans-serif;
	padding-bottom: 5px;
	border-bottom:3px solid #222;
		width: 50%;
	padding-bottom:25px;
	}


}
.slider{

    position: relative;

    width: 100%;

    margin: auto;

    overflow: hidden;
	
}

.slider img{
	
	
	
    width: 50%;

    display: none;

	margin: 0 auto;

}

img.displaySlide{

    display: block;

    animation-name: fade;

    animation-duration: 1.5s;

}

.slider button{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    font-size: 2rem;

    padding: 10px 15px;

    background-color: hsla(0, 0%, 0%, 0.5);

    color: white;

    border: none;

    cursor: pointer;

}

.prev{

    left: 0;

}

.next{

    right: 0;

}

@keyframes fade {

    from {opacity: .5}

    to {opacity: 1}

}