html{
	

}

.center {
    position: absolute;
    left: 0vw;
}

#navcontain{
	position: absolute;
    top: 5vw;
    left: 15vw
}
#navcontain2{
	position: absolute;
    top: 90vw;
    left: 15vw
}

#insta{
	position: absolute;
    top: -3vw;
    left: 100%
}

/*events page 1/23/22*/
#eventscontainer {
	min-height:100vh;
    min-width: 68vw;
    padding-right: 5vw;
    
}
#square {
	position: absolute;
    background-image: url('https://freight.cargo.site/t/original/i/f1011d3588bb3aa967ea8f95ef5db35c27849df0d5337dc57958034bee56aaac/20-opaque-guys.png');
    top: 50%;
   
}

.eventstop{
	height: 40%;
    background-color:#e7e0cc;
    background-image: url('https://freight.cargo.site/t/original/i/f1011d3588bb3aa967ea8f95ef5db35c27849df0d5337dc57958034bee56aaac/20-opaque-guys.png');
    background-size: 62vw;
    background-repeat: no-repeat;
}
.eventsmiddle{
	height:40%;
    
}
.eventsbottom{
	height: 30%;
    overflow-x: scroll;
    break-inside: avoid-column;
}
.ewrapper { 
       
        margin: auto; 
        text-align: center; 
         position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 20px;
        width: 100vw;
        padding-top: 5px;
    }
    .escrolls { 
        overflow-x: scroll;
        overflow-y: hidden;
        height: 35vh;
    white-space:nowrap
    }
 
    .imageDiv img { 
        box-shadow: 1px 1px 10px #999; 
        margin: 2px;
        max-height: 10vh;
        cursor: pointer;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    }

#mtop {
    position: fixed;
	height: 80vh;
    width: 80vw;
    top: 15vh;
    left: 10vw
}

#mbottom {
    position: fixed;
    height: auto;
    top: 5vh
}

.mwrapper { 
       
        margin: auto; 
        text-align: center; 
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
         margin-bottom: 20px;
        width: 100vw;
        padding-top: 10vh;
    }
    .mscrolls { 
        overflow-x: scroll;
        overflow-y: hidden;
        height: 15vh;
    white-space:nowrap
    }
 
    .imageDiv img { 
        box-shadow: 1px 1px 10px #999; 
        margin: 2px;
        max-height: 10vh;
        cursor: pointer;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    }

#eventsrow {
	height:70%;
    height: 99%px;
    overflow: auto;
    background-color:#e7e0cc;
    padding-bottom: 200px;
}

#eventsrow2 {
;
	height:30%;
    top: 50vw;
    overflow: auto;
    background-color:#e7e0cc;
    padding-bottom: 200px;
   
}

/*about us mobile*/
#aboutcontainm{
	width: 110%;
    position: fixed;
    height: 100%;
    top: 0vw;
    left: -4vw;
    overflow-y: auto;
    overflow-x: hidden;
    background-color:#e7e0cc;
}

#mobilefacade{
    background-image: url(https://freight.cargo.site/t/original/i/62744a0fb4d5dac5b36d5ee598ec9bdea6c545c486e2d0b718c5e52fbb127f37/buildingillustration_svg-01.svg);
    background-repeat: no-repeat;
    background-size: 100vw,65vw;
    width: 100vw;
    height: 65vw;
	position: absolute;
    top:15vw;
    left: 3vw
}
#mobilequote{
	position: absolute;
    top: 65vw;
    left: 32vw
}

#bookblurbmobile{
   border-style: grooved;
    border-color: #f4e4b4;
    position: absolute;
    width: 82vw;
    margin: 2%;
    height: 65vw;
    padding: 25px;
    text-align: left;
    top: 40vw;
    left: 2vw;
    z-index: 1
}
#bookphotomobile{
	background-image: url(https://freight.cargo.site/t/original/i/1184791d31376f57efa6a639bb1e68dd072110b83d617c2ef95161949b1feb59/IMG_4032.jpg);
    background-size: 65vw, 65vw;
    background-repeat: no-repeat;
    width: 65vw;
    height: 65vw;
    position: absolute;
    left: 30vw;
    z-index: 1
}
#bookparentmobile{
	position: absolute;
    height: 150vw;
    width: 100%;
    top: 85vw;
    left: 0vw
}

#bookchildmobile{
    background-color: #5b7478;
    position: absolute;
    width: 65vw;
    height: 55vw;
    top: -5vw;
      right: 0px;
      bottom: 0px;
      left: 22vw;
    opacity: 0.9
}

#breadblurbmobile{
   border-style: grooved;
    border-color: #f4e4b4;
    position: absolute;
    width: 80vw;
    margin: 2%;
    height: 40vw;
    padding: 25px;
    text-align: right;
    top: 176vw;
    left: 20vw;
    z-index: 1
}
#breadphotomobile{
	background-image: url(https://freight.cargo.site/t/original/i/cccfc559a15a6da746c0e773d3fb03f943f2a8760f6d1445a6cb914985476d00/00191.jpg);
    background-size: 65vw, 65vw;
    background-repeat: no-repeat;
    width: 65vw;
    height: 65vw;
    position: absolute;
    left: 5vw;
    top: 140vw;
    z-index: 1
}
#breadparentmobile{
	position: absolute;
    height: 100vh;
    width: 100%;
    top: 55vw;
    left: 0vw
}

#breadchildmobile{
    background-color: #C79596;
    position: absolute;
    width: 75vw;
    height: 55vw;
    top: 165vw;
      right: 0px;
      bottom: 0px;
      left: 25vw;
    opacity: 0.9
}


#wineblurbmobile{
   border-style: grooved;
    border-color: #f4e4b4;
    position: absolute;
    width: 79vw;
    margin: 2%;
    height: 45vw;
    padding: 25px;
    text-align: center;
    top: 255vw;
    left: 8vw;
    z-index: 1
}
#winephotomobile{
	background-image: url(https://freight.cargo.site/t/original/i/42b8236a0703de26374a948532e40123d3a3ef5d68b3eb7d40eb4ed65c6e21c8/DSC07788.JPG);
    background-size: 65vw, 65vw;
    background-repeat: no-repeat;
    width: 65vw;
    height: 65vw;
    position: absolute;
    left: 18vw;
    top: 220vw;
    z-index: 1
}
#wineparentmobile{
	position: absolute;
    height: 100vh;
    width: 100%;
    top: 70vw;
    left: 0vw
}

#winechildmobile{
    background-color: #436754;
    position: absolute;
    width: 73vw;
    height: 35vw;
    top: 260vw;
      right: 0px;
      bottom: 0px;
      left: 14vw;
    opacity: 0.9
}

#foodblurbmobile{
   border-style: grooved;
    border-color: #f4e4b4;
    position: absolute;
    width: 80vw;
    margin: 2%;
    height: 45vw;
    padding: 25px;
    text-align: center;
    top: 365vw;
    left: 15vw;
    z-index: 1
}
#foodphotomobile{
	background-image: url(https://freight.cargo.site/t/original/i/a6ff14dce574833768b56fd07d730fcb8889c49a6aa9b231b545d36e0dd07ff9/IMG_4030.jpg);
    background-size: 65vw, 65vw;
    background-repeat: no-repeat;
    width: 65vw;
    height: 65vw;
    position: absolute;
    left: 5vw;
    top: 330vw;
    z-index: .9
}
#foodparentmobile{
	position: absolute;
    height: 100vh;
    width: 100%;
    top: 58vw;
    left: 0vw
}

