/* to make the info smaller than the column width' */
.alldata{
width: 50%; margin-left: auto; margin-right: auto;
}
.weight{
float: left; display; inline; width: 90%; text-align: left; }
.price{
float: left; width: 10%; text-align: right;
}
.meatheader
{
padding-top: 30px;
margin-left: 10%;
font-weight: bold;
padding-bottom: 10px;
text-align: center;
clear: both;
}
.column2a {
float: left;
width: 50%;
line-height: 1.6em;
}
.column2b{
float: left;
width: 50%;
}
.approw{
width: 60%; margin-left: auto; margin-right: auto;
}
.ordersteak{
margin-top: 30px;
width: 30%;
margin-left: auto;
margin-right: auto;
padding: 10px;
border: 1px solid brown;
background-color: rgb(230,230,230);
text-align: center;
padding-top: 20px;
}
.column3 {
float: left;
width: 33.33%;
}
.otherrow{
margin-top: 40px;
width: 80%; 
margin-left: auto;
margin-right: auto;
padding-left: 10%;
}

.twilight{
line-height: 1.3em;
}

.twilightrow{
margin-top: 30px;
padding-left: 25%;
width: 70%;
}



@media screen and (max-width: 799px) {



.otherrow,.twilightrow{
padding-left: 0;
}
.column2a,.twilight{
line-height: normal;
}
.ordersteak{
width: 90%;
}
.column2a,.column2b,.column3,.approw,.otherrow,.twilightrow{
width: 100%;
}
.alldata
{
width: 90%;
}
.sm{
display: none;
}
.column2
{
width: 100%;
}

}