html {
	height: 99%;
}
body {
	height: 98%;
	background-image: url(../img/back.jpg);
	background-size: auto 101%;
	background-attachment: fixed;
}
h1 {
	font-family: Amatic SC, serif;
	color: #ff86b4;
	text-align: center;
}
h2, h3 {
	font-family: Amatic SC, serif;
	color: #858585;
	text-align: center;
}
p, a, form, li figcaption {
	font-family: Caudex, serif;
	color: #757575;
}
.wrapper {
	position: relative;
	min-width: 40em;
	max-width: 70em;
	margin: 0 auto;
	min-height: 100%;
	
	border: 0px solid blue;
}
.head {
  border: 0px solid red;
	
  position: relative;
}
.head img {
	height: 100%;
    
	display: block;
  position: relative;
	margin: 0 auto;
	border: 0px solid red;
}



.nav .icon {
	display: none;
}
.nav {
	position: relative;
	border: 0px solid green;

}




.nav_btn {
 display: inline-block;
 width: 33%;
 height: 165px;
 border: 0px solid black;
 
  
  }

.nav_start {
background-image: url(../img/button/start_inact.png);
background-position: center;
background-attachment: cover;
background-repeat: no-repeat;
}


.nav_shop {
background-image: url(../img/button/shop_inact.png);
background-position: center;
background-attachment: cover;
background-repeat: no-repeat;
}

.nav_kontakt {
background-image: url(../img/button/kontakt_inact.png);
background-position: center;
background-attachment: cover;
background-repeat: no-repeat;
}

.nav_shop:hover {
  background-image: url(../img/button/shop_hover.png);
}                                         

.nav_start:hover {
  background-image: url(../img/button/start_hover.png);
}

.nav_kontakt:hover {
  background-image: url(../img/button/kontakt_hover.png);
}


.content {
	position: relative;
	width: 100%;
	box-shadow: 0px 0px 2px grey;
	border: 0px solid black;
  background-color: #ffffff;
  
}

.content p {
padding: 0 2em 0 2em;
}

.foot {
	width: 100%;
	height: 3.8em;
	position: absolute;
	bottom: 0px;
	background-color: #ff86b4;
	border: 0px solid red;
	text-align: center;
  box-shadow: 0px 2px 2px grey;
}
.foot a {
	color: #fff;
	font-weight: bold;
	font-size: 10pt;
}
.foot a:hover {
	color: #ffffff;
	text-decoration: none;
}
.foot table {
	width: 100%;
	height: 100%;
}
/*Smartphone*/
@media only screen and (max-width: 850px) {
html {
	height: 99%;
}
body {
	height: 98%;
	background-image: url(../img/back.jpg);
	background-size: auto 101%;
	background-attachment: fixed;
}

.nav_btn {
 display: block;
  width: 100%;
 height: 165px;
 border: 0px solid black;
 }
 
  
  

h1 {
	font-family: Amatic SC, serif;
	color: #ff86b4;
	text-align: center;
}
h2, h3 {
	font-family: Amatic SC, serif;
	color: #858585;
	text-align: center;
}
p, a, form, figcaption {
	font-family: Caudex, serif;
	color: #757575;
}
.wrapper {
	position: relative;
	width: 90%;
	min-width: auto;
	max-width: auto;
	left: 5%;
	right: 5%;
	min-height: 100%;
	margin: 0 0;
	background-color: #ffffff;
	border: 0px solid blue;
}
.head {
	border: 0px solid red;
	height: auto;
  position: relative;
}
.head img {
	height: auto;
  max-height: 120px ;
  width: auto;
  max-width: 90%;
	display: block;
  position: relative;
	margin: 0 auto;
	border: 0px solid red;
}
.nav {
	position: relative;
	border: 0px solid green;
	background-color: #ff86b4;
}
.nav a {
	padding: 0.5em;
	display: block;
	text-decoration: none;
	color: #d70d5a;
}
.nav a:hover {
	color: #ffffff;
}
.act {
	background-color: #fab4cf;
}
.nav .icon {
	display: block;
}
.nav a:not(:first-child) {
	display: none;
}
.nav.responsive a.icon {
	position: relative;
	right: 0;
	top: 0;
	text-align: left;
}
.nav.responsive a {
	float: none;
	display: block;
	padding: 0.5em;
	text-align: center;
	border: 0px solid red;
}

.content {
	min-width: 90%;
	max-width: 95%;
	margin: 0 auto 0 auto;
	padding-bottom: 4em;
	border: 0px solid black;
}

.foot {
	width: 100%;
	height: 3.8em;
	position: absolute;
	bottom: 0px;

	border: 0px solid red;
	text-align: center;

}
.foot a {
	
	font-weight: bold;
	font-size: 10pt;
}
.foot a:hover {
	color: #ffffff;
	text-decoration: none;
}
.foot table {
	width: 100%;
	height: 100%;
}
}