#foodchildmobile{
    background-color: #70253D;
    position: absolute;
    width: 89vw;
    height: 45vw;
    top: 365vw;
      right: 0px;
      bottom: 0px;
      left: 13vw;
    opacity: 0.9
}

#saferparentm{
	position: absolute;
    height: 80vh;
    width: 100%;
    top: 485vw;
    left: 8vw;
    margin: 1%
}
#saferchildm{
    background-color: #a55341;
    position: absolute;
    width: 90vw;
    height: 70vw;
    top: 5vw;
      right: 0px;
      bottom: 0px;
      left: 0vw;
    opacity: 0.5;
    z-index: .5
}
    
#saferm {
	border-style: grooved;
    border-color: #a55341;
    width: 80vw;
    height: 25vh;
    margin: 5%;
    height: 50vh;
    padding-bottom: 5vh;
    padding-top: 5vh;
    text-align: center;
    z-index: 1;
    opacity: 1;
    
}

#logophotom {
	background-image: url(https://freight.cargo.site/t/original/i/d8ac96cc6c5126fd66c3aa4e8b4a3af6165ba3b63ec6e8aa0a5198fedac6af5e/paradislogo-website.png);
    background-size: 50vw, 50vw;
    background-repeat: no-repeat;
    width: 50vw;
    height: 50vw;
    position: absolute;
    left: 30vw;
    z-index: 1
}
#logoparentm{
	position: absolute;
    height: 100vh;
    width: 100%;
    top: 575vw
}


.img__winem {
  position: relative;
  display: inline-block;
  color:#f4e4b4
}

.img__winem:hover .img__guidelinesm {
  visibility: visible;
  opacity: 1;
}
.img__winem .img__guidelinesm {
  visibility: hidden;
      position: fixed;
  width: 66vw;
  background-color: #f4e4b4;
  color: #436754;
  text-align: left;
  font-size: small;
  padding: 5px;
  border-style: groove;
  top: 15vw;
  left: 25vw;
    z-index: 1
  
}



/* about us */

#aboutcontain{
	width: 100%;
    position: relative;
    height: 465vh;
    background-color:#e7e0cc;
}

.img__wine {
  position: relative;
  display: inline-block;
  color:#f4e4b4
}

.img__wine:hover .img__guidelines {
  visibility: visible;
  opacity: 1;
}
.img__wine .img__guidelines {
  visibility: hidden;
  position: absolute;
  width: 400px;
  background-color: #f4e4b4;
  color: #436754;
  text-align: left;
  font-size: small;
  padding: 5px;
  border-style: groove;
  top: -5vh;
  left: 15vw;
    z-index: 1
  
}

#quote {
	position: absolute;
    top: 70vh;
    left:32vw;
}
#flexbook{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
#bookblurb{
   border-style: grooved;
    border-color: #f4e4b4;
    position: absolute;
    width: 39vw;
    margin: 2%;
    height: 300px;
    padding: 25px;
	top: 35px;
    text-align: left;
    z-index: 1
}
#bookphoto {
	background-image: url(https://freight.cargo.site/t/original/i/1184791d31376f57efa6a639bb1e68dd072110b83d617c2ef95161949b1feb59/IMG_4032.jpg);
    background-repeat: no-repeat;
    background-size: 40vw, 60vh;
    position: absolute;
    width: 40vw;
    height: 60vh;
    top: 22vh;
    left: 45vw;
    z-index: 1
}
#bookparent{
	position: relative;
    height: 100vh;
    width: 100%;
    margin: 1%
}

#bookchild{
    background-color: #5b7478;
    position: absolute;
    width: 40vw;
    height: 45vh;
    top: 16vh;
      right: 0px;
      bottom: 0px;
      left: 39vw;
    opacity: 0.9
}

#flexbread{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    top: 5vh
}
#breadblurb{
   border-style: grooved;
    border-color: #f4e4b4;
    width: 40vw;
    margin: 2%;
    height: 300px;
    padding: 25px;
    text-align: right;
    z-index: 1
}
#breadphoto {
	background-image: url(https://freight.cargo.site/t/original/i/cccfc559a15a6da746c0e773d3fb03f943f2a8760f6d1445a6cb914985476d00/00191.jpg);
    background-size: 40vw, 60vh;
    background-repeat: no-repeat;
    width: 40vw;
    height: 60vh;
    left: 50vw;
    z-index: 1
}
#breadparent{
	position: relative;
    height: 100vh;
    width: 100%;
    top: -5vh;
    margin: 1%
}
#breadchild{
    background-color: #C79596;
    position: absolute;
    width: 50vw;
    height: 45vh;
    top: -5vh;
      right: 0px;
      bottom: 0px;
      left: 15vw;
    opacity: 0.9
}

#flexwine{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    top: 15vh
}
#wineblurb{
   border-style: grooved;
    border-color: #f4e4b4;
    width: 39vw;
    height: 25vh;
    margin: 2%;
    height: 300px;
    padding: 25px;
    text-align: center;
    z-index: 1
}
#winephoto {
	background-image: url(https://freight.cargo.site/t/original/i/42b8236a0703de26374a948532e40123d3a3ef5d68b3eb7d40eb4ed65c6e21c8/DSC07788.JPG);
    background-size: 40vw, 60vh;
    background-repeat: no-repeat;
    position: absolute;
    width: 40vw;
    height: 60vh;
    left: 45vw;
    z-index: .75
}
#wineparent{
	position: relative;
    height: 100vh;
    width: 100%;
    top: -38vh;
    left: 3vw;
    margin: 1%
}
#winechild{
    background-color: #436754;
    position: absolute;
    width: 42vw;
    height: 33vh;
    top: -2vh;
      right: 0px;
      bottom: 0px;
      left: 0vw;
    opacity: 0.9;
    z-index: .5
}
    
#flexfood{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    top: 5vh
}
#foodblurb{
   border-style: grooved;
    border-color: #f4e4b4;
    position: absolute;
    width: 39vw;
    height: 15vh;
    margin: 2%;
    height: 300px;
    padding-top: 25px;
    left: 45vw;
    top: 25px;
    text-align: center;
    z-index: 1
}
#foodphoto {
	background-image: url(https://freight.cargo.site/t/original/i/a6ff14dce574833768b56fd07d730fcb8889c49a6aa9b231b545d36e0dd07ff9/IMG_4030.jpg);
    background-size: 40vw, 60vh;
    background-repeat: no-repeat;
    width: 40vw;
    height: 60vh;
    left: 50vw;
    z-index: 1
}
#foodparent{
	position: relative;
    height: 100vh;
    width: 100%;
    top: -75vh;
    margin: 1%
}
#foodchild{
    background-color: #70253D;
    position: absolute;
    width: 43vw;
    height: 30vh;
    top: 5vh;
      right: 0px;
      bottom: 0px;
      left: 45vw;
    opacity: 0.9
}

#saferparent{
	position: relative;
    height: 100vh;
    width: 100%;
    top: -110vh;
    left: 13vw;
    margin: 1%
}
#saferchild{
    background-color: #a55341;
    position: absolute;
    width: 64vw;
    height: 42vh;
    top: -2vh;
      right: 0px;
      bottom: 0px;
      left: 0vw;
    opacity: .7;
    z-index: .5
}
    
#safer {
	border-style: grooved;
    border-color: #a55341;
    width: 60vw;
    height: 25vh;
    margin: 2%;
    height: 50vh;
    padding-bottom: 5vh;
    padding-top: 5vh;
    text-align: center;
    z-index: 1.0;
    opacity: 1;
    
}

