/**
 * Theme Name: Twitchfront
 * Template:   storefront
 * ...other header fields
 */

 body {
   font-family: "Roboto", sans-serif;
}

 .wc-block-grid__products .wc-block-grid__product-image img {
    width: 250px !important;
    object-fit: cover;
    aspect-ratio: 1 / 1;
 }

 .st-masthead-logo {
   margin-bottom: 2em;
 }

 @media (max-width: 768px) {
   #masthead {
      display: grid;
      grid-template-columns: 1em minmax(250px, 600px) minmax(130px, 400px) 1em;
      align-items: center;
      justify-content: end;
    }
   
    .st-masthead-logo {
      grid-column: 2 / span 1;
      margin-bottom: 0;
      width: 100%;
    }

    .storefront-primary-navigation .col-full {
      margin-right: 0;
    }

    .handheld-navigation {
      text-align: right;
    }
 }

 .woocommerce-message, 
 .woocommerce-info {
   background-color: #0b4fa0;
 }