/* HEAD */
#head {
    background: #d3d4cf;
    overflow: hidden;
    height: 60px;
}

#head div.logo {
    margin-top: 5px;
    margin-left: 10px;

    width: 20%;
    float: left;
}
    
@media only screen and (max-width: 1359px) {
    #head div.logo {
        float: left;
        margin-bottom: 10px;
        right: 10px;
        width: 150px;
    }
    
    #head div.logo img {
        width: 215px;
        margin-top: 7px;
    }
}

@media only screen and (min-width: 1359px) {
  #head {
    background: none repeat scroll 0 0 #d3d4cf;
    height: 80px;
    overflow: hidden;
    width: 100%;
    z-index: 9999;
  }

  #head div.logo {
    margin-top: 15px;
    margin-left: 48px;
  }

  #head div.logo img {
    width: 278px;
  }
}