@charset "utf-8";
/* CSS Document written by protolan.be */
/*        ALL RIGHTS RESERVED          */
/*      NO MODIFICATION ALLOWED        */

/*-- MEDIAQUERIES --*/

/*-- MOBILE --*/
html{font-size: 6px;}

/* Larger than mobile */
@media (min-width: 400px) {
	html{font-size: 11px;}
	p{font-size: 1.5em;}
}

/* Larger than phablet */
@media (min-width: 550px) {
	html{font-size: 12px;}
}

/* Larger than tablet */
@media (min-width: 750px) {
	html{font-size: 13px;}
}

/* Larger than desktop */
@media (min-width: 1000px) {
	html{font-size: 14px;}
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	html{font-size: 14px;}
}


/*-------------------------------*/
/*-- MEDIAQUERIES CONTACTPAGE --*/
/*-----------------------------*/


/* Mobile */
#contact #step01 #left{width: 100%; margin-left: 0%;}
#contact #step01 #right{width: 100%; border-left: 0; margin-top: 50px;}

/* Larger than phablet */
@media (min-width: 550px) {
	#contact #step01 #left{width: 20%; margin-left: 26%;}
	#contact #step01 #right{width: 20%; margin-top: 0; border-left: 1px solid #000;}
	#contact #step02 .box{width: 20%;}
	#contact #step02 #intro{border-right: 1px solid #000;}
	#contact #step03 #left{width:20%;}
	#contact #step03 #right{width: 75%; margin-left: 5%;}
	#contact #step03 .result{float: left; width: 30%; margin-right: 3%;}
}