/*
 *	=== Tiles WUD ===
*/
#tile-1-wud-wrapper-1 {
    width: 50%;
	height: 0;	
	padding-bottom: 48.5%;
	margin-left: 0;
	font-size: 20px;
}
#tile-1-wud-wrapper-7, 
#tile-1-wud-wrapper-8, #tile-1-wud-wrapper-9, #tile-1-wud-wrapper-10, #tile-1-wud-wrapper-12, #tile-1-wud-wrapper-13, 
#tile-1-wud-wrapper-14, #tile-1-wud-wrapper-15, #tile-1-wud-wrapper-17, #tile-1-wud-wrapper-18, #tile-1-wud-wrapper-19, 
#tile-1-wud-wrapper-20 {
    width: 19.22%;
	height: 0;	
	padding-bottom: 19%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;
	font-size: 18px;	
}
#tile-1-wud-wrapper-2, #tile-1-wud-wrapper-3, #tile-1-wud-wrapper-4, #tile-1-wud-wrapper-5 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;
	font-size: 18px;	
}
#tile-1-wud-wrapper-6, #tile-1-wud-wrapper-11, #tile-1-wud-wrapper-16 {
    width: 19.22%;
	height: 0;	
	padding-bottom: 19%;
	margin-left: 0;	
	margin-bottom: 0.5%;	
	font-size: 18px;	
}

/*
 *	=== Tiles WUD SQUARE ===
*/
#tile-2-wud-wrapper-1, #tile-2-wud-wrapper-5, #tile-2-wud-wrapper-9, #tile-2-wud-wrapper-13, #tile-2-wud-wrapper-17 {
    width: 24.3%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0;
	margin-bottom: 0.5%;	
	font-size: 18px;
}
#tile-2-wud-wrapper-2, #tile-2-wud-wrapper-3, #tile-2-wud-wrapper-4, #tile-2-wud-wrapper-6, #tile-2-wud-wrapper-7, 
#tile-2-wud-wrapper-8, #tile-2-wud-wrapper-10, #tile-2-wud-wrapper-11, #tile-2-wud-wrapper-12, #tile-2-wud-wrapper-14, 
#tile-2-wud-wrapper-15, #tile-2-wud-wrapper-16, #tile-2-wud-wrapper-18, #tile-2-wud-wrapper-19, #tile-2-wud-wrapper-20 {
    width: 24.3%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}

/*
 *	=== Tiles WUD BLOCKS ===
*/
#tile-3-wud-wrapper-1 {
    width: 50%;
	height: 0;	
	padding-bottom: 24%;
	font-size: 20px;
}
#tile-3-wud-wrapper-2, #tile-3-wud-wrapper-3, #tile-3-wud-wrapper-6 ,#tile-3-wud-wrapper-10, #tile-3-wud-wrapper-14, 
#tile-3-wud-wrapper-18 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}
#tile-3-wud-wrapper-4, #tile-3-wud-wrapper-7, #tile-3-wud-wrapper-11, #tile-3-wud-wrapper-15 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}
#tile-3-wud-wrapper-5 {
    width: 50%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}
#tile-3-wud-wrapper-8, #tile-3-wud-wrapper-9, #tile-3-wud-wrapper-12, #tile-3-wud-wrapper-13, #tile-3-wud-wrapper-16, 
#tile-3-wud-wrapper-17 {
    width: 24.5%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
	}	
#tile-3-wud-wrapper-19 {
    width: 49.5%;
	height: 0;	
	padding-bottom: 24%;
	font-size: 18px;
	}	
#tile-3-wud-wrapper-20 {
    width: 49.4%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	font-size: 18px;
	margin-bottom: 0.5%;
	}
	
