/*
*		    ________      .___   
*	__  _  _\_____  \   __| _/
*	\ \/ \/ / _(__  <  / __ |
*	 \     / /       \/ /_/ |
*	  \/\_/ /______  /\____ |
*	               \/      \/
*
*	@author			Jacques Baars <j@w3d.co.za>
*
*	@notice			This is the property of W3Designs, W3Development, W3D,
*					it is illegal to use this source code without the required permission,
*					contact j@w3d.co.za for further advice or permissions.
*
*	@license		Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za)
*/

/* HTML */
html{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font: 100% Calibri, Verdana, Arial, Helvetica, sans-serif;
}

/* Body */
body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	
	background: rgb(255,255,255);
	background: -moz-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(41,137,216,1) 75%, rgba(41,137,216,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(41,137,216,1) 75%, rgba(41,137,216,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(41,137,216,1) 75%, rgba(41,137,216,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#2989d8",GradientType=1);
}

/* Headings */
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
}

/* Links */
a{text-decoration: none;}
a:link{color: #fff;}
a:visited{color: #fff;}
a:active{color: #fff;}
a:hover{color: #fff;}

/* Coming Soon */
#coming-soon{
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
}

	#coming-soon h1{
		color: #444;
		font-size: 600%;
		padding: 15% 0 0;
	}

	#coming-soon a{
		color: #444;
		font-size: 150%;
	}

	#coming-soon .w3d-logo{
		width: 12%;
		right: 25px;
		bottom: 25px;
		position: absolute;
	}

		#coming-soon .w3d-logo img{
			width: 100%;
		}
		
/* 1380px */
@media screen and (max-width: 1380px){
	#coming-soon h1{
		font-size: 500%;
		padding: 20% 0 0;
	}

	#coming-soon a{
		font-size: 120%;
	}

	#coming-soon .w3d-logo{
		width: 15%;
	}
}

/* 600px */
@media screen and (max-width: 600px){
	#coming-soon h1{
		font-size: 400%;
		padding: 40% 0 0;
	}

	#coming-soon a{
		font-size: 100%;
	}
	
	#coming-soon .w3d-logo{
		width: 22%;
	}
}