body {
  padding: 0;
  margin:0;
}
two-up {
  max-width: 100%;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
}
two-up img {
  max-width: 100%;
  height: 100%;
  width: 100%;
}
two-up:defined {
  /* possible to do styles only when it loads...
}

.my-two-up {
  /* Color of the track & thumb */
  --accent-colour: #2a3934;
  /* Or you can set the two independently: */
  --track-color: #2a3934;
  --thumb-color: #2a3934;
  /* Background of the thumb */
  --thumb-background: #e9e05f;
  /* Size of the thumb */
  --thumb-size: 25px;
  /* Thickness of the bar */
  --bar-size: 5px;
  /* Touch-thickness of the bar */
  --bar-touch-size: 30px;
}
@media(min-width:480px){
	.mob-career{
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #e33f24;
	}
	.mob-insurance{
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #089721;
	}
	two-up img{
		height: auto;
	}
}