/*

Theme Name: Get WorkGear Admin Area
Description: Get WorkGear Admin Area
Author: Wired
Author URI: http://www.wired.co.nz
version: 1.0

*/

@charset "UTF-8";

html, body { background:#00afc4;  color:#fff; font-family: 'Montserrat', sans-serif; height:100%; line-height:auto; margin:0; padding:0; width:100%; }

img { border:none; display:block; height:auto; max-width:100%;}

h1 { font-size:40px; font-weight:300;  margin:0; padding:0 0 10px 0;}
p { font-size:20px; line-height:22px; margin:0 0 8px 0;}

#maintenancewrap { position:absolute; left:50%; top:50%; margin:-261px 0 0 -500px; width:900px;}
#maintenancemessage { float:left; padding:18% 50px 0 0; text-align:right; width:350px;}
#maintenanceimg {  background:url(/images/maintenance/gwg-frame.png) no-repeat; background-size:contain; float:left; height:522px; padding:96px 0 0 0; position:relative; width:500px; }
#maintenanceimg img { margin:auto; width:78%;}
#maintenanceimg:before{ border-style:solid; border-width:25px 50px 25px 0; border-color:transparent #ffffff transparent transparent; content:""; height:0; position:absolute; top:35%; left:-20px; width:0;}

/*---------------------Media queries---------------------------*/
@media only screen and (max-width: 940px) {
#maintenancewrap { margin:-205px 0 0 -410px; width:800px;}
#maintenancemessage { padding:19% 40px 0 0; width:330px;}
#maintenanceimg { height:411px; padding:86px 0 0 0; width:400px; }
#maintenanceimg:before{ border-width:20px 40px 20px 0; top:37%; left:-15px;}
}

@media only screen and (max-width: 820px) {
h1 {line-height:42px;}
p { font-size:18px; line-height:20px;}
#maintenancewrap { margin:-320px 0 0 -200px; width:400px;}
#maintenancemessage { float:none; padding:20px 0; text-align:center; width:100%;}
#maintenanceimg { float:none; margin:auto; }
#maintenanceimg:before{ top:-15px; left:175px; transform:rotate(90deg);}
}

@media only screen and (max-width: 440px) {
h1 { line-height:42px;}
p { font-size:18px; line-height:20px;}

#maintenancewrap { margin:-260px 0 0 -165px; width:330px;}
#maintenancemessage { float:none; padding:0 0 20px 0; text-align:center; width:100%;}
#maintenanceimg { float:none; height:340px; margin:auto; padding:60px 0 0 0; width:330px;}
#maintenanceimg:before{ top:-15px; left:150px; transform:rotate(90deg);}
}