/*
 *	=== Tiles WUD CIRCLE ===
*/
#tile-4-wud-wrapper-1, #tile-4-wud-wrapper-5, #tile-4-wud-wrapper-9, #tile-4-wud-wrapper-13, #tile-4-wud-wrapper-17 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-bottom: 0.5%;	
	font-size: 18px;
}
#tile-4-wud-wrapper-2, #tile-4-wud-wrapper-3, #tile-4-wud-wrapper-4, #tile-4-wud-wrapper-6, #tile-4-wud-wrapper-7, 
#tile-4-wud-wrapper-8, #tile-4-wud-wrapper-10, #tile-4-wud-wrapper-11, #tile-4-wud-wrapper-12, #tile-4-wud-wrapper-14, 
#tile-4-wud-wrapper-15, #tile-4-wud-wrapper-16, #tile-4-wud-wrapper-18, #tile-4-wud-wrapper-19, #tile-4-wud-wrapper-20 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}

/*
 *	=== Tiles WUD PHOTO'S ===
*/
#tile-5-wud-wrapper-1, #tile-5-wud-wrapper-5, #tile-5-wud-wrapper-9, #tile-5-wud-wrapper-13, #tile-5-wud-wrapper-17  {
    width: 24.3%;
	height: 8vw;	
	padding-bottom: 36%;
	margin-bottom: 0.5%;	
	font-size: 18px;
}

#tile-5-wud-wrapper-2, #tile-5-wud-wrapper-3, #tile-5-wud-wrapper-4, #tile-5-wud-wrapper-6, #tile-5-wud-wrapper-7, 
#tile-5-wud-wrapper-8, #tile-5-wud-wrapper-10, #tile-5-wud-wrapper-11, #tile-5-wud-wrapper-12, #tile-5-wud-wrapper-14, 
#tile-5-wud-wrapper-15, #tile-5-wud-wrapper-16, #tile-5-wud-wrapper-18, #tile-5-wud-wrapper-19, #tile-5-wud-wrapper-20 {
    width: 24.3%;
	height: 8vw;	
	padding-bottom: 36%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}	

/*
 *	=== Tiles WUD HORIZON ===
*/
#tile-6-wud-wrapper-1, #tile-6-wud-wrapper-3, #tile-6-wud-wrapper-5, #tile-6-wud-wrapper-7, #tile-6-wud-wrapper-9, 
#tile-6-wud-wrapper-11, #tile-6-wud-wrapper-13, #tile-6-wud-wrapper-15, #tile-6-wud-wrapper-17, #tile-6-wud-wrapper-19 {
    width: 50%;
	height: 0;	
	padding-bottom: 24%;
	margin-bottom: 0.5%;	
	font-size: 18px;
}
#tile-6-wud-wrapper-2, #tile-6-wud-wrapper-4, #tile-6-wud-wrapper-6, #tile-6-wud-wrapper-8, #tile-6-wud-wrapper-10, 
#tile-6-wud-wrapper-12, #tile-6-wud-wrapper-14, #tile-6-wud-wrapper-16, #tile-6-wud-wrapper-18, #tile-6-wud-wrapper-20 {
    width: 49%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}

/*
 *	=== Tiles WUD MIXED ===
*/
#tile-7-wud-wrapper-1 {
    width: 50%;
	height: 0;	
	padding-bottom: 48.5%;
	font-size: 20px;
}
#tile-7-wud-wrapper-2 {
    width: 24%;
	height: 0;
	padding-bottom: 48.5%;
	margin-left: 0.9%;	
	font-size: 18px;	
}
#tile-7-wud-wrapper-3, #tile-7-wud-wrapper-4, #tile-7-wud-wrapper-7, #tile-7-wud-wrapper-9 {
    width: 24%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}
#tile-7-wud-wrapper-5 {
    width: 24%;
	height: 0;
	padding-bottom: 48.5%;
	font-size: 18px;	
}
#tile-7-wud-wrapper-6, #tile-7-wud-wrapper-8 {
    width: 50%;
	height: 0;
	margin-left: 0.9%;	
	padding-bottom: 24%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}
#tile-7-wud-wrapper-10 {
    width: 39%;
	height: 0;	
	padding-bottom: 19.2%;
	margin-bottom: 0.5%;
	margin-top: 0.5%;
	font-size: 18px;
	}
