Change logo size on Mobileformat!

How do i change my logo size in the mobile format?.
Now i have a portion of the logo showing. A very cropped in version. Only a few letters.

Here’s the current code:

.woocommerce-active .site-header .secondary-navigation {
    width: 47%;
    float: left;
    margin-right: 4.347826087%; }
  .woocommerce-active .site-header .site-search {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
    clear: none; }
  .woocommerce-active .site-header .main-navigation {
    width: 90%;
    float: left;
    margin-right: 4.347826087%;
    clear: both;
	padding-top: 160px; }
  .woocommerce-active .site-header .site-header-cart {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 80px; }
  .site-branding .site-description {
    margin-bottom: 0;
    display: block; }
  .site-branding, .site-search, .site-header-cart, .site-logo-anchor {
    margin-bottom: 1em; }
  .site-header .subscribe-and-connect-connect {
    float: right;
    margin-bottom: 1em; }
    .site-header .subscribe-and-connect-connect .icons {
      list-style: none;
      margin: 0; }
      .site-header .subscribe-and-connect-connect .icons a {
        font-size: 1em !important; }
      .site-header .subscribe-and-connect-connect .icons li {
        margin: 0 0 0 .53em !important;
        display: inline-block; }
  .col-full {
    max-width: 65.141em;
    margin-left: auto;
    margin-right: auto; }
    .col-full::after {
      clear: both;
      content: "";
      display: table; }
    .col-full:after {
      content: " ";
      display: block;
      clear: both; }
  .site-content::after {
    clear: both;
    content: "";
    display: table; }
  .content-area {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%; }
  .widget-area {
    width: 21.7391304348%;
    float: right;
    margin-right: 0; }
  .right-sidebar .content-area {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%; }
  .right-sidebar .widget-area {
    width: 21.7391304348%;
    float: right;
    margin-right: 0; }
  .left-sidebar .content-area {
    width: 73.9130434783%;
    float: right;
    margin-right: 0; }
  .left-sidebar .widget-area {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%; }
  .storefront-full-width-content .content-area {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .content-area, .widget-area {
    margin-bottom: 2.618em; }
  /**
	 * Full width & homepage template
	 */
  .page-template-template-fullwidth-php .content-area, .page-template-template-homepage-php .content-area {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  /**