.banner-top {
	width: 70%;
	height: 350px;
	margin: auto;
}

.culture-slides {
	/*width: 90%;*/
	height: 90%;
	margin: auto;
}

.culture-slides .vueperslides__parallax-wrapper{
	height: 100% !important;
}

.culture-slides .vueperslides__inner{
	height: 100% !important;
}

.culture-slides .vueperslide__image {
  transform: scale(1.0);
}

.vueperslide {
	background: linear-gradient(-45deg, #FFFFFF, #5bc7e7, #AAA);
}
.banner-top .vueperslide__title {
	font-size: 7em;
	opacity: 0.6;
}

.culture-slides .ex--center-mode {
  width: 200px;
  max-width: 200px;
  margin: auto;
}

.banner-top .ex--center-mode {
  width: 600px;
  max-width: 600px;
  margin: auto;
}

.vueperslides__bullet .default {
  background-color: rgba(0, 0, 0, 0.3);
  border: none;
  box-shadow: none;
  transition: 0.3s;
  width: 10px;
  height: 10px;
}

.vueperslides__bullet--active .default {background-color: #5bc7e7;}

.vueperslides__bullet span {
  display: block;
  color: #fff;
  font-size: 10px;
  opacity: 0.8;
}

.banner-top .vueperslide--active {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  opacity: 1;
  border-color: #000;
}
.banner-top .vueperslide__image {
  transform: scale(1.0);
}

@media screen and (max-width: 996px) {
	.banner-top .vueperslides__bullet{
		visibility: hidden;
	}
	.banner-top{
		width: 80%;
		height: 220px;
		margin: auto;
	}
}
@media screen and (max-width: 768px) {
	.banner-top{
		width: 80%;
		height: 120px;
		margin: auto;
		z-index: -1;
	}
}

@media screen and (min-width: 1600px) {
	.banner-top{
		width: 80%;
		height: 420px;
	}
}
@media screen and (min-width: 1680px) {
	.banner-top{
		width: 80%;
		height: 450px;
	}
}
@media screen and (min-width: 1800px) {
	.banner-top{
		width: 80%;
		height: 500px;
	}
}
@media screen and (min-width: 1918px) {
	.banner-top{
		width: 80%;
		height: 550px;
	}
}
@media screen and (min-width: 2880px) {
	.banner-top{
		width: 80%;
		height: 750px;
	}
}