.slide a{
	display: inline-block;
	padding: 1.5em;
	background-color: #ddd;
}

.axs-slider{
	width: 100%;
/*	height: 0;
	padding-top: 50%;*/
	overflow: hidden;
	user-select: none;
font-family: DejaVu Serif;
}
.axs-slider > .slide{
/*	width: 30%;*/
display: inline-block;
white-space: nowrap;
	/*overflow: hidden;*/
	background-color: yellow;
	padding-bottom: 1rem;
}
.axs-slider.started{
	position: relative;
}
.axs-slider.started > .slide{
	position: absolute;
/*	height: 100%;*/
	top: 0;
}
.axs-slider.axs-slider-loose > .slide{
	transition: left 0.5s ease-in-out;
}
.axs-slider .axs-slider-switches{
	display: block;
/*	position: absolute;*/
	background-color: transparent;
	height: auto;
/*	width: fit-content;*/
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
}
.axs-no-labels .axs-slider-switches .labels{
	display: none;
}
.axs-slider-switches > .labels{
	position: relative;
	width: auto;
	padding: 0;
	margin: 0;
}
.axs-slider-switches .label{
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	border-radius: 1em;
	background-color: white;
	border: 0.2em solid #d2d6da;
	margin: 0.5em;
	vertical-align: middle;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}
.axs-slider-switches .label.active{
	background-color: #3374b3;
	border-color: #dce0e4;
}
.axs-no-btns .axs-slider-btn-left, .axs-no-btns .axs-slider-btn-right{
	display: none;
}
.axs-slider .axs-slider-btn-left, .axs-slider .axs-slider-btn-right{
	position: absolute;
	height: 2.6em;
	width: 2.6em;
	border-radius: 1.3em;
	background-color: rgba(0,32,64,0.3);
	cursor: pointer;
	padding: 0;
	margin: auto;
	bottom: 0.75em;
}
.axs-slider .axs-slider-btn-left{
	left: 0.75em;
}
.axs-slider .axs-slider-btn-right{
	right: 0.75em;
}
.axs-slider .axs-slider-btn-left:before, .axs-slider .axs-slider-btn-right:before,
.axs-slider .axs-slider-btn-left:after,	.axs-slider .axs-slider-btn-right:after{
	content: '';
	display: block;
	position: absolute;
	background-color: white;
	width: 1.2em;
	height: 0.3em;
	border-radius: 0.2em;
}
.axs-slider .axs-slider-btn-left:before,	.axs-slider .axs-slider-btn-left:after{
	left: 0.6em;
}
.axs-slider .axs-slider-btn-right:after,	.axs-slider .axs-slider-btn-right:before{
	right: 0.6em;
}
.axs-slider .axs-slider-btn-left:before,	.axs-slider .axs-slider-btn-right:after{
	top: 0.83em;
}
.axs-slider .axs-slider-btn-left:after,	.axs-slider .axs-slider-btn-right:before{
	bottom: 0.83em;
}
.axs-slider .axs-slider-btn-left:before,	.axs-slider .axs-slider-btn-right:before{
	transform: rotate(-45deg);
}
.axs-slider .axs-slider-btn-left:after,	.axs-slider .axs-slider-btn-right:after{
	transform: rotate(45deg);
}

@media (max-width: 820px) {
	.axs-slider.started{
		margin-bottom: 2.3em;
	}
	.axs-slider .axs-slider-btn-left, .axs-slider .axs-slider-btn-right{
		display: none;
	}
	.axs-slider > .slide{
		width: 50%;
	}
}