* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 10px;
    width: 100%;
    height: 100%;
}

/*******************************************************/
/* C O U N T R Y  N A V */

.countrynav {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
}
.countrynav p {color: #fff; margin: 60px 40px 0 40px; padding-bottom: 5px; border-bottom: 1px solid #fff;font-size: 1.3em;}
.cd-primary-nav .countrynav a {font-size: 1.3em; color: #fff; margin: 10px 0 0 40px;}

.menu {
    position: fixed;
    width: 40px;
    height: 20px;
    left: 25px;
    top: 55px;
    z-index: 1;
    
}

/*******************************************************/

.bg_wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url(../_img/connected-wash-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    overflow: hidden;
}

.header {
    position: fixed;
    clear: both;
    width: 100%;
    height: 80px;
    z-index: 10;
    background: #fff;
}

.logo {
    position: fixed;
    right: 0;
    height: 50px;
    width: 175px;
}

.logo img {position: fixed; right: 0; height: 50px; width: 175px; margin: 10px 0 0 0;}

.logo_cw {
    position: fixed;
    left: 0;
    height: 70px;
    width: 175px;
}

.logo_cw img {position: fixed; left: 0; height: 70px; margin: 10px 0 0 70px;}

h1 {font-weight: 300; font-size: 3em; margin: 0 0 20px 0; color: #0ba1e2; text-transform: uppercase;}
p {font-size: 1.3em; line-height: 1.5em;}


.contentwrapper {
    position: relative;
    width: 100%;
    max-width: 1000px;
    top: 140px;
    margin: 0 auto 0 auto;
    height: auto;
}

.content {
    position: relative;
    float: left;
    width: 40%;
    margin: 0 5% 0 5%;
    height: auto;
    min-height: 400px;
}

.description {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    height: auto;
    margin: 30px 0 30px 0;
}

.description h3 {float: left; clear: left; font-weight: 700; font-size: 1.5em;color: #0ba1e2; text-transform: uppercase; margin: 0 0 10px 0;}

.button {
    position: relative;
    float: left;
    clear: left;
    width: auto;
    height: auto;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    background: #0ba1e2;
    padding: 10px 20px;
    margin: 0 0 20px 0;
    
}

.button a {color: #fff; text-decoration: none; text-transform: uppercase;font-size: 1.3em; cursor: pointer;}

.download {position: relative; float: left; clear: left; color: #000; margin: 10px 0 0 0; font-size: 1.3em; text-decoration: none; cursor: pointer;}

.footer {
    position: relative;
    float: left;
    clear: left;
    width: 90%;
    height: 50px;
    margin: 280px 0 0 0;
    background: #fff;
    padding: 20px 5% 0 5%;
}

.footer a {text-decoration: none; cursor: pointer;text-transform: uppercase;font-size: 1.3em; color: #0ba1e2; margin: 0 30px 0 0;}

.apps {position: relative; float: left; clear: left; width: 240px; height: 85px;  margin: 40px 0 0 0;}
.app_icon {position: relative; float: left; width: 85px; height: auto; margin: 0 30px 0 0;}
.apps img {position: relative; width: 100%;}
.app_download {position: relative; float: left; width: 100px; margin: 6px 0 0 0;}
.app_download a {position: relative; float: left; clear: left; margin: 3px 0;}


@media screen and (max-width: 900px) {
    .bg_wrapper {display: none;}
    .menu {display: none;}
}



@media screen and (max-width: 600px) {
         .header {
            position: fixed;
            clear: both;
            width: 100%;
            height: 70px;
            z-index: 10;
            background: #fff;
        }
            
        .logo {
            position: fixed;
            right: 0;
            height: 30px;
            width: 175px;
        }
        
        .logo img {position: fixed; right: 0; height: 40px; margin: 10px 0 0 0;}
        
        .logo_cw {
            position: fixed;
            left: 0;
            height: 40px;
            width: 175px;
        }
        
        .logo_cw img {position: fixed; left: 0; height: 40px; margin: 10px 0 0 60px;}
        
    
        .contentwrapper {
        position: relative;
        width: 90%;
        max-width: 90%;
        top: 140px;
        margin: 0 5% 0 5%;
        height: auto;
    }
    
    .content {
        position: relative;
        float: left;
        clear: left;
        width: 100%;
        margin: 0 0 100px 0;
        height: auto;
        min-height: 400px;
    }
        
       .footer {
        position: relative;
        float: left;
        clear: left;
        width: 90%;
        height: auto;
        margin: 0 5% 50px 5%;
    
    } 
        .footer a {text-decoration: none; cursor: pointer;text-transform: uppercase;font-size: 1.3em; color: #0ba1e2; margin: 0 0 15px 0; float: left; clear: left;}
    
}