body, html {
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
	/* background-image: url(data/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0;
	background-attachment: fixed; */
	overflow-x: hidden;
	margin: 0;
	display: flex;
	padding: 0;
	border: 0;

	/* This centers our sketch horizontally. */
	justify-content: center;

	/* This centers our sketch vertically. */
	align-items: center;
	font-size: 25px;
	color: #FFFFFF;
	font-family: "Tahoma", "Arial", "Helvetica", Helvetica, sans-serif;
}

/*	.bodyWrap{
		margin: auto;
		height: 500px;
		width: 90%;
		border: 0px solid white;
		text-align:center;
	}

	.contentWrap{
		width: 1000px; 
		height: 100%;
		margin: auto;
		border: 0px solid red;
		text-align:center;
	}

	.header{
		height: 170px;
		position: absolute;
		top: 20px;
		width: 1000px;
		margin: auto;	
	}

	.labs{

		width: 1000px;
	    height: 242px;
	    position: relative;
	    top: 0px;
	    
	    border: 0px;

		-ms-transform: scale(0.7);
	    -moz-transform: scale(0.7);
	    -o-transform: scale(0.7);
	    -webkit-transform: scale(0.7);
	    transform: scale(0.7);
	    
	    -ms-transform-origin: top center;
	    -moz-transform-origin: top center;
	    -o-transform-origin: top center;
	    -webkit-transform-origin: top center;
	    transform-origin: top center;
	}

	.edm{
		height: 170px;
		position: absolute;
		top: 20px;
		width: 1000px;
		margin: auto;	
	}

	.frame {
	    width: 1000px;
	    height: 622px;
	    position: relative;
	    z-index: 999;
	    top: 190px;
	    
	    border: 0px;

	    -ms-transform: scale(0.7);
	    -moz-transform: scale(0.7);
	    -o-transform: scale(0.7);
	    -webkit-transform: scale(0.7);
	    transform: scale(0.7);
	    
	    -ms-transform-origin: top center;
	    -moz-transform-origin: top center;
	    -o-transform-origin: top center;
	    -webkit-transform-origin: top center;
	    transform-origin: top center;

	    overflow: visible;
	
	}

	.neonFrame{
		height: 170px;
		position: absolute;
		top: 420px;
		width: 1000px;
		margin: auto;	
	
	}

	.makerknifelink{

		width: 600px;
	    height: 450px;
	    position: relative;
	    top: 500px;
	    
	    border: 0px;

		-ms-transform: scale(1);
	    -moz-transform: scale(1);
	    -o-transform: scale(1);
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    
	    -ms-transform-origin: top center;
	    -moz-transform-origin: top center;
	    -o-transform-origin: top center;
	    -webkit-transform-origin: top center;
	    transform-origin: top center;

	}

	.footerText{
		width: 100%;
	    position: relative;
	    top: 460px;
	    border: 0px;
		color: #FFFFFF;
		font-family: "Tahoma", "Arial", "Helvetica", Helvetica, sans-serif;
		text-align: center;
		font-size: 8px;
	}

*/


