<!doctype html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<meta charset="UTF-8">
<title>Cool Cat Casino - Not Available</title>
<style>
		
		body { 
            background-image: linear-gradient(to bottom, #24252c, #1d1e28, #151824, #0e1121, #03061d);
			height: 100vh;
			width: 100%;
			margin-left: auto
		
		}
		
		
		h1 {
			color:white;
			font-size: 29;	
			font-family: 'Roboto', sans-serif;
			font-weight: normal;
			max-width:600px;
				
		}
	
		h2 {
			color:white;
			font-size: 21;	
			font-family: 'Roboto', sans-serif;
			font-weight: normal;
			max-width: 600px;
			
			
		}
		
		.container {
			display: flex;
			border:0px red solid;
			width: 80%;
			
		}
		
		@media screen and (max-width: 660px) {
			.container { 
				flex-direction: column;
				text-align: left;
			}
			
			.imageBox {
				padding: 20!important;
				margin: 0 auto;
				flex-direction: column;
			}
			
			.imageBox img {
				width: 50vw;
			}
			.logo1 {
				padding-bottom: 20px;
			display: block!important;
			}
			.logo2 {
				display: none;
			}
				
		}
		
		.container div {
			border:0px blue solid;
			
			padding: 20px;
			
			
		}
		
		.imageBox {
			display: flex;
			justify-content: flex-end;
			padding-right: 20px;
			align-items: center;

			
		}
		
		.imageBox img {
			
		}
		
		.textBox {
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: flex-start;
		}
		
		.canvas { 
			display: flex;
			justify-content: center;
			border: 0px #FF0000 solid;
			height: 100%;
		
		}
		.logo1 {
			display: none;
		}
		
			.imageBox img:not(.logo1) {
			width: 30vw;
			max-height: 450px;
			max-width: 450px;
			min-height: 250px;
			min-width: 250px;			
		}
	
		a {
	text-decoration: none;
	color: #1da5f6;
}
	
		html { overflow-y: hidden; }
		
	</style>
<script type='text/javascript'>
var _vwo_code=(function(){
var account_id=278486,settings_tolerance=2000,library_tolerance=2500,use_existing_jquery=false,
f=false,d=document;return{use_existing_jquery:function(){return use_existing_jquery;},library_tolerance:function(){return library_tolerance;},finish:function(){if(!f){f=true;var a=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finished:function(){return f;},load:function(a){var b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){_vwo_code.finish();};d.getElementsByTagName('head')[0].appendChild(b);},init:function(){settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);var a=d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}',h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;else a.appendChild(d.createTextNode(b));h.appendChild(a);this.load('//dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&r='+Math.random());return settings_timer;}};}());_vwo_settings_timer=_vwo_code.init();
</script>

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-5PZFK2Z');</script>
</head>
<body>
<div class="canvas">
<div class="container">
<div class="imageBox">
<img class="logo1" src="images/logo.png" alt="" />
<img src="images/geo-globe.png" alt="" />
</div>
<div class="textBox">
<img class="logo2" src="images/logo.png" alt="" />
<h1>Sorry about this, but CoolCat Casino
is not available in your country right now.</h1>
<h2><strong>Need to get in touch?</strong>
You can email us at <a href="mailto:help@coolcat-casino.com">help@coolcat-casino.com</a></h2>
</div>
</div>
</div>

</body>
</html>
