

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);


body {
    font-family: 'Open Sans', sans-serif;
    background: url(../img/bg-chocolat.jpg) no-repeat center center fixed;
    overflow: hidden;
}

a, a:visited, a:hover, a:active, a:focus { color:#a8928f; font-weight: 600; }

.logo {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%,-50%);
}

.contacts { position: absolute; left: 50%; bottom: 1%; transform: translate(-50%,-50%); }
.contacts ul { display: block; margin: 0 auto; padding: 0; width: auto; height: 80px; list-style: none; }
.contacts ul li { display: inline-block; width: auto;  vertical-align: middle; margin: 0; padding: 0; }
.contacts ul li a { display: block; width: 45px; height: 45px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #5d2316; color:white; font-size: 22px; line-height: 43px; text-align: center; }
.contacts p { width: 100%; text-align: center; color:#a8928f; }

.workshop{
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    background: url(../img/workshop_bg.png) right bottom no-repeat fixed;
    color:white;
    width: 269px;
    height: 269px;
}

.workshop div.content {
    line-height: inherit;
    margin: 0;
    text-align: center;
    position: absolute;
    right: 0; bottom: 45px;
    width: auto;
    height: auto;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    writing-mode: lr-tb;
}

.workshop div.content h4 { text-transform: uppercase; line-height: inherit; margin: 0; padding: 0; font-weight: 600; }
.workshop div.content p { line-height: inherit; margin: 0; padding: 0; }
.workshop div.content span { line-height: inherit; text-transform: uppercase; color:#d33648; }