@media screen and (min-width: 1200px) {

	.bodyWrap{
		margin: auto;
		height: 500px;
		width: 90%;
		border: 0px solid white;
		text-align: center;
	}

	.contentWrap{
		width: 1000px; /* always same as 'frame' width */
		height: 100%;
		margin: auto;
		border: 0px solid red;
		text-align: center;
	}

	.header{
		height: 170px;
		position: absolute;
		top: 20px;
		width: 1000px;
		margin: auto;	
	}

	.labs{

		width: 1000px;
	    height: 242px;
	    position: relative;
	    top: 0px;
	    
	    border: 0px;

		-ms-transform: scale(0.7);
	    -moz-transform: scale(0.7);
	    -o-transform: scale(0.7);
	    -webkit-transform: scale(0.7);
	    transform: scale(0.7);
	    
	    -ms-transform-origin: top center;
	    -moz-transform-origin: top center;
	    -o-transform-origin: top center;
	    -webkit-transform-origin: top center;
	    transform-origin: top center;
	}

	.edm{
		height: 170px;
		position: absolute;
		top: 20px;
		width: 800px;
		margin: auto;	
	}

	.frame {
	    width: 1000px;
	    height: 622px;
	    position: relative;
	    z-index: 999;
	    top: 190px;
	    margin-left: 0px;
	    
	    border: 0px;

	    -ms-transform: scale(1);
	    -moz-transform: scale(1);
	    -o-transform: scale(1);
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    
	    -ms-transform-origin: top center;
	    -moz-transform-origin: top center;
	    -o-transform-origin: top center;
	    -webkit-transform-origin: top center;
	    transform-origin: top center;

	    overflow: visible;
	
	}

	.neonFrame{
		height: 170px;
		position: absolute;
		top: 850px;
		width: 1000px;
		margin: auto;	
		border: 0px;
		color: #000000;
		font-family: "Tahoma", "Arial", "Helvetica", Helvetica, sans-serif;
		text-align: left;
		font-size: 18px;
	}

	.mktext{
		width: 980px;
		text-align:left;
	}
	
	.dlcontainer{
		width:1000px;
		text-align:center;
		font-size: 12px;
	}
	.makerknifelink{

		width: 200px;
	    height: 72px;
	    position: relative;
	    top: 20px;
		    
	    border: 0px;

	}

	.footerText{
		width: 100%;
	    position: relative;
	    top: 30px;
	    border: 0px;
		color: #000000;
		font-family: "Tahoma", "Arial", "Helvetica", Helvetica, sans-serif;
		text-align: center;
		font-size: 8px;
	}
}





@media screen and (min-width: 900px) and (max-width: 1199px) {


	.bodyWrap{
		margin: auto;
		height: 500px;
		width: 90%;
		border: 0px solid white;
		text-align:center;
	}

	.contentWrap{
		width: 800px; /* always same as 'frame' width */
		height: 100%;
		margin: auto;
		border: 0px solid red;
		text-align: center;
	}

	.header{
		height: 170px;
		position: absolute;
		top: 20px;
		width: 800px;
		margin: auto;	
	}

	.labs{

		width: 1000px;
	    height: 242px;
	    position: relative;
	    top: 0px;
	    margin-left:-100px;
	    
	    border: 0px;

		-ms-transform: scale(0.6);
	    -moz-transform: scale(0.6);
	    -o-transform: scale(0.6);
	    -webkit-transform: scale(0.6);
	    transform: scale(0.6);
	    
	    -ms-transform-origin: top center;
	    -moz-transform-origin: top center;
	    -o-transform-origin: top center;
	    -webkit-transform-origin: top center;
	    transform-origin: top center;
	}

	.edm{
		height: 170px;
		position: absolute;
		top: 20px;
		width: 800px;
		margin: auto;	
	}

	.frame {
	    width: 1000px;
	    height: 622px;
	    position: relative;
	    z-index: 999;
	    top: 180px;
	    margin-left: -100px;
	    
	    border: 0px;

	    -ms-transform: scale(0.8);
	    -moz-transform: scale(0.8);
	    -o-transform: scale(0.8);
	    -webkit-transform: scale(0.8);
	    transform: scale(0.8);
	    
	    -ms-transform-origin: top center;
	    -moz-transform-origin: top center;
	    -o-transform-origin: top center;
	    -webkit-transform-origin: top center;
	    transform-origin: top center;

	    overflow: visible;
	
	}

	.neonFrame{
		height: 170px;
		position: absolute;
		top: 720px;
		width: 800px;
		margin: auto;	
			border: 0px;
		color: #000000;
		font-family: "Tahoma", "Arial", "Helvetica", Helvetica, sans-serif;
		text-align: left;
		font-size: 16px;
	}

	.mktext{
		width: 800px;
		text-align:left;
	}
	
	.dlcontainer{
		width:800px;
		text-align:center;
		font-size: 12px;
	}
	.makerknifelink{

		width: 200px;
	    height: 72px;
	    position: relative;
	    top: 20px;
		    
	    border: 0px;

	}

	.footerText{
		width: 100%;
	    position: relative;
	    top: 30px;
	    border: 0px;
		color: #000000;
		font-family: "Tahoma", "Arial", "Helvetica", Helvetica, sans-serif;
		text-align: center;
		font-size: 8px;
	}
}






