.potatoes { width: 240px; height: 440px; padding: 10px; border: 1px solid #eee; margin-top: 200px; margin-left: 40px;}

.potatoes img { width: 240px; height: 440px; }

.potatoes a { color: #eee; text-decoration: none; }

.trans { width: 240px; height: 0px; opacity: 0; margin-top: 0px; margin-left: 0px; background-color: #222; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; position: auto; float: left }

.potatoes:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%);}

.potatoes:hover .trans { opacity: 0.7; margin-top: -440px; height: 440px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out;}

.inner { text-align: center; width: 140px; border: 1px solid #666; padding: 20px; height: 336px; margin-left: 29px; margin-top:-500px; color: #eee; opacity: 0; font-family: 'roboto'; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; position: absolute; z-index:5;}

.inner h1 { font-size: 16px; font-weight: 700; font-family: 'old standard tt'; margin-top: 2px; letter-spacing: 2px}

.inner h2 { padding-bottom: 4px; margin-bottom: 12px; border-bottom: 1px solid #444; font-family: 'old standard tt'}

.inner h3 { font-size: 12px; font-weight: 700; font-family: 'old standard tt'; margin-top: 2px; letter-spacing: 2px}

.potatoes:hover .inner { opacity: 1; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; margin-top: -412px; }

.lnr { margin: 0 auto; font-color: #eee; font-size: 12px; }

.lnr a { display: inline-block; color: #eee; margin-left: 4px; margin-right: 4px; }

.meat {width: 755px; height: 300px; margin-top: -330px; margin-left:50px; overflow:hidden;}

.meatimg { width: 170px; height: 390px; background-size: cover; margin-right: -5px; position: relative; padding: 15px;    background-position: center; }

.meatr {width: 250px; height: 390px; padding: 40px; background-color: #fff;}

.meatly1 {font-family: roboto; font-weight: 300; font-size: 20px; text-align: right; line-height: 15px; color: #91151a;}

.meatly2 {font-family: playfair display; font-style: italic; font-weight: 700; font-size: 30px; text-align: right;}

.meatp {width: 250px; height: 230px; overflow: auto; padding-right: 10px; text-align: justify; font-family: open sans; font-size: 10px; line-height: 130%; margin-top: 25px;}

.meatp b {color: #91151a; font-family: roboto; font-size: 12px; }

.meatyp i {color: #521919; font-family: playfair display;}

.meatp::-webkit-scrollbar {width: 5px;  background:#fff;}

.meatp::-webkit-scrollbar-thumb {background:#521919; }

.meatp::-webkit-scrollbar-corner {background:#fff;}

.meat .ooc {align-self: flex-end; background-color: #fff; padding: 10px; width: 150px; font-family: open sans; font-size: 8px; position: absolute; left: 510px; top: 590px; text-align: justify;  transition: .95s ease-in-out .2s; -webkit-transition: .95s ease-in-out .2s;}

.meat:hover .ooc {top: 200px; transition: .95s ease-in-out .5s; -webkit-transition: .95s ease-in-out .5s;}

.ooc span {font-family: roboto; color: #521919; margin-right: 3px; font-weight: 900; text-transform: uppercase;}