<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CEBIT Australia 2020</title>


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<link href="https://fonts.googleapis.com/css?family=Fira+Sans+Condensed|Roboto+Slab:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap" rel="stylesheet">

<style>
		    /* Reset */
        	html, body, h1, h2, h3, ul { margin: 0; padding: 0; }
        	html, body { min-height: 100%; width: 100%; }
        	ul { list-style: none; }
        	li { display: inline-block; }
        	a, a:visited, a:focus { color: inherit; text-decoration: none !important; }
        	h3, .social-list_item { letter-spacing: .34em; }

        	* {
        		box-sizing: border-box;
        	}

        	/* Configurable */
        	body { 
				background: black url("	__media/PressRelease.png") no-repeat;
				background-size: cover;
        		color: white; 
				font-family: 'Montserrat', sans-serif;
        	}

			/* Form */
			.hs-richtext { display: none!important; }
			.field { margin-bottom: 5px!important; }
			.hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field { margin-bottom: 5px!important; }


			
			/* Typography */
        	h1 { font-size: 60px; }
        	h2 { font-size: 30px; }
			h3 { font-size: 18px; }
			p { font-size: 14px; }

			h1, h2, .contact-details { font-family: 'Montserrat', sans-serif; line-height: 1;}

			.contact { display: flex;justify-content: center; padding: 20px;}

			

			/* Overlay */
			.overlay { background: rgba(0,0,0, 0.4); padding: 60px 30px; width: 100%; }

        	/* Layout: Header Title */
        	.header-title .logo, .header-title h1 { display: inline-block; vertical-align: middle; }
			.logo { max-width: 273px; margin-bottom: 50px; }

        	/* Layout: Content */
        	.content { margin: 0; line-height: 1.7; padding-bottom: 60px;  padding: 20px;}

        	/* Elements to use the main colour */
        	h3, .social-list_item::before, .contact-details .fa {
        		color: #881753;
        	}

        	/* Layout: Social */
        	.social { background: #881753; color: black; text-align: center; }
        	.social-list { display: -webkit-flex;
        	display: -moz-flex;
        	display: -ms-flex;
        	display: -o-flex;
        	display: flex; justify-content: space-around; align-items: center; height: 100%; }
        	/* .social-list_item { width: 25%; } */
			.social-list_item a { display: block; padding: 1.4em 0em; }
			.social-list_item:hover { color: black; }
			.social-list_item { color: white; }

			.fa-flickr:before,
			.fa-youtube:before { font-family: "FontAwesome"; font-size: 22px; font-style: normal;}

        	.social-list_item:first-child::before { display: none; }
        	.social-list_item span { display: none; }

        	/* BREAKPOINT: Tablet */
			@media screen and (min-width: 768px) {
				.overlay { margin-top: 0; padding: 60px 90px; width: 100%; height: 100%; }
				/* Layout: Header Title */
	        	.header-title .logo { margin-right: 20px; }

	        	/* Social */
				.social { position: fixed; bottom: 0; right: 0; height: 10%; width: 50%; }
	        	.social-list_item .fa { font-size: 22px; }

				/* Contact Details*/
				.contact-details { background: black; position: fixed; bottom: 0; left: 0; height: 10%; width: 50%; display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex; align-items: center; justify-content: space-around; }
	        	.contact-details li { font-size: 18px; }
				.contact-details a:hover { color:#881753;}
			}

			/* BREAKPOINT: Laptop */
			@media screen and (min-width: 1024px) {
				h1 { font-size: 60px; }
	        	h2 { font-size: 40px; }
				h3 { font-size: 20px; }
				p { font-size: 16px; }
				/* Social */
				.social-list_item span { display: block; margin-top: 18px; }
				.contact-details { padding: 0 50px; }
				.overlay { width: 80%; margin-top: 5%; }
			}

			/* BREAKPOINT: Desktop */
			@media screen and (min-width: 1290px) {
				/* Overlay */
				.overlay { width: 74%; }
				h1 { font-size: 66px; }
	        	h2 { font-size: 60px; }
				h3 { font-size: 26px; }
				p { font-size: 20px; }
			}

			/* BREAKPOINT: Desktop Large */
			@media screen and (min-width: 1290px) {
				/* Overlay */
				.overlay { width: 64%; }
			}
		</style>
</head>
<body>
<div class="social">
<ul class="social-list">
<li class="social-list_item">
<a href="https://twitter.com/CeBITAus">
<i class="fa fa-twitter"></i>
</a>
</li>
<li class="social-list_item">
<a href="https://www.facebook.com/CEBITAUS">
<i class="fa fa-facebook"></i>
</a>
</li>
<li class="social-list_item">
<a href="https://www.linkedin.com/showcase/6464928/admin">
<i class="fa fa-linkedin"></i>
</a>
</li>
<li class="social-list_item">
<a href="https://www.instagram.com/cebitaus">
<i class="fa fa-instagram"></i>
</a>
</li>
<li class="social-list_item">
<a href="https://www.youtube.com/user/CeBITAustralia">
<i class="fab fa-youtube"></i>
</a>
</li>
<li class="social-list_item">
<a href="https://www.flickr.com/photos/cebitaus/albums">
<i class="fab fa-flickr"></i>
</a>
</li>
</ul>
</div>
<div class="overlay">
<header>

<div class="header-logo">
<img src="" alt="">
</div>

<div class="header-title">
<img class="logo" src="__media/cebitLogoWhiteCropped.png" alt=""><h1>Business to the Power of Tech</h1>
</div>
</header>
<div class="content">
<p>Sign up for the latest updates</p>
<!--[if lte IE 8]>
				<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
				<![endif]-->
<script charset="utf-8" type="54ff2b935385b2c458b8c9bd-text/javascript" src="https://js.hsforms.net/forms/v2.js"></script>
<script type="54ff2b935385b2c458b8c9bd-text/javascript">
				hbspt.forms.create({
					portalId: "1039883",
					formId: "27d3a363-df3c-4cff-a4d9-6be1539dee61"
				});
				</script>
</div>
</div>

<div class="contact">
<ul class="contact-details">

<li class="contact-tel">
<i class="fa fa-phone"></i>
<span>+61 2 9280 3400</span>
</li>

<li class="contact-email">
<i class="fa fa-envelope"></i>
<a href="/cdn-cgi/l/email-protection#274e494148674442454e530944484a094652"><span class="__cf_email__" data-cfemail="523b3c343d123137303b267c313d3f7c3327">[email&#160;protected]</span></a>
</li>
</ul>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script async type="54ff2b935385b2c458b8c9bd-text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=558506397"></script>
<script src="https://ajax.cloudflare.com/cdn-cgi/scripts/7089c43e/cloudflare-static/rocket-loader.min.js" data-cf-settings="54ff2b935385b2c458b8c9bd-|49" defer=""></script></body>
</html>