#SVGcontainer {
	min-width:60%;
}
#cartoonViking {
	width: 220px;height: 444px;
}
#cartoonStool {
	width: 150px;
  	align-self: flex-end;
}
path, rect {
	stroke:#000;
	stroke-width:1px;
}
path.skin {
	fill:#f8d5af;
}
path.head {
	fill:#f5d1af;
}
path.clothes {
	fill:#848238;
}
path.boots {
	fill:#825652;
}
path.fur {
	fill:#3c3837;
}
path.leather, rect.leather {
	fill:#3c3837;
}
path.legs {
	fill:#3d3939;
}
path.hair, rect.hair {
	fill:#2f2c3d;
	fill:#FF0;
}
path.hairBand {
	fill:#2f2c3d;
}
path.metal1 {
	fill:#819bb6;
}
path.metal2 {
	fill:#607b98;
}
path.metal3 {
	fill:#5c7997;
}
path.sword {
	fill:#829ab4;
}
path.horn {
	fill:#fff;
}
path.hilt {
	fill:#fff24d;
}
.noFill {
	fill:none;
}
.stool {
	stroke:#000000;
	stroke-width:2;
	fill:#a66320;
}
#leftEye, #rightEye {
	stroke:#fff;
	fill:#000;
}
#helmTexture {
	stroke-width: 0!important;
}
.helmArea,.swordArea,.clothesArea,.craftArea,.shoeArea {
	cursor:pointer;
}
.kitContent {
	align-self: center;
  	font-size:110%;
}
.content {
	display:none;
}
.title {
	font-weight:bold;
	font-size:120%;
	color:var(--text-colour);
	display:none;
}
.cartoonContainer {
	max-width:950px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}

@media screen and (max-width: 666px) {
	.cartoonContainer {
		display:block;
		margin-bottom:3em;
	}
}