@media screen and (min-width: 768px) and (max-width: 899px) {


	.bodyWrap{
		margin: auto;
		height: 500px;
		width: 90%;
		border: 0px solid white;
		text-align:center;
	}

	.contentWrap{
		width: 600px; /* always same as 'frame' width */
		height: 100%;
		margin: auto;
		border: 0px solid red;
		text-align: center;
	}

	.header{
		height: 120px;
		position: absolute;
		top: 20px;
		width: 600px;
		margin: auto;	
	}

	.labs{

		width: 1000px;
	    height: 242px;
	    position: relative;
	    top: 0px;
	    margin-left: -200px;
	    
	    border: 0px;

		-ms-transform: scale(0.5);
	    -moz-transform: scale(0.5);
	    -o-transform: scale(0.5);
	    -webkit-transform: scale(0.5);
	    transform: scale(0.5);
	    
	    -ms-transform-origin: top center;
	    -moz-transform-origin: top center;
	    -o-transform-origin: top center;
	    -webkit-transform-origin: top center;
	    transform-origin: top center;
	}

	.edm{
		height: 170px;
		position: absolute;
		top: 20px;
		width: 600px;
		margin: auto;	
	}

	.frame {
	    width: 1000px;
	    height: 622px;
	    position: relative;
	    z-index: 999;
	    top: 160px;
	    margin-left: -200px;
	    
	    border: 0px;

	    -ms-transform: scale(0.6);
	    -moz-transform: scale(0.6);
	    -o-transform: scale(0.6);
	    -webkit-transform: scale(0.6);
	    transform: scale(0.6);
	    
	    -ms-transform-origin: top center;
	    -moz-transform-origin: top center;
	    -o-transform-origin: top center;
	    -webkit-transform-origin: top center;
	    transform-origin: top center;

	    overflow: visible;
	
	}

	.neonFrame{
		height: 170px;
		position: absolute;
		top: 570px;
		width: 600px;
		margin: auto;	
			border: 0px;
		color: #000000;
		font-family: "Tahoma", "Arial", "Helvetica", Helvetica, sans-serif;
		text-align: left;
		font-size: 16px;
	}

	.mktext{
		width: 600px;
		text-align:left;
	}
	
	.dlcontainer{
		width:600px;
		text-align:center;
		font-size: 12px;
	}
	.makerknifelink{

		width: 200px;
	    height: 72px;
	    position: relative;
	    top: 20px;
		    
	    border: 0px;

	}

	.footerText{
		width: 100%;
	    position: relative;
	    top: 60px;
	    border: 0px;
		color: #000000;
		font-family: "Tahoma", "Arial", "Helvetica", Helvetica, sans-serif;
		text-align: center;
		font-size: 8px;
	}
}



@media screen and (min-width: 600px) and (max-width: 767px) {

	.bodyWrap{
		margin: auto;
		height: 500px;
		width: 90%;
		border: 0px solid white;
		text-align:center;
	}

	.contentWrap{
		width: 500px; /* always same as 'frame' width */
		height: 100%;
		margin: auto;
		border: 0px solid red;
		text-align: center;
	}

	.header{
		height: 120px;
		position: absolute;
		top: 30px;
		width: 500px;
		margin: auto;	
	}

	.labs{

		width: 1000px;
	    height: 242px;
	    position: relative;
	    top: 0px;
	    margin-left: -250px;
	    
	    border: 0px;

		-ms-transform: scale(0.5);
	    -moz-transform: scale(0.5);
	    -o-transform: scale(0.5);
	    -webkit-transform: scale(0.5);
	    transform: scale(0.5);
	    
	    -ms-transform-origin: top center;
	    -moz-transform-origin: top center;
	    -o-transform-origin: top center;
	    -webkit-transform-origin: top center;
	    transform-origin: top center;
	}

	.edm{
		height: 170px;
		position: absolute;
		top: 20px;
		width: 500px;
		margin: auto;	
	}

	.frame {
	    width: 1000px;
	    height: 622px;
	    position: relative;
	    z-index: 999;
	    top: 160px;
	    margin-left: -250px;
	    
	    border: 0px;

	    -ms-transform: scale(0.5);
	    -moz-transform: scale(0.5);
	    -o-transform: scale(0.5);
	    -webkit-transform: scale(0.5);
	    transform: scale(0.5);
	    
	    -ms-transform-origin: top center;
	    -moz-transform-origin: top center;
	    -o-transform-origin: top center;
	    -webkit-transform-origin: top center;
	    transform-origin: top center;

	    overflow: visible;
	
	}

	.neonFrame{
		height: 170px;
		position: absolute;
		top: 510px;
		width: 500px;
		margin: auto;	
			border: 0px;
		color: #000000;
		font-family: "Tahoma", "Arial", "Helvetica", Helvetica, sans-serif;
		text-align: left;
		font-size: 16px;
	}

	.mktext{
		width: 500px;
		text-align:left;
	}
	
	.dlcontainer{
		width:500px;
		text-align:center;
		font-size: 12px;
	}
	.makerknifelink{

		width: 200px;
	    height: 72px;
	    position: relative;
	    top: 20px;
		    
	    border: 0px;

	}

	.footerText{
		width: 100%;
	    position: relative;
	    top: 50px;
	    border: 0px;
		color: #000000;
		font-family: "Tahoma", "Arial", "Helvetica", Helvetica, sans-serif;
		text-align: center;
		font-size: 8px;
	}
}