#logophoto {
	background-image: url(https://freight.cargo.site/t/original/i/d8ac96cc6c5126fd66c3aa4e8b4a3af6165ba3b63ec6e8aa0a5198fedac6af5e/paradislogo-website.png);
    background-size: 15vw, 30vh;
    background-repeat: no-repeat;
    width: 15vw;
    height: 30vh;
    position: absolute;
    left: 36vw;
    z-index: 1
}
#logoparent{
	position: relative;
    height: 100vh;
    width: 100%;
    top: -165vh
}

/*wine club mobile*/
#detailflexm{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}
#conflexm {
	background-color: #c79596;
    width: 33%;
    height: auto;
    font-family: "Terminal Grotesque", Icons;
    font-size: large;
    padding: 5px;
    border-style: groove;
    border-color: #f4e4b4
}

#checkoutflexm {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 30vh;
}
#checkoutbottlem {
	content: url(https://freight.cargo.site/t/original/i/2b1c2746188315af17451c67fb200b006f33efd7c0c4b42205afab2755fc21d2/Wine-Group_greens-1.png);
    width: 100%;
    height: 18vh;
    padding-left: 12vw;
    padding-right: 12vw
}
#winejoinm {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: xx-large;
    width: 100%;
    top: 15vh;
  color: #f4e4b4;
  text-align: center;
}

#winejoinm a {
	color: #f4e4b4;
}

#winefaqm {
  position: absolute;
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: large;
    left: 37%;
    width: auto;
	top: 98.5%;
  color: #f4e4b4;
  text-align: center;
}

#winefaqm a {
	color: #f4e4b4;
}

#flextestm{
    position: absolute;
	display: flex;
    top: 30vw;
    flex-direction: row;
    flex-wrap: wrap;
}
#softflexm {
    background-color: rgba(150,161,209,0.22);
    border-style: groove;
    border-color: #f4e4b4;
	width: 90%;
    margin: 2%;
    height: auto;
    padding: 25px;
}
#seriousflexm {
    background-color: #70253D;
    border-style: groove;
    border-color: #f4e4b4;
	width: 90%;
    margin: 2%;
    height: auto;
    padding: 25px;
}

#textboxtestm {
  position: absolute;
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: x-large;
    width: 100%;
    left: 17vw;
    top: 10vw;
  color: #c79596;
  text-align: center;
}

#wcwm {
	position: inline-block;
    padding-top: 5vw
}

/* wine club */ 
#detailflex{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}
#conflex {
	background-color: #c79596;
    width: 33%;
    height: auto;
    font-family: "Terminal Grotesque", Icons;
    font-size: large;
    border-style: groove;
    border-color: #f4e4b4
}

#checkoutflex {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 30vh;
}
#checkoutbottle {
	content: url(https://freight.cargo.site/t/original/i/2b1c2746188315af17451c67fb200b006f33efd7c0c4b42205afab2755fc21d2/Wine-Group_greens-1.png);
    width: 100%;
    height: 18vh;
    padding-left: 12vw;
    padding-right: 12vw
}
#winejoin {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: xx-large;
    width: 100%;
    top: 15vh;
  color: #f4e4b4;
  text-align: center;
}

#winejoin a {
	color: #f4e4b4;
}

#winefaq {
  position: absolute;
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: large;
    left: 37%;
    width: auto;
	top: 97%;
  color: #f4e4b4;
  text-align: center;
}

#winefaq a {
	color: #f4e4b4;
}

#flextest{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#softflex {
    background-color: rgba(150,161,209,0.22);
    border-style: groove;
    border-color: #f4e4b4;
	width: 46%;
    margin: 2%;
    height: auto;
    padding: 25px;
}
#seriousflex {
    background-color: #70253D;
    border-style: groove;
    border-color: #f4e4b4;
	width: 46%;
    margin: 2%;
    height: auto;
    padding: 25px;
}

#mastcontainer {
    width: auto;
    height: auto
}

#textboxtest {
  position: absolute;
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: xx-large;
    width: 100%;
    left: 28vw;
    top: 5vw;
  color: #c79596;
  text-align: center;
}

#faqhead {
  position: absolute;
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: xx-large;
    width: 100%;
    left: 31vw;
    top: 8vw;
  color: #f4e4b4;
  text-align: center;
}
#faqheadm {
  position: absolute;
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: x-large;
    width: 100%;
    left: 17vw;
    top: 10vw;
  color: #f4e4b4;
  text-align: center;
}

#faqmobilecontain {
	width: 100%;
    height: 90%;
    position: fixed;
    left:0vw;
    top:0vw;
    padding: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color:#436754;
}

/* hours & location*/
#opening {
  position: absolute;
    z-index: 1;
  font-family: "VCR OSD Mono", Icons;
     font-size: xx-large;
    left: 20vw;
    width:60vw;
    top: 40%;
  color: #70253D;
  text-align: center;
}

#openingm {
  position: absolute;
    z-index: 1;
  font-family: "VCR OSD Mono", Icons;
     font-size: x-large;
    left: 15vw;
    width:75vw;
    top: 68vw;
  color: #70253D;
  text-align: center;
}

#hourscontainmobile{
	width: 100%;
    height: 90%;
    position: fixed;
    left:0vw;
    top:0vw;
    overflow-y: auto;
    overflow-x: hidden;
    background-color:#e7e0cc;
}

#hourcol {
	width: 50%;
    float: left
}

#photoparent{
	  position: relative;
    height: 115vh;
    width: 100%;
}
#photochild{
    content: "";
	background-image: url(https://freight.cargo.site/t/original/i/3b86449eaca75d59f5e6231de5ab0c9b75e6297762889ee01d82c3636472db83/3-stripe.png);
    background-size: 50vw, 55vw;
    background-repeat: no-repeat;
    position: absolute;
    top: 25vh;
      right: 0px;
      bottom: 0px;
      left: 18.5vw;
    opacity: 0.2
}
#hoursbox{
	display: flex;
    position: relative;
    background-color: #e7e0cc;
    flex-direction: row;
    width: 100vw;
}

#houritem{
	width: 44vw;
}

#textsave{
	position: relative;
}
#textsavemobile{
	position: absolute;
    top: 75vw;
    left: 15vw
}

#hoursboxmobile{
	display: flex;
    position: absolute;
    background-color: #e7e0cc;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 90vw;
    left: 5vw;
    top: 18vw
}

#hourscontain{
    background-image: url(https://freight.cargo.site/t/original/i/b16ddd431559e76e3e65ce321aa0beb07401a5d0bfd2607bcfd29f7119230582/into-one.png);
    background-repeat: no-repeat;
    background-size: 65vw, 65vw;
}

#photoparentmobile{
	  position: absolute;
    height: 150vw;
    width: 100%;
    top: 3vw;
    left: 2vw
}
#photochildmobile{
    content: "";
	background-image: url(https://freight.cargo.site/t/original/i/3b86449eaca75d59f5e6231de5ab0c9b75e6297762889ee01d82c3636472db83/3-stripe.png);
    background-size: 45vw, 75vw;
    background-repeat: no-repeat;
    position: absolute;
    top: 65vw;
      right: 0px;
      bottom: 0px;
      left: 25vw;
    opacity: 0.3
}

/*hours mobile*/

#hourscontainD{
	width: 95vw;
    height: 100vh;
    position: fixed;
    left:0vw;
    top:0vw;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color:#e7e0cc;
}

