body{
			background-color: #FFE9BE;
			}
			.sor{
			background-color: #B07E54;
			padding-bottom: 15px;
			}
			p{
			color: white;
			font-size: 20px;
			margin-left: 30px;
			margin-right: 30px;
			}
			ul
			{
			font-size: 18px;
			margin-left: 30px;
			}
			.felsorolas{
			color: white;
			font-size: 18px;
			display: inline-block;
			margin: 40px;
			}
			.rolunk
			{
			padding: 20px;
			}
			.modal {
			  display: none;
			  /* Hidden by default */
			  position: fixed;
			  /* Stay in place */
			  z-index: 1;
			  /* Sit on top */
			  padding-top: 100px;
			  /* Location of the box */
			  left: 0;
			  top: 0;
			  width: 100%;
			  /* Full width */
			  height: 100%;
			  /* Full height */
			  overflow: auto;
			  /* Enable scroll if needed */
			  background-color: rgb(0, 0, 0);
			  /* Fallback color */
			  background-color: rgba(0, 0, 0, 0.9);
			  /* Black w/ opacity */
			}

			.modal-content {
			  margin: auto;
			  display: block;
			  width: 80%;
			  max-width: 700px;
			}

			#caption {
			  margin: auto;
			  display: block;
			  width: 80%;
			  max-width: 700px;
			  text-align: center;
			  color: #ccc;
			  padding: 10px 0;
			  height: 150px;
			}

			.modal-content,
			#caption {
			  animation-name: zoom;
			  animation-duration: 0.6s;
			}

			@keyframes zoom {
			  from {
				transform: scale(0)
			  }
			  to {
				transform: scale(1)
			  }
			}

			.close {
			  position: absolute;
			  top: 15px;
			  right: 35px;
			  color: #f1f1f1;
			  font-size: 40px;
			  font-weight: bold;
			  transition: 0.3s;
			}

			.close:hover,
			.close:focus {
			  color: #bbb;
			  text-decoration: none;
			  cursor: pointer;
			}
			
			#myImg {
			border-radius: 5px;
			cursor: pointer;
			display: block;
			}
			
			#myImg:hover {
			transition: transform 1s;
			transform: scale(1.3);
			transform-origin: 50% 50%;
			}
			
			.image_frame{
			display: block;
			max-width: 400px;
			max-height: 200px;
			margin: auto;
			overflow: hidden;
			border: 4px solid white;
			justify-content: center;
			text-align: center;
			}
			
			.bemutatkozoKepek {
			margin-left: auto;
			margin-right: auto;
			justify-content: center;
			text-align: center;
			width: 100%;
			height: 100%;
			max-width: 400px;
			max-height: 200px;
			}
			
			.row:before, .row:after {
			display: none !important;
}