body {
	background: #F17370;
	font-size: 62.5%;
	display: block;
}

#top, #bottom, #left, #right {
	background: #ffffff;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 9px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 9px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }

.emtee {

	padding-bottom: 50px;

}

@font-face{
	font-family: thindesign;
    src: url("../fonts/ThinDesign.otf");
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

svg {
	pointer-events: none;
}

/* Demo 1 */

.show {
	opacity: 1;
}

.hide {
	opacity: 0;
}

.line-drawing,
.illustration {
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.line-drawing path {
	fill: none;
	stroke: white;
	stroke-width: 9;
	stroke-linecap: round;
}

path.line-round {
	stroke-linecap: round;


}

@media screen and (max-width: 46.0625em) {


	
	.line-drawing {

	height: 300px;

	}

	#left, #right {
		width: 7px;
		}
		
	#top, #bottom {
		height: 7px;
		}
}

@media screen and (max-width: 25em) {

	.line-drawing {

	height: 300px;

	}

	.emtee {

		margin-top: -50px;
		margin-left: 16px;

	}



	#left, #right {
		width: 4px;
		}
		
	#top, #bottom {
		height: 4px;
		}

}