#photoparentm{
	  position: relative;
    height: 115vh;
    width: 100%;
}
#photochildm{
    content: "";
	background-image: url(https://freight.cargo.site/t/original/i/3b86449eaca75d59f5e6231de5ab0c9b75e6297762889ee01d82c3636472db83/3-stripe.png);
    background-size: 90vw, 90vw;
    background-repeat: no-repeat;
    position: absolute;
    top: 25vh;
      right: 0px;
      bottom: 0px;
    left: 5vw;
    opacity: 0.2
}


/*events page*/
#eventflex {
    background-color:rgb(67, 103, 70);
    border-style: double;
    border-color: #f4e4b4;
    position: absolute;
	width: 80%;
    height: auto;
    top: 80vh;
    padding: 10px;
    opacity:0.9
}

#eventcontain{

	width: 100%;
    height: 100vh;
    background-color:#e7e0cc;
}
#eventchild{
    content: "";
	background-image: url(https://freight.cargo.site/t/original/i/b16ddd431559e76e3e65ce321aa0beb07401a5d0bfd2607bcfd29f7119230582/into-one.png);
    background-size: 60vw, 60vh;
    background-repeat: no-repeat;
    position: absolute;
    top: 30vh;
      right: 0px;
      bottom: 0px;
      left: 9vw;
    opacity: 0.15;
}



#marqueetop{
	position: absolute;
    top: 24vh;
    width:64vw;
    left: 7vw;
}

#marqueebottom{
	position: absolute;
    top: 90%;
    width:64vw;
    left: 5vw;
}

#eventdetail{
    position: absolute;
	flex-grow: 5;
    left: 12vw;
    top: 42vh
}
#eventdetail2{
    position: absolute;
	flex-grow: 5;
    left: 25vw;
    top: 10vh;
    width: 40vw;
}

#eventcontainmobile{
	width: 95vw;
    height: 100vh;
    position: fixed;
    left:0vw;
    top:0vw;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color:#e7e0cc;
}

#covidcontain {
	position: absolute;
    top: 75vw;
    left: 3vw;
}

#eventchildmobile{
    content: "";
	background-image: url(https://freight.cargo.site/t/original/i/b16ddd431559e76e3e65ce321aa0beb07401a5d0bfd2607bcfd29f7119230582/into-one.png);
    background-size: 90vw, 100vw;
    background-repeat: no-repeat;
    position: absolute;
    top: 45vw;
      right: 0px;
      bottom: 0px;
      left: 4vw;
    opacity: 0.15;
}



#marqueetopmobile{
	position: absolute;
    top: 22vw;
    width:90vw;
    left: 5vw;
}

#marqueebottommobile{
	position: absolute;
    top: 125vw;
    width:90vw;
    left: 5vw;
}

#eventboxmobile{
	display: flex;
    position: absolute;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 80vw;
    top: 30vw;
    left: 7vw;
    
}
#eventdetailmobile{
	flex-grow: 5;
  
}


/* home page*/

#radio {
	position: absolute;
    left: 38%;
    margin-top: 50vh;
    opacity: 0.84;
    border-style: solid;
    border-color: #c79596;
    border-width: thick;;
    height: 70px
}
#radiom {
	position: absolute;
    top: 125vw;
    opacity: 0.84;
    border-style: solid;
    border-color: #c79596;
    border-width: thick;;
    height: 70px
}

#subscribe {
  position: fixed;
  font-family: "VCR OSD Mono", Icons;
     font-size: small;
    left: 38vw;
    width:25vw;
    bottom:5%;
  color: #f4e4b4;
  text-align: center;
}

#subscribem {
  position: absolute;
  font-family: "VCR OSD Mono", Icons;
     font-size: x-small;
    left: 35vw;
    width:35vw;
    top: 150vw;
  color: #f4e4b4;
  text-align: center;
}

.hometopcol{
    width: 94%;
    top: 2vh;
    z-index: 1;
    opacity: 1
   
}
.about{
    float: left;
	text-align: left;
    position: fixed;
    top: 1.5vw;
}
.hours{
    position: fixed;
    float: right;
	text-align: right;
    top: 1.5vw;
    right: 2%;
    margin-right: 1vw
    
}

.aboutmobile{
    float: left;
	text-align: left;
    position: absolute;
    top:1vh;
    left:2vw
}
.hoursmobile{
    position: absolute;
    float: right;
	text-align: right;
    top: 1vw;
    left: 80vw
}
.homelogomobile{
	position: absolute;
    top: 1vh;
    left: 42vw;
}

.homefooterm{
    position: fixed;
    width: 94%;
 	bottom: 2%;
}
.eventsm{
	float: left;
}
.objectsm{
   float: right;
    text-align: right;
}

.homefooter{
    position: fixed;
    width: 96%;
 	bottom: 2%;
}
.events{
	float: left;
}
.objects{
   float: right;
    text-align: right
}
.subscribe{
	float: center;
    text-align: center
}

.archive{
	text-align: center
}

.rowhome {
	content: "";
    position: relative;
	display: flex;
    flex-direction:row;
    justify-content: space-between;
    clear: both;
}
.colhome {
    float: left;
	width: 25%;
}

#headerlogo {
    position: fixed;
    left: 5vw;
    top: 10vh
}

#breadsoonback { 
  background-image: url(https://freight.cargo.site/t/original/i/3a18201c36cf457c2eee318e0044f19f95e6c4b33249ef6db08d45a820a83b69/Landing_bread.svg);
    background-repeat: no-repeat;
  background-size: 33vh, 33vw;
    position: absolute;
    top: 10vh;
    left: 26vw;
  height: 33vh;
  width: 33vw;
  }

#breadsoonbutton a {
  position: absolute;
  top: 15vh;
  left: 6vw;
  width: 88px;
  text-decoration: none;
  }

#breadsoonbutton a i {
	visibility: hidden;
}

a#breadsoon:hover {
    background-image: url(https://freight.cargo.site/t/original/i/de47335eca9f99ac0f8abe0c13eefed84293041f891351c362e2fb4020451bd0/Asset-1.svg);
    background-size: 13vw 13vh;
	background-repeat: no-repeat;
    position: absolute;
    opacity: 1;
    left: 4vw;
    top: 10vh;
    width: 20vw;
    height: 20vh;
    
}

#food { 
  background-image: url(https://freight.cargo.site/t/original/i/088678f376b50944ce2d867d70fc222821077e075b1e07818bda86ebe3a1b597/Landing_menuborder_expanded.svg);
    background-repeat: no-repeat;
   background-size: 18vh, 18vw;
    position: absolute;
    top: 18vh;
    left: 77vw;
  height: 33vh;
  width: 33vw;
  }

#daytimemenu a {
   position: absolute;
  width: 10vw;
  height: 25vh;
  top:8vh;
  left: -6vw;
  text-decoration: none;
  }

#daytimemenu a i {
	visibility: hidden;
}

#nightmenu a {
   position: absolute;
  width: 10vw;
  height: 28vh;
  top:8vh;
  left: 6vw;
  text-decoration: none;
  }

#nightmenu a i {
	visibility: hidden;
}


a#daytime:hover {
   background-image: url(https://freight.cargo.site/t/original/i/ec1496384b656b9dcefc228fb1ebe652ebd022350f139627ce0c51b1312ab606/daytime-sv.svg);
	background-repeat: no-repeat;
    background-size: 7vw;
    position: absolute;
    top: 1vw;
    left: -3vw;
    width: 20vw;
    height: 25vh;
    z-index: 1
    
}

