@font-face {
    font-family: 'HoboStd';
    src: url('fonts/HoboStd.eot?') format('eot'), 
         url('fonts/HoboStd.woff') format('woff'), 
         url('fonts/HoboStd.svg#svgFontName') format('svg');
		 font-weight: 100;
    font-style: normal;
    }
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
   
      margin: 0;
      padding: 0;
	  font-family: HoboStd, arial, sans-serif;
	      background-color: #fff;
    color: #d7d7d7;
	
      }
	  a
	  {
	  color:#fff;
	      outline: none;
text-decoration: none;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
    font-size: 1.8rem;
    -webkit-text-stroke: 2px black;
    font-weight: bold;
	  }
img
{
	max-width:100%;
	height:auto;
}
.main
{
	max-widtH:1200px;
	border-radius:20px;
	background-color:#fff;
	padding:20px 20px 20px 40px;
	color:#000;
	widtH:92%;
	margin:30px auto;
	    position: relative;
    z-index: 2;
	
}
.main h1
{
	
}

.logo img
{
	    max-height: 80vh;
		
}
canvas{
	position:absolute;
  display:block;
  vertical-align:bottom;
}
.bg_cont
{
	position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
    visibility: inherit;
    opacity: 1;

}
.logo
{
	margin:auto;
	display:flex;
	flex-direction:column;
	    align-items: center;
    text-align: center;
	position: relative;
    z-index: 10;
}
.bg
{
	background-repeat: no-repeat;
    background-image: url(images/bg.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
	display:flex;
}
.leftbg
{
	background:url(images/leftbg.png) bottom left no-repeat;
	 background-size:contain;
	 width:30%;
	 position:absolute;
	 left:0;
	 bottom:0;
	 height:100%;
}
.rightbg
{
	background:url(images/rightbg.png) bottom right no-repeat;
	 width:30%;
	 background-size:contain;
	 position:absolute;
	 right:0;
	 bottom:0;
	 height:100%;
}
.shops
{
	       max-width: 50vw;
    display: flex;
    flex-wrap: wrap;
}
.normalfont
{
	 font-family:  arial, sans-serif;
}
.social
{
	position:absolute;
	top:10px;
	left:10px;
	z-index:11;
}	
@media all and (orientation: landscape)
{
.shops a
{
	    max-width: 50%;
		display:block;
}
}