* {
   font-family: 'Roboto', sans-serif;
/*   box-sizing: border-box;*/
 }

 html {
   height: 100%;
   margin: 0;
   padding: 0;
   width: 100%;
 }
 
 body {
   position: relative;
   margin: 0;
   padding: 0;
   width: 100%;
   min-height: 100%;
   overflow-y: overlay;
 }
 
 #logo {
   background-color: #000;
   background-image: url('../images/mdblogo.png');
   margin: auto;
   text-align: center;
   width: 75%vw;
   height: 20vh;
   min-width: 240px;
   min-height: 96px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
 }

.pic img {
  width:100%;
  margin-bottom:3em;
  height:auto;
  max-width:240px;
}

p {
  font-size:1.3rem;
}

hr { display: none; }

.othercat {
	padding-top:1rem;
	padding-bottom:1rem;
	margin:0;
	clear:both;
}

.othercat:first-of-type {
	padding-top:0rem;
}

.otherdesc {
	font-style:italic;
	padding:0rem;
	clear:both;
	display:none;
	font-weight:200;
  }

p.catprod {
	margin-top:0.5em;
	margin-bottom:0.5em;
	float:left;
	clear:both;
	font-size:1.3rem;
	max-width:80%;
	cursor:pointer;
}


p.prodprice {
	margin-top:0.5em;
	margin-bottom:0.5em;
  font-size:1.3rem;
  max-width:18%;
  float:right;
}


#wrapper {
  max-width:1024px;
  width:100%;
  margin:0 auto;
  background:#fff
}

.beernow, .cidernow, .comingsoon  {
  margin-bottom:3rem;
}

.pubhead-hidden {
  width:inherit;
  max-width:inherit;
  top:0;  
  text-align:center;
  font-size:2.5em;
  margin:0px;
  background:#000;
  color:#fff;
  font-weight:400;
}
    .pubhead-hidden div {
      padding:1rem;  
    }

.pubhead {
  position:fixed;
  width:inherit;
  max-width:inherit;
  top:0;  
  text-align:center;
  font-size:2.5em;
  margin:0px;
  background:#000;
  color:#fff;
  font-weight:400;
  z-index: 999;
}
    .pubhead div {
      padding:1rem;  
    }

.pubhead-locn {
  font-size: 1.5rem;
}

.mainhead {
  text-align:center;
  font-size:2em;
  padding:1rem;
  margin-top:0;
  margin-bottom:2rem;
  background:#5f0034;
  color:#fff;
  font-weight:100;
}

.fixedhead {
  position:fixed;
  width:inherit;
  max-width:inherit;
  padding:0;
  z-index:999;
}

.fixedhead div {
    padding:1rem;
}

.raf {
  width:100%;
  max-width:320px;
  height:auto;
}

.bottomlink {
  text-align:center;
}

 a {
    color:#000;
}

#pagename {
  margin-top:0.5em;
  position:absolute;
  margin-left:-100px;
  width:200px;
  z-index:999;
}

.fixed{
     position: fixed;
}

.fresh {
  background-image: url(../images/new2.png);
  background-repeat:no-repeat;
  background-position-x:right;
  background-size:15% auto;
}


.mob-abv, .mob-beername, .teaser, .mob-displayprice {
  display:none;  
}

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

  .pic img {
      margin-bottom:0em;
  }  
  
  .details {
    margin-bottom:5em;
  }
  
  .pubhead div {
      padding:1rem;  
  }

  .pubhead-hidden div {
      padding:1rem;  
  }
  
  .beernow, .comingsoon, .cidersnow, .alsonow {
      padding-left:3vw;
      padding-right:3vw;
  }
  
  .teaser {
    display:block;
   }
   
   .alsonow {
		padding-bottom:3vw;
   }
  
}

@media screen and (max-width: 480px)  { 
  
  * {
   font-family: Arial,Helvetica;
  }
  
  .mainhead {
    margin-bottom:0px;
  }
  .beernow, .comingsoon, .cidersnow, .alsonow {
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
  }

  .pic img {
      width:20vw;
  }  
  
  h1,h2 {
    font-size:1.1rem;
    margin:0;
    padding:0;
    font-weight:400;
  }
  
  h2 {
	line-height:1.4em;
  }
  
  .beer-item {
    border-bottom: solid thin #999;
    clear:both;
    padding:0.5rem;
    overflow:hidden;
  }
  .tasting-notes {
    display:none;
    margin-bottom:1em;
    font-size:1.1rem;
  }
  
  .mob-displayprice {
	float:right;
	font-weight:bold;
  }
  
  .mob-abv, .mob-beername, .mob-displayprice { 
    display:inline-block;
  }
  
p.catprod {
	font-size:1.1rem;
	font-weight:600;
	margin-left:3vw;
}
  
p.prodprice {
	font-size:1.1rem;
	margin-right:3vw;
}

  
  .main-beername {
    display:none;
  }
  
  .displayprice {
	display:none;
  }
  
  .mob-beername {
    font-size:1.1em;
    font-weight:600;
  }
  
  .othercat {
  font-weight:900;
  font-size: 1.5rem;
  margin-left:3vw;
  margin-right:3vw;
  padding-bottom:1rem;
  }
  
  .othercat:first-of-type {
	padding-top:1rem;
}

hr {
	display:block;
	width:100%;
    border-bottom:none;
	border-left:none;	
	border-right:none;
	border-top:1px sold #999;
    height: 1px;
    color: #fff; /* old IE */
    background-color: #fff; /* Modern Browsers */
	clear:both;

}

.otherdesc {
	font-size:1.0rem;
	padding:1rem;
  }


  .teaser {
    margin-top:0.5rem;
    color:#5f0034;
    font-size:1.1rem;
    text-decoration:underline;
      
  }
  .grid .grid__col {
    display:inline-block;
    width:unset;
    margin-left:unset;
    margin-right:unset;
  }
  
  .grid {
    margin-left:0px;
  }
  
  .beer-item {
	display:table;
  }
  
  .grid__col--1-of-5 {
    width:20% !important;
    padding-left:0.5rem !important;
    float:left;    
  }  
  
  .grid__col--4-of-5 {
	display:table-cell !important;
	vertical-align:middle !important;
    width:80% !important;
    fliat:right;
    margin-bottom:0;
  }
  
   
  .pubhead, .pubhead-hidden {
    font-size:1.5rem;
  }  
  
  .pubhead-locn {
    font-size: 1.2rem;
  }
  
  .mainhead {
    font-size:1.2rem;    
  }
  
  .adholder {
    margin-top:0.5rem !important;
    margin-bottom:0.5rem !important;
  }
}