a#nighttime:hover {
	background-image: url(https://freight.cargo.site/t/original/i/f76cc171bfd55f8accfd6c9d979c490410305e0bfdba8ac5c292f27079b82ace/nighttime-sv.svg);
    background-size: 9vw;
	background-repeat: no-repeat;
    position: absolute;
    opacity: 1;
    left: 3vw;
    top: 2vw;
    width: 40vw;
    height: 40vh;
    z-index: 1
}


#menusoonback { 
  background-image: url(https://freight.cargo.site/t/original/i/088678f376b50944ce2d867d70fc222821077e075b1e07818bda86ebe3a1b597/Landing_menuborder_expanded.svg);
    background-repeat: no-repeat;
  background-size: 8vw, 8vw;
    position: absolute;
    left: 75vw;
    top: 20vh;
  height: 33vh;
  width: 33vw;
  }

#menusoonbutton a {
  position: absolute;
  top: 3vw;
  left: 2vw;
  width: 88px;
  text-decoration: none;
  }

#menusoonbutton a i {
	visibility: hidden;
}

a#menusoon:hover {
    background-image: url(https://freight.cargo.site/t/original/i/5ec80f03aee9ecf7d8b6b4fd13f9e9afc4a9ee972fc3bf0b35ad61f2fc0dfa6e/comingsoon_expanded.svg);
    background-size: 15vw 15vh;
	background-repeat: no-repeat;
    position: absolute;
    opacity: 1;
    left: -3vw;
    top: 0vw;
    width: 20vw;
    height: 20vh;
    z-index: 1
    
}

#navcontainer{
	position: relative;
    height: 250px;
    width: 250px;
}

#aprilwine { 
  background-image: url(https://freight.cargo.site/t/original/i/ed693ededa93d2dcfda7eaaf727009fa60f7bc1ba8455631ff7358d09e28b05e/Landing_wine.svg);
    background-repeat: no-repeat;
    background-size: 33vh, 33vw;
    position: absolute;
    top: 10vh;
    left: 4vw;
  height: 33vh;
  width: 33vw;
  }

#aprilwinemenu a {
  position: absolute;
  width: 20vw;
  height: 25vh;
  top:16vh;
  left: 0vw;
  text-decoration: none;
  }

#aprilwinemenu a i {
	visibility: hidden;
}

a#aprilwineclub:hover {
    background-image: url(https://freight.cargo.site/t/original/i/056a723e2cb9ec1d0ad3cbf39886ea9804323fe4b1a6ac4ca5186229b4d050c1/circlehover_wineclub.svg);
	background-repeat: no-repeat;
    background-size: 15vh, 15vw;
    position: absolute;
    top: 10vh;
    left: 5vw;
    width: 20vw;
    height: 25vh
    
}
	

#library { 
  background-image: url(https://freight.cargo.site/t/thumbnail/w/100/i/2434734fce0a03ded51eaabd7cd5d2babfaca7721f5b0cf36b0613934bcea38d/Landing_book.svg);
    background-repeat: no-repeat;
  background-size: 33vh, 33vw;
    position: absolute;
    top: 10vh;
    left: 48vw;
  height: 33vh;
  width: 33vw;
  }

#librarymenu a {
  position: absolute;
  top: 15vh;
  left: 6vw;
  width: 88px;
  text-decoration: none;
  }

#librarymenu a i {
	visibility: hidden;
}


a#librarybook:hover {
    background-image: url(https://freight.cargo.site/t/original/i/a54386869ef72cbe007aa230d726e3f617a66dbe6e8c79111c6e13a57bd1aa56/circlehover_library.svg);
	background-repeat: no-repeat;
    background-size: 15vh, 15vw;
    position: absolute;
    top: 10vh;
    left: 5vw;
    width: 20vw;
    height: 25vw;   
}




#bread { 
  background-image: url(https://freight.cargo.site/t/thumbnail/w/100/i/3a18201c36cf457c2eee318e0044f19f95e6c4b33249ef6db08d45a820a83b69/Landing_bread.svg);
    background-repeat: no-repeat;
  height: 250px;
  width: 250px;
  }
#breadmenu a {
    position: absolute;
  padding-top: 320px;
  width: 88px;
  top: 31px; 
  text-decoration: none;	
}
a#breadshare {
	left: 325px;
}
a#breadnow {
	left: 425px
}

a#breadshare:hover {
    background-image: url(https://freight.cargo.site/t/thumbnail/w/100/i/a8a20df4d07dfda2e32b65f6df61ab17d0ea849d5bbafec7cf1223c97ab1a1a5/Circle_Breadshare.png);
	background-repeat: no-repeat;
    top: 45%;
    width: 15vw;
    height: 15vh
    
}

a#breadnow:hover {
	background-image: url(https://freight.cargo.site/t/thumbnail/w/100/i/56a3ffdca6e2bc2521576e6d46186d143aab74bc9eb5b5370a96ddd9d08d8f3d/Circle_Breadnow.png);
    background-repeat: no-repeat;
    top: 45%;
    width: 15vw;
    height: 15vh
}


#breadmenu a i {
	visibility: hidden;
}

#wine { 
  background-image: url(https://freight.cargo.site/t/thumbnail/w/100/i/28fbaa2d28d98b13258d9c1a04b73fe60826d815d183a3e039d8e221eb806dc6/Landing_wine.svg);
    background-repeat: no-repeat;
  height: 250px;
  width: 250px;
  }

#winemenu a {
  position: absolute;
  padding-top: 320px;
  width: 88px;
  top: 31px; 
  text-decoration: none;
  }

#winemenu a i {
	visibility: hidden;
}
a#wineclub {
	left: 75px;
}
a#winenow {
	left: 175px
}

a#wineclub:hover {
    background-image: url(https://freight.cargo.site/t/thumbnail/w/100/i/7a78bda064b69a296122e1951cd03605a44b3c5419588b75748bd1c6a1f94f06/Circle_WineClub.png);
	background-repeat: no-repeat;
    top: 42%;
    width: 15vw;
    height: 15vh
    
}

a#winenow:hover {
	background-image: url(https://freight.cargo.site/t/thumbnail/w/100/i/fe2b6d97f7b640b17453f4f8b155bd6a93f6c3459795ae8e2f89f1589d3bb1a9/Circle_WineNow.png);
    background-repeat: no-repeat;
    top: 45%;
    width: 15vw;
    height: 15vh
}

.navrow {
	content:"";
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    clear: both;
}
.navcol{
	float: left;
}
.left, .right {
	width: 25%
}

.middle {
	width: 50%
}

/*home mobile*/

.mobilefooter{
    position: fixed;
    width: 91%;
 	bottom: 2%;
}

.mobilecol{
	width: 50%;
    float: left;
}
#mobilewine { 
  background-image: url(https://freight.cargo.site/t/original/i/ed693ededa93d2dcfda7eaaf727009fa60f7bc1ba8455631ff7358d09e28b05e/Landing_wine.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-size: 150px;
    left: 6vw;
    top: 8vh;
  height: 160px;
  width: 160px;
  }

#mobilewinemenu a {
  position: absolute;
  top: 80px;
  left: 8vw;
  width: 88px;
    height: 100px;
  text-decoration: none;
    font-size: medium;
  }

#mobilewinemenu a i {
	visibility: hidden
       ;
}


a#mobilewineclub:hover {
    background-image: url(https://freight.cargo.site/t/original/i/056a723e2cb9ec1d0ad3cbf39886ea9804323fe4b1a6ac4ca5186229b4d050c1/circlehover_wineclub.svg);
	background-repeat: no-repeat;
    background-size: 80px 80px;
    top: 50px;
    left: 10vw;
    width: 80px;
    height: 80px
    
}

