html {
    min-width: 100vw;
}
body {
    width: 100%;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}
.logo:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.logo {
    max-width: 100vw;
}
.hours {
    min-width: 275px;
    max-width: 80vw;
    min-height: 150px;
    padding: 24px;
    font-size: 1.68rem;
}

@media all and (min-width: 300px) {
    .hours-email:after {
      content: " (" attr(data-email) ")";
      font-size: 1rem;
      font-style: italic;
      color: rgb(122, 121, 121);
    }
}
.hero{
    width: 100%;
    height:100%;
}
.market{
    border-radius: 50px;
}
.market h3 {
    font-family: 'trashhandregular';
    font-weight: 700;
    font-size: 5.5rem;
    font-style: italic;
}
.market h6 {
    font-family: 'trashhandregular';
    font-size: 4rem;
    font-style: italic;
}
.market li {
    font-family: 'trashhandregular';
    font-weight: 300;
    font-size: 2rem;
}
.market li div span {
    font-weight: 250;
    font-size: 1rem;
    
}
.beefMarketBlock {
    border-top: 10px solid black;
    border-right: 0px solid black;
}
.beefMarketBlock:before {
    content:'';
    bottom:0;
    left:0;
    right:0;
    background:red;
    height:20px;
    border-radius:10px 10px 10px 10px;
  }

.porkMarketBlock {
    border-top: 10px solid black;
    border-left: 10px solid black;
}
@media (width <= 400px)  {
    .porkMarketBlock {
        border-top: 10px solid black;
    }
}