img {vertical-align: middle;}
				.mySlides {display: none}

				/* Slideshow container */
				.slideshow-container {
					width: 100%;
					position: relative;
					margin: auto;
				}
				
				/* Next & previous buttons */
				.prev, .next {
					cursor: pointer;
					position: absolute;
					top: 50%;
					width: auto;
					padding: 16px;
					margin-top: -22px;
					color: white;
					font-weight: bold;
					font-size: 18px;
					transition: 0.6s ease;
					border-radius: 0 3px 3px 0;
					user-select: none;
				}
	
				/* Position the "next button" to the right */
				.next {
					right: 0;
					border-radius: 3px 0 0 3px;
				}

				/* On hover, add a black background color with a little bit see-through */
				.prev:hover, .next:hover {
					bbackground-color: rgba(0,0,0,0.8);
				}
				
				/* Caption text */
				.text {
					color: #f2f2f2;
					font-size: 15px;
					padding: 8px 12px;
					position: absolute;
					bottom: 8px;
					width: 100%;
					text-align: center;
				}

				/* Number text (1/3 etc) */
				.numbertext {
					color: #f2f2f2;
					font-size: 12px;
					padding: 8px 12px;
					position: absolute;
					top: 0;
				}

				/* The dots/bullets/indicators */
				.dot {
					cursor: pointer;
					height: 15px;
					width: 15px;
					margin: 0 2px;
					background-color: #bbb;
					border-radius: 50%;
					display: inline-block;
					transition: background-color 0.6s ease;
				}

				.active, .dot:hover {
					background-color: #717171;
				}

				/* Fading animation */
				.fade {
					-webkit-animation-name: fade;
					-webkit-animation-duration: 1.5s;
					animation-name: fade;
					animation-duration: 1.5s;
				}

				@-webkit-keyframes fade {
				from {opacity: .4} 
				to {opacity: 1}
				}

				@keyframes fade {
				from {opacity: .4} 
				to {opacity: 1}
				}

				/* On smaller screens, decrease text size */
				@media only screen and (max-width: 300px) {
				.prev, .next,.text {font-size: 11px}
				}

				.kriza_sor {display: flex}
				.kriza_sor {
				display: flex;
				}

				.kep {
					width: 60%;
				}

				.tartalom {
					width: 40%;
					height: auto;
					background:#DDD;
				}
				.slide-cim0 {
					padding-top: 15%;
					text-align: center;
					font-size:24px;
					padding-left:10px;
					padding-right:10px;
					line-height:50px;
					color: #444;
					font-weight:300;
				}
				.slide-cim {
					padding-top: 25%;
					text-align: center;
					font-size:24px;
					padding-left:10px;
					padding-right:10px;
					line-height:50px;
					color: #444;
					font-weight:300;
				}
				.slide-cim2 {
					padding-top: 0px;
					text-align: center;
					font-size:24px;
					padding-left:10px;
					padding-right:10px;
					color: #444;
					font-weight:300;
				}
				.slide-cim3 {
					padding-top: 65px;
					text-align: center;
					font-size:20px;
					padding-left:10px;
					padding-right:10px;
					color: #444;
					font-weight:300;
				}
				.slide-gomb{
					margin-top: 20%;
					color: #4d4d4d;
					width: 100%;
					text-align: center;
					text-decoration: none;
					font-size: 20px;
					border: solid 1px;
					padding: 20px;
				}

				.sav {
					margin-top: 20%;
					width: 100%;
					text-align: center;
				}

				@media only screen and (max-width: 800px) {
					.slide-cim {
						padding-top: 5%;
						text-align: center;
						font-size:18px;
						padding-left:5px;
						padding-right:5px;
						line-height:30px;
						color: #444;
						font-weight:300;
					}
					.slide-cim2 {
						padding-top: 0px;
						text-align: center;
						font-size:18px;
						padding-left:10px;
						padding-right:10px;
						color: #444;
						font-weight:300;
					}
					.slide-cim0{
						padding-top: 0px;
						text-align: center;
						font-size:18px;
						padding-left:10px;
						padding-right:10px;
						color: #444;
						font-weight:300;
					}
					.slide-gomb{
						margin-top: 20%;
						color: #4d4d4d;
						width: 100%;
						text-align: center;
						text-decoration: none;
						font-size: 20px;
						border: solid 1px;
						padding: 20px;
						margin-bottom:20px;
					}

					.sav {
						margin-top: 30px;margin-bottom: 20px;
						width: 100%;
						text-align: center;
					}

					.kep {
						width: 100%;
						border:1px solid grey;
					}

					.tartalom {
						width: 100%;
						background: #DDD;
						border:1px solid grey;
						padding-bottom:70px;
					}

					.kriza_sor {
						display: block;
					}

					.pontok {
						text-align: center !important;
						position: relative;
						right: 2%;
						bottom: 58px;
					}
					
					/* Next & previous buttons */
					.prev, .next {
						cursor: pointer;
						position: absolute;
						top: 50%;
						width: auto;
						padding: 16px;
						margin-top: -22px;
						color: white;
						font-weight: bold;
						font-size: 18px;
						transition: 0.6s ease;
						border-radius: 0 3px 3px 0;
						user-select: none;
					}

					/* Position the "next button" to the right */
					.next {
						right: 0;
						border-radius: 3px 0 0 3px;
					}

					/* On hover, add a black background color with a little bit see-through */
					.prev:hover, .next:hover {
						bbackground-color: rgba(0,0,0,0.8);
					}

					/* Caption text */
					.text {
						color: #f2f2f2;
						font-size: 15px;
						padding: 8px 12px;
						position: absolute;
						bottom: 8px;
						width: 100%;
						text-align: center;
					}

					/* Number text (1/3 etc) */
					.numbertext {
						color: #f2f2f2;
						font-size: 12px;
						padding: 8px 12px;
						position: absolute;
						top: 0;
					}

					/* The dots/bullets/indicators */
					.dot {
						cursor: pointer;
						height: 15px;
						width: 15px;
						margin: 0 2px;
						background-color: #bbb;
						border-radius: 50%;
						display: inline-block;
						transition: background-color 0.6s ease;
					}
					/* Next & previous buttons */
					.prev, .next {
						cursor: pointer;
						position: absolute;
						top: 70%;
						width: auto;
						padding: 16px;
						margin-top: -22px;
						color: white;
						font-weight: bold;
						font-size: 18px;
						transition: 0.6s ease;
						border-radius: 0 3px 3px 0;
						user-select: none;
					}
				}

				.slide-img {
					width: 100%;
					height: auto;
				}

				.pontok {
					text-align: right;
					position: relative;
					right: 2%;
					bottom: 58px;
				}