#breadmobileback { 
  background-image: url(https://freight.cargo.site/t/original/i/3a18201c36cf457c2eee318e0044f19f95e6c4b33249ef6db08d45a820a83b69/Landing_bread.svg);
    background-repeat: no-repeat;
    position: absolute;
 background-size: 150px;
    top: 10vh;
    left: 50vw;
  height: 160px;
  width: 160px;
  }

#breadmobilebutton a {
  position: absolute;
  top: 67px;
    left: 9vw;
  width: 88px;
  text-decoration: none;
    font-size: medium
  }

#breadmobilebutton a i {
	visibility: hidden;
}


a#breadmobile:hover {
    background-image: url(https://freight.cargo.site/t/original/i/de47335eca9f99ac0f8abe0c13eefed84293041f891351c362e2fb4020451bd0/Asset-1.svg);
	background-repeat: no-repeat;
    opacity: 1;
    background-size: 65px 65px;
    top: 45px;
    left: 10vw;
    width: 65px;
    height: 65px
    
}

#mobilelib { 
  background-image: url(https://freight.cargo.site/t/thumbnail/w/100/i/2434734fce0a03ded51eaabd7cd5d2babfaca7721f5b0cf36b0613934bcea38d/Landing_book.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-size: 150px;
    left: 10%;
    top: 62vw;
  height: 160px;
  width: 160px;
  }

#mobilelibbut a {
  position: absolute;
  top: 70px;
  left:7vw;
  width: 88px;
  text-decoration: none;
    font-size: medium
  }

#mobilelibbut a i {
	visibility: hidden
       ;
}

a#mobilelibrary:hover {
    background-image: url(https://freight.cargo.site/t/original/i/a54386869ef72cbe007aa230d726e3f617a66dbe6e8c79111c6e13a57bd1aa56/circlehover_library.svg);
	background-repeat: no-repeat;
    background-size: 80px 80px;
    top: 40px;
    left: 9vw;
    width: 80px;
    height: 80px
    
}

#menumobileback { 
  background-image: url(https://freight.cargo.site/t/original/i/088678f376b50944ce2d867d70fc222821077e075b1e07818bda86ebe3a1b597/Landing_menuborder_expanded.svg);
    background-repeat: no-repeat;
    position: absolute;
 background-size: 20vw, 20vw;
    left: 59vw;
    top: 70vw;
  height: 160px;
  width: 160px;
  }

#menumobilebutton a {
  position: absolute;
  top: 6vw;
  left: 0vw;
  width: 88px;
  text-decoration: none;
    font-size: medium
  }

#menumobilebutton a i {
	visibility: hidden;
}

a#menumobile:hover {
    background-image: url(https://freight.cargo.site/t/original/i/ed4613a388c584f802de7949eaf673b73370a7a2eb3644726a15c6074cccd951/menu.svg);
	background-repeat: no-repeat;
    opacity: 1;
    background-size: 80px 80px;
    top: 0vw;
    left: 1vw;
    width: 80px;
    height: 80px;
    opacity: 1
    
}


/* book page */

.bookcontainmobile {
    position: fixed;
    width: 110%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    left: -4%;
    top: -1vh;

}

#gridbook{
	display: inline grid;
    grid-gap: 50px;
    width: 66%;
    grid-auto-columns: repeat(3, 1fr);
}
#book{
	width: auto;
    height: auto;
}

#checkoutcontainer {
	position: relative;
    width: 10vw;
    height: 10vh;
}

#mobileoutbook {
	background-image: url(https://freight.cargo.site/t/thumbnail/w/100/i/3da5e3b41894e8404b08ca6ed3449c866ff52e4fc2ab0c1d85a0115826aa5154/Stackedbooks.png);
    background-repeat: no-repeat;
    position: fixed;
    background-size: 15vw, 15vh;
    top: 8vh;
    left: 80vw;
    width: 15vw;
    height: 8vh;
}

#mobilecheckoutcont {
    position: fixed;
    background-color:#70253D;
    top: 6vh;
    left: 77.5vw;
    z-index: 0;
    height: 11vh;
    width: 20vw
}
#mobilecheckout {
  position: fixed;
  z-index: 10;
  font-family: "VCR OSD Mono", Icons;
     font-size: 100vw, 30vh;
    left: 79vw;
    top: 10vh;
    width:17vw;
  color: #f4e4b4;
  text-align: center;
}

#mobilecheckout a {
	color: #f4e4b4;
}




#checkoutbook {
	background-image: url(https://freight.cargo.site/t/thumbnail/w/100/i/3da5e3b41894e8404b08ca6ed3449c866ff52e4fc2ab0c1d85a0115826aa5154/Stackedbooks.png);
    background-repeat: no-repeat;
    position: absolute;
    background-size: 10vw, 10vw;
    margin-top: 2vw;
    z-index: 5;
    left: 5vw;
    width: 15vw;
    height: 20vh
}
#bookcheckout {
  position: absolute;
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
     font-size: 100vw, 30vh;
    left: 3vw;
    width:15vw;
    top: 0vw;
  color: #f4e4b4;
  text-align: center;
}

#bookcheckout a {
	color: #f4e4b4;
}

#checkinfocontainer {
	position: relative;
    left: 1.5vw;
    width: 20vw;
    height: 20vh;
}

#textboxtest2 {
  position: relative;
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: xx-large;
    font-size: 110vw, 25vh;
    left: 30.75%;
    top: -7vw;
  color: #c79596;
  text-align: center;
   
}
#textboxmobile {
  position: relative;
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: large;
    font-size: 100vw, 20vh;
    left: 15vw;
    top: 6vh;
  color: #c79596;
  text-align: center;
   
}


#bookheader {
	font-family: Syne Regular;
    position: relative;
    color: #fff;
    text-align: right;
    margin-right: 1vw;
}

.img__wrap {
  position: relative;
  height: 50px;
  width: 50px;
}

.img__descriptionm {
  position: fixed;
    width: 250px;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:20px;
  top: 50%;
  left: 10%;
  background-color: #436754;
  color: #f4e4b4;
  visibility: hidden;
    z-index: 10;
  opacity: 0;
  transition: opacity .2s, visibility .2s;
}

.img__wrapm:hover .img__descriptionm {
  visibility: visible;
  opacity: 1;
}

.img__wrapm {
  position: relative;
  height: 50px;
  width: 50px;
}

.img__description {
  position: absolute;
    width: 300px;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:20px;
  top: -10vh;
  left: -5vw;
  background-color: #436754;
  color: #f4e4b4;
  visibility: hidden;
    z-index: 10;
  opacity: 0;
  transition: opacity .2s, visibility .2s;
}
.img__descriptionoriginal {
  position: fixed;
    width: 500px;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:20px;
  top: 30%;
  left: 10%;
  background-color: #436754;
  color: #f4e4b4;
  visibility: hidden;
    z-index: 10;
  opacity: 0;
  transition: opacity .2s, visibility .2s;
}


.img__wrap:hover .img__description {
  visibility: visible;
  opacity: 1;
}

#bookcolcontainer {
	width:100%;
    height: 100%;
    position: relative;
    background-color:#5b7478;
}

.bookcol1 {
	width:70vw;
    overflow:visible;
    position: relative;
    background-color:#5b7478;
    margin-bottom: 60px;
    
}

.bookcol2 {
	width:30vw;
  margin-left:70%;
    top: 0%;
    height: 100%;
    position:fixed;
    background-color:#70253D;
    overflow-x: scroll; 
}

