@import url(topics_remedi_elder.css);
@media all and (max-width: 811px) {
}
html {
	scroll-behavior: smooth;
}
.instance {
	opacity: 0;
	transform: translate(0,200px);
	margin:0!important;
}
.instance.active {
	animation: move 1s forwards;
}
@keyframes move {
	0% {
		opacity: 0;
		transform: translate(0,200px);
	}
	100% {
		opacity: 1;
		transform: translate(0,0);
	}
}

.gainer-4 .bounstep,
.gainer-4 .waterproof,
.gainer-4 .stretch {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 50px;
	margin: auto;
	max-width: 1000px;
	margin: 50px auto;
	>div {
		width: calc(50% - 50px);
		@media all and (max-width: 811px) {
			width: 100%;
		}
		&.items {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			gap: 30px;
			h2 {
				text-align: center;
				font-size: 200%;
				font-family:serif;
			}
			.logo {
				width: 100%;
				img {
					display: block;
					margin: auto;
				}
			}
			a {
				padding: 10px;
				width: calc(50% - 30px);
				font-size: 150%;
				font-weight: bold;
				text-align: center;
				border:solid 2px;
				img {
					width: 100%;
					display: inline-block;
				}
			}
		}
	}
}