#tile-7-wud-wrapper-11 {
    width: 20%;
	height: 0;	
	padding-bottom: 19.2%;
    margin-left: 0.96%;		
	margin-bottom: 0.5%;
	margin-top: 0.5%;	
	font-size: 18px;	
}
#tile-7-wud-wrapper-12, #tile-7-wud-wrapper-14, #tile-7-wud-wrapper-15 {
    width: 39%;
	height: 0;	
	padding-bottom: 19.2%;
    margin-left: 0.96%;		
	margin-bottom: 0.5%;
	margin-top: 0.5%;	
	font-size: 18px;	
}
#tile-7-wud-wrapper-13, #tile-7-wud-wrapper-16 {
    width: 20%;
	height: 0;	
	padding-bottom: 19.2%;		
	margin-bottom: 0.5%;
	margin-top: 0.5%;	
	font-size: 18px;	
}
#tile-7-wud-wrapper-17, #tile-7-wud-wrapper-18, #tile-7-wud-wrapper-19, #tile-7-wud-wrapper-20  {
    width: 19%;
	height: 0;	
	margin-left: 0.96%;	
	padding-bottom: 19.2%;	
	margin-bottom: 0.5%;
	margin-top: 0.5%;	
	font-size: 18px;	
}

/*
 *	=== Tiles WUD MIX 2 ===
*/
#tile-8-wud-wrapper-1, #tile-8-wud-wrapper-6, #tile-8-wud-wrapper-11, #tile-8-wud-wrapper-16 {
    width: 49%;
	height: 0;	
	padding-bottom: 26.6%;
	margin-bottom: 0.5%;	
	font-size: 20px;
}
#tile-8-wud-wrapper-2, #tile-8-wud-wrapper-3, #tile-8-wud-wrapper-4, #tile-8-wud-wrapper-5, #tile-8-wud-wrapper-7, #tile-8-wud-wrapper-8, #tile-8-wud-wrapper-9, #tile-8-wud-wrapper-10, #tile-8-wud-wrapper-12, #tile-8-wud-wrapper-13, #tile-8-wud-wrapper-14, #tile-8-wud-wrapper-15, #tile-8-wud-wrapper-17, #tile-8-wud-wrapper-18, #tile-8-wud-wrapper-19, #tile-8-wud-wrapper-20 {
    width: 24.4%;
	height: 0;	
	padding-bottom: 13.1%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}

/* ============================================================================================================================================ */
/* START MOBILE DESIGN */
@media screen and (max-width: 1024px) {
/* START MOBILE DESIGN */

/*
 *	=== Tiles WUD ===
*/
#tile-1-wud-wrapper-1, #tile-1-wud-wrapper-20 {
    width: 100%;
	height: 0;	
	padding-bottom: 50%;
	margin-top: 0.5%;
	font-size: 20px;
}
#tile-1-wud-wrapper-2, #tile-1-wud-wrapper-5, #tile-1-wud-wrapper-8, #tile-1-wud-wrapper-11, #tile-1-wud-wrapper-14, 
#tile-1-wud-wrapper-17 {
    width: 32.7%;
	height: 0;	
	padding-bottom: 32.7%;
	margin-left:0;
	margin-top: 0.5%;	
	font-size: 18px;	
}
#tile-1-wud-wrapper-3, #tile-1-wud-wrapper-4, #tile-1-wud-wrapper-6, #tile-1-wud-wrapper-7, #tile-1-wud-wrapper-9, 
#tile-1-wud-wrapper-10, #tile-1-wud-wrapper-12, #tile-1-wud-wrapper-13, #tile-1-wud-wrapper-15, #tile-1-wud-wrapper-16, 
#tile-1-wud-wrapper-18, #tile-1-wud-wrapper-19 {
    width: 32.7%;
	height: 0;	
	padding-bottom: 32.7%;
	margin-left: 0.9%;
	margin-top: 0.5%;	
	font-size: 18px;	
}