/* display: table*/
.rowtest {
    content: "";
    width: 66vw;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-right: 50px;
    clear: both;
}
.columntest {
	float: left;
    padding: 50px;
    width: 20vw;
    
}
.rowmobile {
    content: "";
    width: 80vw;
    margin-top: 50px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    clear: both;
}
.columnmobile {
	float: left;
    padding: 50px;
    width: 25vw;
    
}
.containmobile {
	position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    left: -4%;
    top: -1vh;

}

.mobileheader{
	position: fixed;
    top: 3vh;
    left: 5vw;
}

.mobileheader2{
	position: fixed;
    top: 1vh;
    left: 43vw;
    z-index:1
}
.mobileheader3{
	position: fixed;
    top: 50vw;
    left: 43vw;
    z-index:1
}

/* newsletter scroll */
#newsmobile {
	position: absolute;
    top: -15vw;
    left: 0vw;
    height: 750px;
    width: 58vw;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-bottom:150px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color:#e7e0cc
}

#newsletter1 {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: small;
    position: absolute;
    width: 10%;
    top: 86.75%;
  color: #a55341;
  text-align: center;
}

#newsletter2 {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: small;
    position: absolute;
    width: 10%;
    top: 76.7%;
  color: #a55341;
  text-align: center;
}

#newsletter6 {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: small;
    position: absolute;
    width: 10%;
    top: 1.5%;
  color: #a55341;
  text-align: center;
}

#newsletter5 {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: small;
    position: absolute;
    width: 10%;
    top: 22.2%;
  color: #a55341;
  text-align: center;
}

#newsletter4 {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: small;
    position: absolute;
    width: 10%;
    top: 45.25%;
  color: #a55341;
  text-align: center;
}

#newsletter3 {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: small;
    position: absolute;
    width: 10%;
    top: 50.75%;
  color: #a55341;
  text-align: center;
}


#newsletter1m {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: xx-small;
    position: absolute;
    width: 25%;
    top: 3305vw;
  color: #a55341;
  text-align: center;
}

#newsletter3m {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: xx-small;
    position: absolute;
    width: 25%;
    top: 1888vw;
  color: #a55341;
  text-align: center;
}

#newsletter2m {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: xx-small;
    position: absolute;
    width: 25%;
    top: 2905vw;
  color: #a55341;
  text-align: center;
}

#newsletter4m {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: xx-small;
    position: absolute;
    width: 25%;
    top: 1728vw;
  color: #a55341;
  text-align: center;
}

#newsletter5m {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: xx-small;
    position: absolute;
    width: 25%;
    top: 807vw;
  color: #a55341;
  text-align: center;
}

#newsletter6m {
  z-index: 5;
  font-family: "VCR OSD Mono", Icons;
    font-size: xx-small;
    position: absolute;
    width: 25%;
    top: 25vw;
  color: #a55341;
  text-align: center;
}

.newscol {
	width:50%;
    height: 99%px;
    overflow: auto;
    background-color:#e7e0cc;
    padding-bottom: 200px;
}

.newscol2 {
	position: fixed;
 	width:50%;
    height: 99%;
    margin-left: 50%;
    top:0%;
    overflow: auto;
    background-color:#e7e0cc;
   
}

.headerlogo1 {
	position: fixed;
    left: 45vw;
    top:2vw;
    z-index: 1
}
.headerlogo3 {
	margin-left: 90px;
    top: 70px;
    position: fixed;
}

.headerlogo2 {
    top: 2%;
    position: fixed;
    
}
.headerlogowine {
    top: 2%;
    left: 3vw;
    position: fixed;
}

@media screen and (orientation: landscape) {
	.div-mobile {height: 100%
}
}

@media screen and (max-width: 450px) {
	.div-mobile {visibility: visible}
    .div-desktop {visibility: hidden}
}

@media screen and (min-width: 801px) {
    .div-mobile {visibility: visible}
    .div-desktop {visibility: hidden}
}

@media (hover:none) and (pointer:coarse)  {
    .div-mobile {visibility: visible;
   }
  
	.div-desktop {visibility: hidden }
}

@media (hover:hover) and (pointer:fine)  {
	.div-mobile { display: none;
    }
	.div-desktop { visibility: visible;
    }
}

#desktopcontainer {
	width: 100%;
    height:100%
}

.hover-title3 {
    display: inline;
    pointer-events: auto;
    cursor: pointer;
}

.hover-image3 {
    visibility: hidden;
}

body:not(.mobile) .hover-title3:hover + .hover-image3 {
    visibility: visible;
    pointer-events: none;
}

.hover-image3 {
    display: flex;
    position: fixed;
    top: 94%;
    left: 96%;
    transform: translate(-50%, -50%);
    z-index: 3;
    pointer-events: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 15vw;
    height: 15vh;
}

.hover-image3 img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    margin-bottom: 0;
}



.column {
  float: left;
}

.left {
  width: 70%;
    overflow-x: scroll;
}

.right {
  width: 30%;
}


.rotate {
    display: inline-block;
    -webkit-animation: rotate 4s linear infinite;
    animation: rotate 10s linear infinite;
    opacity: 1;
    z-index: 10
}

.rotate2 {
    display: inline-block;
    position: sticky;
    -webkit-animation: rotate 4s linear infinite;
    -webkit-position: sticky;
    animation: rotate 10s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}@font-face {
    font-family: 'Scott';
    font-weight: normal;
    font-style: normal;
    src: url('https://files.cargocollective.com/c917330/scott___.ttf') format('truetype');
}

/**
 * Content
 */





a:active {
	opacity: 0.7;
}

.page a.active {
	opacity: .4;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 1em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(127, 127, 127, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: .5em;
}

.gallery_image_caption {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.3;	
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 2.3rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	font-family: Whitman, Icons;
	font-style: normal;
	line-height: 1.2;
}

[data-predefined-style="true"] bodycopy a {
	color: #f4e4b4;
	padding-bottom: 0.1em;
	border-bottom: 0.0em solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: "Terminal Grotesque", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 2.7rem;
	line-height: 1.2;
	color: #4e0f23;
	}

[data-predefined-style="true"] h1 a {
	color: #4e0f23;
}

[data-predefined-style="true"] h2 {
	font-family: Karla, Icons;
	font-style: normal;
	font-weight: 300;
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 1.5rem;
	line-height: 1.4;
	}

[data-predefined-style="true"] h2 a {
	color: #4e0f23;
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.3;
	font-family: "Scott", Icons;
    font-style: normal;
	font-weight: 400;
	color: #f4e4b4;
    letter-spacing: 0.02em;
}

[data-predefined-style="true"] small a {
	color: #f4e4b4;
	border-bottom-width: 0em;
}

/**
 * Breakpoints
 */


[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 25%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
	text-align: center /*!text_center*/;
}

[data-css-preset] body {
	background-color: #a55341/*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100%/*!content_center*/;
}

[data-css-preset] .content_padding {
	padding-top: 8.1rem /*!main_margin*/;
	padding-bottom: 8.1rem /*!main_margin*/;
	padding-left: 8.1rem /*!main_margin*/;
	padding-right: 8.1rem /*!main_margin*/;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 70rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: rgb(242, 242, 242)/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 5rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -10rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 1rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -2rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 1px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: 1.4rem;
    margin-bottom: .3rem;
    font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.4);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, 'Sans Serif', Icons;
	font-style: normal;
	line-height: 1.1;
    text-align: center;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.2;
    text-align: center;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: rgba(0, 0, 0, 1);
    line-height: 1;
    font-size: 24px /*!site_menu_button*/;
    padding: 6px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
    top: 2rem /*!site_menu_button*/;
	right: 0.5rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
    font-size: 18px;
}

