@media ( max-width : 640px) {
	.figure-wrapper {
	}
	.animation .animation code {
		padding: 0;
	}
	.animation figcaption {
		border-left: none;
		margin: 0 !important;
		padding: 0.5em;
		text-align: left;
		width:100%;
	}
	.animasci-sharebox {
		margin: 0;
	}
	.canvas {
		box-shadow: none;
		outline: none;
	}
	.canvas.M {
		height: 15em;
	}
	.animation {
		text-align: left;
		margin: 0 -12px 0.5em 0;
		border-bottom: solid #f0f0f0 1em;
		padding: 0;
		border-radius:0;
	}
	.animation footer {
		display: none;
	}
	.breadcrumb .animasci-logo {
		display: none;
	}
	.toolbox {
		padding: 0.5em;
	}
	.toggle-menu-content {
		padding: 0.5em;
		border: none 0px transparent;
	}
	.breadcrumb {
		margin-left: 0;
	}
	.animation h1 {
		margin: 0;
	}
	main {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}
	.playbutton {
		top: 5em;
		width: 3em;
		height: 2em;
		left:50%;
		margin-left: -1.5em;
	}
	
	.navmenu{
		border-radius:0;
		margin:0 !important;
		width:100%;
		background-color:transparent;
	}
}

@media ( max-width : 1500px) {
	.navmenu {
		font-size: 90%;
	}
}

@media ( max-width : 1300px) {
}

@media ( max-width : 992px) {
	h1, h2, h3 {
		font-size: 100%;
	}
}