/*
 *	=== Tiles WUD SQUARE ===
*/
#tile-2-wud-wrapper-1, #tile-2-wud-wrapper-4, #tile-2-wud-wrapper-7, #tile-2-wud-wrapper-10, #tile-2-wud-wrapper-13, 
#tile-2-wud-wrapper-16, #tile-2-wud-wrapper-19 {
    width: 32.7%;
	height: 0;	
	padding-bottom: 32.7%;
	margin-left: 0;
	margin-bottom: 0.5%;	
	font-size: 18px;
}
#tile-2-wud-wrapper-2, #tile-2-wud-wrapper-3, #tile-2-wud-wrapper-5, #tile-2-wud-wrapper-6, #tile-2-wud-wrapper-8, 
#tile-2-wud-wrapper-9, #tile-2-wud-wrapper-11, #tile-2-wud-wrapper-12, #tile-2-wud-wrapper-14, #tile-2-wud-wrapper-15, 
#tile-2-wud-wrapper-17, #tile-2-wud-wrapper-18 {
    width: 32.7%;
	height: 0;	
	padding-bottom: 32.7%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}
#tile-2-wud-wrapper-20 {
    width: 66.2%;
	height: 0;	
	padding-bottom: 32.7%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;
	}	

/*
 *	=== Tiles WUD BLOCKS ===
*/
#tile-3-wud-wrapper-1, #tile-3-wud-wrapper-5, #tile-3-wud-wrapper-9, #tile-3-wud-wrapper-13, #tile-3-wud-wrapper-17 {
    width: 66%;
	height: 0;	
	margin-left: 0;
	padding-bottom: 33%;
	font-size: 20px;
}
#tile-3-wud-wrapper-2, #tile-3-wud-wrapper-6, #tile-3-wud-wrapper-10, #tile-3-wud-wrapper-14, #tile-3-wud-wrapper-18  {
    width: 33%;
	height: 0;	
	padding-bottom: 33%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}
#tile-3-wud-wrapper-3, #tile-3-wud-wrapper-7, #tile-3-wud-wrapper-11, #tile-3-wud-wrapper-15, #tile-3-wud-wrapper-19 {
    width: 33%;
	height: 0;	
	padding-bottom: 33%;
	margin-left: 0;
	margin-bottom: 0.5%;	
	font-size: 18px;		
}
#tile-3-wud-wrapper-4, #tile-3-wud-wrapper-8, #tile-3-wud-wrapper-12, #tile-3-wud-wrapper-16, #tile-3-wud-wrapper-20 {
    width: 66%;
	height: 0;	
	padding-bottom: 33%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;
}

/*
 *	=== Tiles WUD CIRCLE ===
*/
#tile-4-wud-wrapper-1, #tile-4-wud-wrapper-2, #tile-4-wud-wrapper-3, #tile-4-wud-wrapper-4, #tile-4-wud-wrapper-5, 
#tile-4-wud-wrapper-6, #tile-4-wud-wrapper-7, #tile-4-wud-wrapper-8, #tile-4-wud-wrapper-9, #tile-4-wud-wrapper-10, 
#tile-4-wud-wrapper-11, #tile-4-wud-wrapper-12, #tile-4-wud-wrapper-13, #tile-4-wud-wrapper-14, #tile-4-wud-wrapper-15, 
#tile-4-wud-wrapper-16, #tile-4-wud-wrapper-17, #tile-4-wud-wrapper-18, #tile-4-wud-wrapper-19, #tile-4-wud-wrapper-20 {
    width: 32%;
	height: 0;	
	padding-bottom: 32%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;
}

