#background {
    opacity: .2;
}

.main-content {
  background-image: url("../img/arka.png");
}

.myslide {
  border: solid 3px #ffbf00;
  border-radius: 5px;
  max-width: 80%;
  margin: 10px 10% 0 10%;
}

.w3-button {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background-color: #ffbf00;
}

.buttons {
  text-align: center;
}

.myslide {
  max-width: 90%;
  margin: 10px 5% 0 5%;
}



.gal {


	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;


	}
	.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {

		.gal {


	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;


	}

	}



@media (min-width:600px) {
  .myslide {
    max-width: 60%;
    margin: 10px 20% 0 20%;
  }
}

@media (min-width:900px) {
  .myslide {
    max-width: 40%;
    margin: 10px 30% 0 30%;
  }
}