@charset "utf-8";
/* CSS Document */
/*
Site Name: MLKJ Electrical Pty Ltd
Site URL: www.mlkjelectrical.com.au
(C)2015 All Rights Reserved.

Web development by Weber Design Studio
www.weberdesignstudio.com.au
*/

/* MOBILE-FIRST */

/* Reset */
body {margin:0; padding:0; font-family: 'Lato', sans-serif;	background:#FFF;}

/* Fonts */
h1,h2,h3,p,ul,li {color:#585858; text-align:center;}
h1 {font-size:36px; margin:0; padding:0;}
h3 {font-size:30px; margin:15px 0 35px 0; padding:0;}
h2 {font-size:24px; margin:15px 0; padding:15px 0; background:#ff7e00; color:#FFF;}
p,ul,li {font-size:16px; color:#585858;}

/* Font Awesome Icons */
#content .fa {display:block; text-align:center; font-size:60px; padding-bottom:15px;}

/* Content */
#page-container {width:100%;}

#header {display:block;}
#logo {padding:15px !important; border-bottom:1px solid #ededec;}
#logo-mobile img {height:auto; max-width:100%; display:block; margin:0 auto;}

#content {padding:20px; clear:both;}
#content ul {margin:0; padding:0; list-style:none;}
#content ul li {text-align:center; padding:35px 0; border-top:1px solid #ededec;}
#content ul li .label {display:block;text-align:center;}
#content ul li .label strong {color:#ff7e00; display:block; font-size:20px;}

/* Footer */
#contacts {padding:0; text-align:center; background:#ff7e00;}
#contacts .mobilenum {font-size:26px !important;}
#contacts ul {margin:0 !important; padding:0 !important; list-style:none;}
#contacts ul li {margin:0; padding:18px 0; color:#FFF; font-size:1.1em; border-bottom:1px solid #FFA854; line-height:1.4;}
#contacts ul li:last-child {border-bottom:none;}
#contacts ul li a {color:#FFF; text-decoration:none; display:block;}
#contacts ul li a:hover {text-decoration:underline;}


.emailus {text-align:center; border-bottom:1px solid #FFA854;}
.emailus h4 {color:#FFF; font-size:24px; margin:0 !important; padding:15px 0 !important;}
.emailus img {padding:0 0 15px 0;}

#footer {border-top:1px solid #ededec; padding:10px 0; clear:both; background:#515151;}
#footer p {font-size:14px; text-align:center; color:#FFF; margin:5px 0;}

/* CSS Hacks */
.mob-br {display:block;}
#company p {color:#909090;}


/* TABLET */

@media only screen and (min-width:750px) {
	
	body {background:url(../images/background.jpg) #dddddd no-repeat center top; background-size:185%; padding:35px 75px 35px 75px;}
	
	/* Content */
	#page-container {
		max-width:1024px !important;
		margin:0 auto;
		background:#FFF;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-webkit-box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.27);
		-moz-box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.27);
		box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.27);
	}
	
	#content {padding:35px 35px 20px 35px;}
	#content:after {content:"";clear:both;display:block;}
	#content ul {margin-right:-35px !important;}
	#content ul li {text-align:left; margin:0 25px 25px 0; padding:25px; float:left; width:45.3%; border:1px solid #ededec; display:table; box-sizing:border-box;}
	#content ul li .label {text-align:center;}
	#content ul li:after {content:"";clear:both;display:block;}
	
	/* Footer */
	#contacts {float:none;}
	#contacts ul {float:right; width:60%; border-left:1px solid #FFA854;}
	#contacts ul li {padding:11px 15px;}
	#contacts:after {content:"";clear:both;display:block;}
	
	.emailus {float:left; width:39%; border:0;}
	.emailus img {padding:0 !important;}
	
	#footer {-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;}
		
	/* CSS Hacks */
	.mob-br {display:inline-block;}
}

/* DESKTOP */
@media only screen and (min-width:1024px) {

	body {background-size:135%;}
	
	/* Fonts */
	h2 {margin:0; text-align:center;}
	h3 {margin-top:0 !important;}
	
	/* Content */
	#header {border-bottom:1px solid #ededec;}
	#header:after {content:""; clear:both; display:block;}
	#logo {width:60%; float:left; border:0;}
	#logo-mobile img {margin:0 0;}
	
	#content ul li {width:46.8%;}
	
	/* Footer */
	#contacts ul {width:75%;}
	.emailus {width:24.8%;}
	
	/* CSS Hacks */
	#company {width:30%; float:right; padding:55px 35px 0 0;}
	#company p {text-align:right;}
	#company .license, #company .abn {display:block;}
	.sep {display:none;}

}