/*
 *	=== Tiles WUD PHOTO'S ===
*/
#tile-5-wud-wrapper-1, #tile-5-wud-wrapper-4, #tile-5-wud-wrapper-7, #tile-5-wud-wrapper-10, #tile-5-wud-wrapper-13, 
#tile-5-wud-wrapper-16, #tile-5-wud-wrapper-19 {
    width: 32.6%;
	height: 8vw;	
	padding-bottom: 44%;
	margin-left: 0;
	margin-bottom: 0.5%;	
	font-size: 18px;
}
#tile-5-wud-wrapper-2, #tile-5-wud-wrapper-3, #tile-5-wud-wrapper-5, #tile-5-wud-wrapper-6, #tile-5-wud-wrapper-8, 
#tile-5-wud-wrapper-9, #tile-5-wud-wrapper-11, #tile-5-wud-wrapper-12, #tile-5-wud-wrapper-14, #tile-5-wud-wrapper-15, 
#tile-5-wud-wrapper-17, #tile-5-wud-wrapper-18 {
    width: 32.6%;
	height: 8vw;	
	padding-bottom: 44%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}
#tile-5-wud-wrapper-20 {
    width: 66%;
	height: 8vw;	
	padding-bottom: 44%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}

/*
 *	=== Tiles WUD HORIZON ===
*/
#tile-6-wud-2-columns-tiles{

}

/*
 *	=== Tiles WUD MIXED ===
*/
#tile-7-wud-wrapper-1, #tile-7-wud-wrapper-7, #tile-7-wud-wrapper-10, #tile-7-wud-wrapper-16 {
    width: 24.4%;
	height: 0;	
	padding-bottom: 50%;
	margin-left: 0;
	margin-bottom: 0.5%;
	font-size: 20px;
}
#tile-7-wud-wrapper-2, #tile-7-wud-wrapper-9, #tile-7-wud-wrapper-11, #tile-7-wud-wrapper-18, #tile-7-wud-wrapper-20 {
    width: 49.4%;
	height: 0;
	padding-bottom: 50%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}
#tile-7-wud-wrapper-3, #tile-7-wud-wrapper-5, #tile-7-wud-wrapper-6, #tile-7-wud-wrapper-8, #tile-7-wud-wrapper-12, 
#tile-7-wud-wrapper-14, #tile-7-wud-wrapper-15, #tile-7-wud-wrapper-17 {
    width: 24.4%;
	height: 0;	
	padding-bottom: 50%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;	
}
#tile-7-wud-wrapper-4, #tile-7-wud-wrapper-13, #tile-7-wud-wrapper-19 {
    width: 49.4%;
	height: 0;	
	padding-bottom: 50%;
	margin-left: 0;
	margin-bottom: 0.5%;	
	font-size: 20px;
}
	
/*
 *	=== Tiles WUD Mix2 ===
*/	
#tile-8-wud-wrapper-1, #tile-8-wud-wrapper-6, #tile-8-wud-wrapper-11, #tile-8-wud-wrapper-16 {
    width: 100%;
	height: 0;	
	padding-bottom: 49%;
	margin-bottom: 0.5%;
	margin-top: 0.5%;	
	font-size: 20px;}
	
#tile-8-wud-wrapper-2, #tile-8-wud-wrapper-4, #tile-8-wud-wrapper-7, #tile-8-wud-wrapper-9, #tile-8-wud-wrapper-12, 
#tile-8-wud-wrapper-14, #tile-8-wud-wrapper-17, #tile-8-wud-wrapper-19 {
    width: 49.4%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0;
	margin-bottom: 0.5%;	
	font-size: 18px; 	
}
#tile-8-wud-wrapper-3, #tile-8-wud-wrapper-5, #tile-8-wud-wrapper-8, #tile-8-wud-wrapper-10, #tile-8-wud-wrapper-13, 
#tile-8-wud-wrapper-15, #tile-8-wud-wrapper-18, #tile-8-wud-wrapper-20 {
    width: 49.4%;
	height: 0;	
	padding-bottom: 24%;
	margin-left: 0.9%;
	margin-bottom: 0.5%;	
	font-size: 18px;
}

/* END MOBILE DESIGN */	
}
/* END MOBILE DESIGN */