@charset "utf-8";
/* CSS Document 33470a */

html {
	height: 100%;	
}

body{
	font: .75em/1.4em Tahoma, Geneva, sans-serif;
	color:#bebebe;
	background:#33470a;
}

a {
	color:#bebebe;
	text-decoration:none;
}

a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

a:active
{
  outline: none;
}

img {
	border:none;
}

h1, .h1{
  font-family: diplomata, cursive;
  font-size: 1.2rem;
  color: #33470a;
  padding: 1.4rem 0;
  line-height: 2.2rem;
}

/* LAYOUT DIVS */

/* NAV */

.nav {
  margin: 0 auto;
/*   background: white; */
  position: relative;
}

@media only screen and (min-width: 30.063em){
  .nav {width: 55%;}
}

@media only screen and (min-width: 60.063em){
  .nav {width: 27%;}
}

/*
@media screen 
  and (min-device-width: 300px) 
  and (max-device-width: 600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    .nav {width: 60%;}
}
@media screen 
  and (min-device-width: 601px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    .nav {width: 40%;}
}
*/

/* ----------- Retina Screens ----------- */
/*
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}  
*/

.nav ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 3rem;
  overflow: hidden;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.nav li a {
  color: #FFF;
  font-family: 'Diplomata', cursive;
  text-transform: uppercase;
  display: block;
  padding: 1rem 0.5rem;
  text-decoration: none;
  white-space: nowrap;
}

.nav.open ul {
  height: auto;
  display: block;
  width: 100%;
}

.nav.open li:hover{
  background-color: rgba(255,255,255,.2);
}

.x {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  cursor: pointer;
}

/* MainDiv */

.mainDiv {
	width: 100%;
/* 	margin:10px auto; */
	position: relative;
	text-align:center;
	background-color: #33470a;
	background-image: url(../images/philadelphia-distilling-bkgrnd.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

.home_logo{
  position: absolute;
  margin-left: 62px;
  margin-top: 22px;
}

.logo {
position:absolute;
margin-left: -451px;
margin-top: 47px;
}

/* New Pages */
.background {
  background-image: url(../images/pd_web_background_150609.jpg);
  background-repeat: no-repeat;
  margin: 0 auto;
	width: 1024px;
	height: 768px;
}
.container {
  background-color: rgba(255,255,255,.55);
  padding-top: 200px;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.initial {
  -webkit-flex: initial;
          flex: initial;
  width: 200px;
  min-width: 100px;
}
.none {
  -webkit-flex: none;
          flex: none;
  width: 200px;
}
.flex1 {
    -webkit-flex: 1;
            flex: 1;
      flex-basis: auto;
}

.flex1 img{
  width: 230px;
  border: 2px solid #33470a;
}

}
.flex2 {
  -webkit-flex: 2;
          flex: 2;
}

flex99{
  -webkit-flex: 99;
          flex: 99;
       padding: 40px 20px;
}

.flex99 p, .p {
  color: #000;
  font-size: .85rem;
  line-height: 1.7rem;
}

.footer {
	text-align:center;
	width: 960px;
	margin: 10px auto;
}
.footer2 {
	text-align:center;
	width: 960px;
	margin: 10px auto;
}


#contactDiv {
	position:absolute;
	width:400px;
	height:30px;
	left:50%;
	top:600px;
	text-align: center;
	text-indent: -400px;
}