@media screen and (min-width: 375px) and (max-width: 599px) {

	.bodyWrap{
		margin: auto;
		height: 500px;
		width: 90%;
		border: 0px solid white;
		text-align:center;
	}

	.contentWrap{
		width: 400px; /* always same as 'frame' width */
		height: 100%;
		margin: auto;
		border: 0px solid red;
		text-align: center;
	}

	.header{
		height: 120px;
		position: absolute;
		top: 30px;
		width: 400px;
		margin: auto;	
	}

	.labs{

		width: 1000px;
	    height: 242px;
	    position: relative;
	    top: 0px;
	    margin-left: -300px;
	    
	    border: 0px;

		-ms-transform: scale(0.4);
	    -moz-transform: scale(0.4);
	    -o-transform: scale(0.4);
	    -webkit-transform: scale(0.4);
	    transform: scale(0.4);
	    
	    -ms-transform-origin: top center;
	    -moz-transform-origin: top center;
	    -o-transform-origin: top center;
	    -webkit-transform-origin: top center;
	    transform-origin: top center;
	}

	.edm{
		height: 170px;
		position: absolute;
		top: 20px;
		width: 400px;
		margin: auto;	
	}

	.frame {
	    width: 1000px;
	    height: 622px;
	    position: relative;
	    z-index: 999;
	    top: 130px;
	    margin-left: -300px;
	    
	    border: 0px;

	    -ms-transform: scale(0.4);
	    -moz-transform: scale(0.4);
	    -o-transform: scale(0.4);
	    -webkit-transform: scale(0.4);
	    transform: scale(0.4);
	    
	    -ms-transform-origin: top center;
	    -moz-transform-origin: top center;
	    -o-transform-origin: top center;
	    -webkit-transform-origin: top center;
	    transform-origin: top center;

	    overflow: visible;
	
	}

	.neonFrame{
		height: 170px;
		position: absolute;
		top: 420px;
		width: 400px;
		margin: auto;	
			border: 0px;
		color: #000000;
		font-family: "Tahoma", "Arial", "Helvetica", Helvetica, sans-serif;
		text-align: left;
		font-size: 16px;
	}

	.mktext{
		width: 400px;
		text-align:left;
	}
	
	.dlcontainer{
		width:400px;
		text-align:center;
		font-size: 12px;
	}
	.makerknifelink{

		width: 200px;
	    height: 72px;
	    position: relative;
	    top: 20px;
		    
	    border: 0px;

	}

	.footerText{
		width: 100%;
	    position: relative;
	    top: 30px;
	    border: 0px;
		color: #000000;
		font-family: "Tahoma", "Arial", "Helvetica", Helvetica, sans-serif;
		text-align: center;
		font-size: 8px;
	}
}






@media screen and (min-width: 0px) and (max-width: 374px) {

	html,body { background-color: #FFFFFF; visibility: hidden;}



}




}