body{
			background-color: #FFE9BE;
			}
			.sor{
			background-color: #B07E54;
			}
			h1 {
			font-size: 50px;
			word-break: break-all;
			}
			h2{
			color: white;
			margin: 20px;
			}
			h4{
			color: white;
			margin: 10px;
			}
			.szunet{
			padding-left:40px;
			}
			ul{
			color: white;
			font-size: 18px;
			margin-left: 30px;
			}
			.menu{
			width: 100%;
			}

			/* Create three equal columns that floats next to each other */
			.column {
			display: none; /* Hide all elements by default */
			}

			/* Clear floats after rows */ 
			.row:after {
			content: "";
			display: table;
			clear: both;
			}

			/* Content */
			.content {
			padding: 10px;
			}

			/* The "show" class is added to the filtered elements */
			.show {
			display: block;
			}

			/* Style the buttons */
			.btn {
			border: none;
			outline: none;
			padding: 12px 16px;
			background-color: white;
			cursor: pointer;
			}

			.btn:hover {
			background-color: #ddd;
			}

			.btn.active {
			background-color: #666;
			color: white;
			}
			
			.gombosDoboz{
			margin: 20px;
			}
			.gombokKoze{
			margin-right: 8px;
			margin-bottom: 5px;
			}
			#myImg {
			border-radius: 5px;
			cursor: pointer;
			transition: 0.3s;
			display: block;
			max-width: 100%;
			}

			#myImg:hover {
			  opacity: 0.7;
			}

			.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;
			}

			@media only screen and (max-width: 700px) {
			  .modal-content {
				width: 100%;
			  }
			}