#site_menu_button.custom_icon {
	width: 40px;
    height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: 'Scott';
	background: rgba(231, 224, 204, 1);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: #C79596;
}

#site_menu .set-link > a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .7;
}

#site_menu .close {
	display: none;
	color: rgba(255, 255, 255, 0.4);
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/*
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(0, 0, 0, 0.85);
    background: transparent;
	font-size: 40px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 2.5rem /*!shop_button*/;
	left: 2.5rem /*!shop_button*/;
}

#shop_button.text {
	font-family: "Bureau Grot", Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 2.2rem;
    padding: 0;
    line-height: 1.2;
	color: rgba(0, 0, 0, 0.85);
}

body.mobile #shop_button {
	margin: -6px;
    font-size: 34px;
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 40px;
}

/*
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
    text-align: left;
}

.shop_product .price {
   	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, 'Sans Serif', Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 1.5rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.85);
    display: block;
    margin-bottom: 1rem;
}

.shop_product .dropdown {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, 'Sans Serif', Icons;
    font-size: 1.5rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.2);
    background:  white url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 1rem .8rem;
	font-style: normal;
	font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
}

.shop_product .button {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, 'Sans Serif', Icons;
	font-size: 1.5rem;
    background: rgba(0, 0, 0, 0.85);
    color: rgba(255, 255, 255, 1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem;
	font-style: normal;
	font-weight: 400;
}

/*
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 0.95) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 3.5rem 0;
    text-align: center;
    font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
    line-height: 1.3;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}


/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: rgba(0, 0, 0, 0.85);
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: transparent;
    stroke-width: 2.5px;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: rgba(0, 0, 0, 0.85);
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: transparent;
    stroke-width: 2.5px;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 2.5px;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 2.5px;
}


/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:last-child .page {
	border-bottom: 0;
}



/*
 * Audio Player
 */

.audio-player {
    max-width: 36rem;
    height: 3.3rem;
    outline: 1px solid rgba(0,0,0,0.15);
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0,0,0,0.15);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.03);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}

[data-predefined-style="true"] bodycopy {
    font-size: 2rem;
    font-weight: 400;
    color: #f4e4b4;
    font-family: "Scott", Icons;
    font-style: normal;
    line-height: 1.2;
}

/* PBB Custom */

.container {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 1000px;
}

.image {
	position: relative;
    width: 200px;
}

.image img {
	margin: 0;
}

.image:hover > .hover-container {
	visibility: visible;
   
}

.hover-container {
	visibility: hidden;
    width: 30%;
    height: 30%;
    position: flex;
    top: 0;
    left: 0;
	display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    display: inline
}


.fifty-left:hover {  
    background-color: #e9d6a6;
    visibility: visible;
}

.fifty-right:hover {
    background-color: #e9d6a6;
    visibility: visible
}


.fifty-left, .fifty-right {
    display: inline;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	width: 50%;
    height: 85px;
    border-radius: 50%;
}


.corner-nav {
	position: absolute;
}

.corner-nav img {
	margin: 10px;
}

#nav-1 {
	left:0;
    top:0
}

#nav-2 {
	right:0;
    top:0;
}

#nav-3 {
	right:0;
    bottom:0;
}

#nav-4 {
	left:0;
    bottom:0;
}

/* hours test */

#photoparentD{
	  position: relative;
    height: auto;
    width: 100%;
}
#photochildD{
    content: "";
	background-image: url("images/3-stripe hours.png");
    background-size:contain;
    background-repeat: no-repeat;
    position: absolute;
      right: 0px;
	top: 15vh;
      bottom: 0px;
      left: 14vw;
    opacity: 0.1;
	z-index: .5
}

#hoursboxD{
	display: flex;
	background-color: transparent;
    position: relative;
    flex-direction: row;
    width: 100vw;
    top: 8vw;
    left: -7%;
   

}

.houritemD{
	width: 100vw;
	text-align: center;
}

#barhoursD{
	display: inline-flex;
	position: relative;
    width: 60%;
 	align-content:center;
     font-family: Karla, Icons;
	font-style: normal;
	font-weight: 500;
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 1.5rem;
	line-height: 1.4;
	
}

#barhourschild1D{
    background-color: #587C69;
    border-style: groove;
	border-width: thin;
    border-color: black;
    width: 90%;
    height: 300px;
	margin-right:10%;
    padding-top: 2vw;
    opacity: 0.7;
	z-index:0.75;
}

#barhourschild2D{
    background-color: #c5772e;
	border-style: groove;
	border-width: thin;
    border-color: black;
    width: 90%;
    height: 300px;
     padding-top: 2vw;
    opacity: 0.7;
	z-index:0.75;
}

f2D {
    color: #4e0f23;
	font-family:'Karla Italic', sans-serif;
	font-style: normal;
	font-weight: 320;
	padding: 0;
	margin: 0;
	font-size: 1.3rem;
	line-height: 1.25;
	
}

h1D {
	font-family:'Karla Italic', sans-serif;
	font-style: normal;
	text-align: center;
	font-size: 2rem;
	color: #4e0f23;
	opacity: 1;
	z-index: 1
}

h2D {
	font-family:'Karla Italic', sans-serif;
	font-style: normal;
	text-align: center;
	font-size: 1rem;
	color: #4e0f23;
	opacity: 1;
	z-index: 1
}

#textsaveD{
	display: inline-flex;
	position: relative;
	width: 100%;
    margin-left:15vw;
    margin-right: 25vw;
	align-content:center;
    z-index:1
}

#textin1D{
    width: 100%;
    height: 300px;
    opacity: 0.6;
	z-index:0.75;
	text-align: center;
    margin-right: 10vw;
}

#textin2D{
    width: 100%;
    height: 300px;
    opacity: 0.6;
	z-index:0.75;
  
	text-align:center
}

/*hours test mobile */

#hoursboxM{
	display: flex;
	background-color: transparent;
    position: relative;
    flex-direction: row;
    width: 100vw;
    top: 22vw;
    
}

.houritemM{
	width: 100vw;
	text-align: center;
}

#barhoursM{
	display: inline-flex;
	position: fixed;
    top: 80vw;
    width: 90%;
    height: auto;
 	align-content:center;
    left: 5vw
	
}

#barhourschild1M{
    background-color: #587C69;
    border-style: groove;
	border-width: thin;
    border-color: black;
    width: 90%;
    height: auto;
	margin-right:10%;
    opacity: 0.7;
	z-index:0.75;
    padding-top: 2vw;
    padding-bottom: 5vw;
    padding-left: 2vw;
    padding-right: 2vw
}

#barhourschild2M{
    background-color: #c5772e;
	border-style: groove;
	border-width: thin;
    border-color: black;
    width: 90%;
    height: auto;
    opacity: 0.7;
	z-index:0.75;
    padding-top: 2vw;
}

#textsaveM{
	display: inline-flex;
    flex-direction: column;
	position: fixed;
    top: 125vw;
	width: 100%;
    margin-left: 10vw;
	align-content:center;
    z-index:1
}

#textin1M{
    width: 80%;
    height: auto;
    opacity: 0.6;
	z-index:0.75;
	text-align: center;
    margin-right: 10vw;
}

#textin2M{
    width: 80%;
    height: auto;
    opacity: 0.6;
	z-index:0.75;
  
	text-align:center
}