/* GLOBAL */
	
		html { height: 100%; }
		body { position: relative; height: 100%; margin: 0; padding: 0; font-family: 'Manrope', sans-serif; 
			background: url('images/black-twill.png'); }
		img { max-width: 100%; }
						
		.center { text-align: center; }	
											
		a, button { transition: all 0.4s; text-decoration: none; }
		a:focus, a:hover { color: #000; text-decoration: none; }
		
		h3 { display: inline-block; margin: 0; padding: 0 20px 10px 20px; border-bottom: 1px solid #bbb; }
		h4 { color: #000; font-weight: bold; display: inline-block; margin: 20px 0 0 0; padding: 0 15px; }
		h4 a { color: #ff5000; }
		
		.custom-table { display: table; width: 100%; height: 100%; }
		.custom-table-cell { display: table-cell; float: none; width: 100%; height: 100%; vertical-align: top; }
		.v-mid { vertical-align: middle; }
		
		.icon { width: 500px; height: auto; display: inline-block; }		
		.icon img { width: 500px; }
		
		.stripes { width: 100%; height: 30px; background-image: url(images/stripes.png); background-color: #fda400;
			background-repeat: repeat-x; background-position: left 50%; margin: 0 0 20px 0;
		}
		
		.grey { display: block; width: 100%; background: #111; color: #fff; margin: 0; padding: 20px 0; }
		.grey h1 { margin-bottom: 0; }
		.grey h3 { display: block; color: #fda400; margin-top: 10px; border: none; }
								
	
	/* RESPONSIVE */
						
		@media (max-width: 768px) {
			.custom-table { display: block; width: 100%; height: auto; text-align: center; }
			.custom-table-cell { display: block; width: 100%; height: auto; text-align: center; }
			.v-mid { position: relative; top: 50px; }
			
			.icon { width: 96%; }
			.icon img { width: 96%; }
			
			h1 { font-size: 22px; }
			h3 { font-size: 15px; }
			h4 { display: block; }
		}