html {
    width:100%;
    height:100%;
    min-width: 100%;
    margin:0; padding:0;
    box-sizing: border-box;
}
body{
    width:100%;
    height:100%;
    margin:0; padding:0;
    background:#fff url(images/bg.png) repeat-x;
}
* {    box-sizing: border-box;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
body>.pageContent {
    width:100%;
    padding:0; margin:0;
}
.left {float:left;}
.right {float:left;}
.clear {clear:both;}

.abs {position: absolute;}
.fixed {position: fixed;}
.rel {position: relative;}

.bf{ bottom:0; left:0; right:0;}
.tf{ top:0; left:0; right:0;}
.tr{ top:0; right:0; }
.tl{ top:0; right:0; }
.br{ bottom:0; right:0; }
.bl{ bottom:0; right:0; }

.panel img {width:100%; max-width:100%;}

.contentPanel {margin:40px 60px;}
.contentPanel>.panel {width:48%; padding:0; margin:0; border:none;}
.contentPanel .logo {width:50%; max-width: 250px; margin-top:120px; margin-bottom: 120px;}
.contentPanel .txt { width:80%; max-width:600px;}
.contentPanel .mock { width:50%; max-width:320px;}
.header {
    width:100%; padding:0 40px;
    text-align: right;
}

.footer {
    color: #959595;
    background-color: #2F2F2F;
    height:80px; width:100%;
    padding: 30px 40px;
}
.footer .holder {width:100%; height:100%; font-size:16px; padding:0; line-height: 20px; color:#959595;}
.footer .contact {top:-70px; right: 40px; }
.footer .contact a {display: block; width:80px; height:80px; background: url(images/wagl-contact-2x.png) no-repeat; background-size: contain;}

@media all and (max-width: 1000px) 
{
    body  {
        background:#fff url(images/bg.1.png) repeat-x;
    }
}

@media all and (max-width: 800px) 
{
        .header>img {width: 120px;}
    body>.pageContent {
        width:100%;
        max-width:600px;
        margin:auto;
    }
    .contentPanel {margin:20px}
    .contentPanel>.panel {width:100%;}
    .contentPanel .logo {width:50%; max-width: 250px; margin: 10px auto;}
    .contentPanel .txt { width:90%; max-width:600px;  margin: 10px auto;}
    .contentPanel .mock { width:90%; max-width:600px; margin: 10px auto;}
    .header {
        width:100%; padding:0 20px;
        text-align: right;
    }
    
.footer {
    height:40px; width:100%;
    padding: 10px
}
    .footer .contact { right: 0px; }
}