body {
    /*background: url("images/subtle_white_feathers.png") 0px 170px repeat;*/
    background-color: #fcfcfc;
}

#wrapper {
    width: 100%;
    margin: 0px auto;
}

#container {
    float: left;
    width: 100%;
}

/*
HEADER
*/

#mainheader {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    background-color: #fff;
}

#logo {
    float: left;
    width: 30%;
    height: 150px;
    color: #0063b9;
}

#logo h1 {
    float: left;
    width: 100%;
    height: 140px;
    background: url("images/logo-alca-rgb.png") 10px 20px no-repeat;
    background-size: 90%;
}

    #logo h1 span {
        display: none;
    }

#logo h2 {
    display: none;
}
    
    /*
    SOCIAL NAV
    */
    
    #social-nav {
        float: right;
        width: 68%;
        margin-top: 10px;
        margin-right: 2%;
    }
    
    #social-nav section#client-area {
        float: left;
        width: 78%;
        margin-left: 20%;
    }
    
    #client-area a {
        float: left;
        width: 90%;
        padding: 7px 5% 7px 5%;
        margin-bottom: 5px;
        font: normal normal 12px "asapregular", Tahoma, Verdana;
        letter-spacing: 1px;
        text-decoration: none;
        text-align: center;
        background-color: #0063b9;
        color: #fff;
        border-radius: 2px;
        background-color: #ff9c00;
    }
    
    #social-nav section#social-area {
        float: left;
        width: 78%;
        margin-left: 20%;
    }
    
    #social-area a {
        float: left;
        width: 90%;
        padding: 7px 5% 7px 5%;
        font: normal normal 12px "asapitalic", Tahoma, Verdana;
        letter-spacing: 1px;
        text-decoration: none;
        text-align: center;
        background-color: #0063b9;
        color: #fff;
        border-radius: 2px;
        background-color: #ff9c00;
    }
    
    
    
@media screen and (max-width: 600px) {
    
    #logo {
        float: left;
        width: 50%;
        margin: 0px 25%;
        color: #0063b9;
    }
    
    #logo h1 {
        float: left;
        width: 100%;
        height: 140px;
        background: url("images/logo-alca-rgb.png") 10px 10px no-repeat;
        background-size: 90%;
    }
    
    #social-nav {
        float: left;
        width: 80%;
        margin: 30px 10%;
        margin-top: 10px;
    }
    
    #social-nav section#client-area {
        float: left;
        width: 100%;
        margin: 0px;
    }
    
    #client-area a {
        font: normal normal 12px "asapregular", Tahoma, Verdana;
        letter-spacing: 1px;
    }
    
    #social-nav section#social-area {
        float: left;
        width: 100%;
        margin: 0px;
    }
    
    #social-area a {
        font: normal normal 12px "asapregular", Tahoma, Verdana;
        letter-spacing: 1px;
    }
    
}

@media screen and (max-width: 480px) {
    
    #logo {
        float: left;
        width: 70%;
        margin: 0px 15%;
        color: #0063b9;
    }
    
}

/*
CONTENTS
*/

#contents {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}


/*
FOOTER
*/

#mainfooter {
    float: left;
    width: 90%;
    padding: 30px 5%;
    background-color: #0063b9;
    /*box-shadow: 0px -3px 1px 1px #8dacdc;*/
    border-top: 5px solid #ff9c00;
}

#contact-footer {
    float: left;
    width: 100%;
}

#contact-footer h5 {
    margin-bottom: 15px;
    font: normal normal 13px 'asapitalic', Arial, Tahoma, Verdana, sans-serif;
    letter-spacing: 1px;
    font-variant: small-caps;
    text-decoration: underline;
    text-align: center;
    color: #fff;
}

#contact-footer p {
    margin-bottom: 4px;
    margin-left: 5%;
    font: normal normal 13px 'asapitalic', Arial, Tahoma, Verdana, sans-serif;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
}

    #contact-footer p.tfno {
        margin-top: 12px;
        font-size: 14px;
    }

#contact-footer a {
    display: block;
    margin-left: 5%;
    font: normal normal 14px 'asapitalic', Arial, Tahoma, Verdana, sans-serif;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
}

/*
DECO
*/

#deco-header {
    position: relative;
    width: 100%;
    height: 230px;
    background-color: #fff;
    z-index: -9999;
    display: none;
}

#deco-nav {
    display: none;
    position: relative;
    width: 100%;
    height: 30px;
    background-color: #0063b9;
    box-shadow: 0px 3px 1px 1px #8dacdc;
}

#deco-slide {
    display: none;
}