/* RESPONSIVE */
@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: none;
  }
}
.desktop #mobilemenu {
  display: none;
}
.w1280 #mobilemenu {
  display: none;
}
.w1024 .content {
  width: 980px;
}
.w1024 #mobilemenu {
  display: none;
}
.w1024 section {
  overflow: hidden;
}
.w1024 .thin small {
  display: none;
}
.w1024 #start {
  height: 670px;
}
.w1024 #start .text {
  margin-top: 50px;
}
.w1024 #studio .img2,
.w1024 #studio .img3 {
  width: 185px;
  top: 442px;
}
.w1024 #studio .img2 {
  left: 535px;
}
.w1024 #studio .img3 {
  left: 757px;
}
.w1024 #studio .info {
  left: 535px;
}
.w1024 .gallery {
  margin-left: -2% !important;
  width: 102% !important;
}
.w1024 .gallery li {
  width: 14.4%;
  margin: 0 0 2% 2% !important;
}
.w1024 .gallery li img {
  width: 98%;
}
.w1024 #kontakt .mapa {
  width: 98% !important;
}
.w980 .content {
  width: 800px;
}
.w980 #mobilemenu {
  display: none;
}
.w980 section {
  overflow: hidden;
}
.w980 .thin small {
  display: none;
}
.w980 #start {
  height: 670px;
}
.w980 #start .text {
  margin-top: 50px;
}
.w980 #studio .mainimg {
  width: 250px;
}
.w980 #studio .img2,
.w980 #studio .img3 {
  top: 360px;
}
.w980 #studio .img2 {
  left: 0;
}
.w980 #studio .img3 {
  left: 290px;
}
.w980 #studio .info {
  left: 290px;
}
.w980 #studio h2 {
  font-size: 25px;
}
.w980 #studio p {
  margin-bottom: 1.25em;
}
.w980 .gallery {
  margin-left: -2% !important;
  width: 102% !important;
}
.w980 .gallery li {
  width: 14.4%;
  margin: 0 0 2% 2% !important;
}
.w980 .gallery li img {
  width: 98%;
}
.w980 #kontakt .mapa {
  width: 98% !important;
}
/* tablet */
.w800 .content {
  width: 768px;
}
.w800 nav {
  position: relative;
}
.w800 nav .toggler {
  float: right;
  clear: right;
  background: #222;
  color: white;
  font-size: 13px;
  padding: 1px 15px 2px;
}
.w800 nav .toggler:hover {
  background: #333;
}
.w800 nav .lvl1 {
  display: none;
  position: absolute;
  top: 27px;
  right: 0;
  z-index: 1000;
  width: 200px;
  background: #222;
  box-shadow: 0 3px 5px black;
}
.w800 nav .lvl1 li {
  float: left;
  width: 100%;
}
.w800 nav .lvl1 li > a {
  color: white;
  float: left;
  width: 90%;
  padding: 5px 5%;
  font-size: 16px;
  border-top: 1px solid #444;
}
.w800 nav .lvl1 li > a:hover {
  color: white;
  background: #C50529;
}
.w800 section {
  overflow: hidden;
}
.w800 #start {
  height: 670px;
}
.w800 #start .text {
  margin-top: 50px;
}
.w800 #studio .mainimg {
  width: 250px;
}
.w800 #studio .img2,
.w800 #studio .img3 {
  top: 360px;
}
.w800 #studio .img2 {
  left: 0;
}
.w800 #studio .img3 {
  display: none;
}
.w800 #studio .info {
  left: 290px;
}
.w800 #studio p {
  margin-bottom: 2.25em;
  line-height: 1.7em;
}
.w800 .gallery {
  margin-left: -2% !important;
  width: 102% !important;
}
.w800 .gallery li {
  width: 14.4%;
  margin: 0 0 2% 2% !important;
}
.w800 .gallery li img {
  width: 98%;
}
.w800 #kontakt .mapa {
  width: 98% !important;
}
/* tablet */
.w768 .content {
  width: 640px;
}
.w768 nav {
  position: relative;
}
.w768 nav .toggler {
  float: right;
  clear: right;
  background: #222;
  color: white;
  font-size: 13px;
  padding: 1px 15px 2px;
}
.w768 nav .toggler:hover {
  background: #333;
}
.w768 nav .lvl1 {
  display: none;
  position: absolute;
  top: 27px;
  right: 0;
  z-index: 1000;
  width: 200px;
  background: #222;
  box-shadow: 0 3px 5px black;
}
.w768 nav .lvl1 li {
  float: left;
  width: 100%;
}
.w768 nav .lvl1 li > a {
  color: white;
  float: left;
  width: 90%;
  padding: 5px 5%;
  font-size: 16px;
  border-top: 1px solid #444;
}
.w768 nav .lvl1 li > a:hover {
  color: white;
  background: #C50529;
}
.w768 section {
  overflow: hidden;
}
.w768 #start {
  height: 670px;
}
.w768 #start .text {
  margin-top: 50px;
}
.w768 #studio .mainimg {
  width: 250px;
}
.w768 #studio .img2,
.w768 #studio .img3 {
  top: 360px;
}
.w768 #studio .img2 {
  left: 0;
}
.w768 #studio .img3 {
  display: none;
}
.w768 #studio .info {
  left: 290px;
}
.w768 #studio p {
  margin-bottom: 2.25em;
  line-height: 1.7em;
}
.w768 .gallery {
  margin-left: -2% !important;
  width: 102% !important;
}
.w768 .gallery li {
  width: 14.4%;
  margin: 0 0 2% 2% !important;
}
.w768 .gallery li img {
  width: 98%;
}
.w768 #kontakt .mapa {
  width: 98% !important;
}
/* tablet */
.w640 .content {
  width: 600px;
}
.w640 nav {
  position: relative;
}
.w640 nav .toggler {
  float: right;
  clear: right;
  background: #222;
  color: white;
  font-size: 13px;
  padding: 1px 15px 2px;
}
.w640 nav .toggler:hover {
  background: #333;
}
.w640 nav .lvl1 {
  display: none;
  position: absolute;
  top: 27px;
  right: 0;
  z-index: 1000;
  width: 200px;
  background: #222;
  box-shadow: 0 3px 5px black;
}
.w640 nav .lvl1 li {
  float: left;
  width: 100%;
}
.w640 nav .lvl1 li > a {
  color: white;
  float: left;
  width: 90%;
  padding: 5px 5%;
  font-size: 16px;
  border-top: 1px solid #444;
}
.w640 nav .lvl1 li > a:hover {
  color: white;
  background: #C50529;
}
.w640 section {
  overflow: hidden;
}
.w640 #start {
  height: 670px;
}
.w640 #start .text {
  margin-top: 50px;
  padding: 5%;
  width: 90%;
}
.w640 #studio .mainimg {
  width: 250px;
}
.w640 #studio .img2,
.w640 #studio .img3 {
  top: 360px;
}
.w640 #studio .img2 {
  left: 0;
}
.w640 #studio .img3 {
  display: none;
}
.w640 #studio .info {
  left: 290px;
}
.w640 #studio p {
  margin-bottom: 1.5em;
}
.w640 .gallery {
  margin-left: -2% !important;
  width: 102% !important;
}
.w640 .gallery li {
  width: 14.4%;
  margin: 0 0 2% 2% !important;
}
.w640 .gallery li img {
  width: 98%;
}
.w640 #informacje {
  background-color: black;
}
.w640 #kontakt .mapa {
  width: 98% !important;
}
.w640 #kontakt .text {
  width: 100%;
  margin-bottom: 1em;
}
.w640 #kontakt .form {
  width: 100%;
}
/* 640px */
.w600 .content {
  width: 480px;
}
.w600 nav {
  position: relative;
}
.w600 nav .toggler {
  float: right;
  clear: right;
  background: #222;
  color: white;
  font-size: 13px;
  padding: 1px 15px 2px;
}
.w600 nav .toggler:hover {
  background: #333;
}
.w600 nav .lvl1 {
  display: none;
  position: absolute;
  top: 27px;
  right: 0;
  z-index: 1000;
  width: 200px;
  background: #222;
  box-shadow: 0 3px 5px black;
}
.w600 nav .lvl1 li {
  float: left;
  width: 100%;
}
.w600 nav .lvl1 li > a {
  color: white;
  float: left;
  width: 90%;
  padding: 5px 5%;
  font-size: 16px;
  border-top: 1px solid #444;
}
.w600 nav .lvl1 li > a:hover {
  color: white;
  background: #C50529;
}
.w600 section {
  overflow: hidden;
}
.w600 #start {
  height: 670px;
}
.w600 #start .text {
  margin-top: 50px;
  padding: 5%;
  width: 90%;
}
.w600 #start .text li {
  width: 130px;
}
.w600 #start .text li img,
.w600 #start .text li strong {
  width: 100%;
}

.w600 #start .text li img {
  width: 130px;
  height: 130px;
}

.w600 #studio {
  height: auto;
  background-color: black;
}
.w600 #studio .mainimg {
  width: 96%;
  position: relative;
  float: left;
  top: auto;
  left: auto;
  margin: 1em 0;
}
.w600 #studio .img2,
.w600 #studio .img3 {
  display: none;
}
.w600 #studio .info {
  left: auto;
  top: auto;
  position: relative;
  float: left;
}
.w600 #studio p {
  margin-bottom: 1.5em;
}
.w600 .gallery {
  margin-left: -2% !important;
  width: 102% !important;
}
.w600 .gallery li {
  width: 31%;
  margin: 0 0 2% 2% !important;
}
.w600 .gallery li img {
  width: 94%;
}
.w600 #informacje {
  background-color: black;
}
.w600 #kontakt .mapa {
  width: 98% !important;
}
.w600 #kontakt .mapa iframe {
  height: 200px;
}
.w600 #kontakt .text {
  width: 100%;
  margin-bottom: 1em;
}
.w600 #kontakt .form {
  width: 100%;
}
/* 600px */
.w480 .content {
  width: 360px;
}
.w480 nav {
  position: relative;
}
.w480 nav .toggler {
  float: right;
  clear: right;
  background: #222;
  color: white;
  font-size: 13px;
  padding: 1px 15px 2px;
}
.w480 nav .toggler:hover {
  background: #333;
}
.w480 nav .lvl1 {
  display: none;
  position: absolute;
  top: 27px;
  right: 0;
  z-index: 1000;
  width: 200px;
  background: #222;
  box-shadow: 0 3px 5px black;
}
.w480 nav .lvl1 li {
  float: left;
  width: 100%;
}
.w480 nav .lvl1 li > a {
  color: white;
  float: left;
  width: 90%;
  padding: 5px 5%;
  font-size: 16px;
  border-top: 1px solid #444;
}
.w480 nav .lvl1 li > a:hover {
  color: white;
  background: #C50529;
}
.w480 section {
  overflow: hidden;
}
.w480 #start {
  height: 670px;
}
.w480 #start .text {
  margin-top: 50px;
  padding: 5%;
  width: 90%;
}
.w480 #start .text li {
  width: 90px;
}
.w480 #start .text li strong {
  width: 100%;
}

.w480 #start .text li img {
  width: 90px;
  height: 90px;
}

.w480 .thin small {
  display: none;
}
.w480 #studio {
  height: auto;
  background-color: black;
}
.w480 #studio .mainimg {
  width: 96%;
  position: relative;
  float: left;
  top: auto;
  left: auto;
  margin: 1em 0;
}
.w480 #studio .img2,
.w480 #studio .img3 {
  display: none;
}
.w480 #studio .info {
  left: auto;
  top: auto;
  position: relative;
  float: left;
}
.w480 #studio h2 {
  font-size: 27px;
}
.w480 #studio p {
  margin-bottom: 1.5em;
}
.w480 .gallery {
  margin-left: -2% !important;
  width: 102% !important;
}
.w480 .gallery li {
  width: 31%;
  margin: 0 0 2% 2% !important;
}
.w480 .gallery li img {
  width: 94%;
}
.w480 #informacje {
  background-color: black;
}
.w480 #kontakt .mapa {
  width: 98% !important;
}
.w480 #kontakt .mapa iframe {
  height: 200px;
}
.w480 #kontakt .text {
  width: 100%;
  margin-bottom: 1em;
}
.w480 #kontakt .form {
  width: 100%;
}
/* 480px */
.w360 .content,
.w320 .content {
  width: 310px;
}
.w360 .logo,
.w320 .logo {
  margin-top: 30px;
}
.w360 .logo img,
.w320 .logo img {
  width: 200px;
}
.w360 .logo small,
.w320 .logo small {
  display: none;
}
.w360 .lang,
.w320 .lang {
  margin: 25px 20px 0 0;
}
.w360 nav,
.w320 nav {
  position: relative;
  margin: 10px 15px 0 0;
}
.w360 nav .toggler,
.w320 nav .toggler {
  float: right;
  clear: right;
  background: #222;
  color: white;
  font-size: 13px;
  padding: 1px 15px 2px;
}
.w360 nav .toggler:hover,
.w320 nav .toggler:hover {
  background: #333;
}
.w360 nav .lvl1,
.w320 nav .lvl1 {
  display: none;
  position: absolute;
  top: 27px;
  right: 0;
  z-index: 1000;
  width: 200px;
  background: #222;
  box-shadow: 0 3px 5px black;
}
.w360 nav .lvl1 li,
.w320 nav .lvl1 li {
  float: left;
  width: 100%;
}
.w360 nav .lvl1 li > a,
.w320 nav .lvl1 li > a {
  color: white;
  float: left;
  width: 90%;
  padding: 5px 5%;
  font-size: 16px;
  border-top: 1px solid #444;
}
.w360 nav .lvl1 li > a:hover,
.w320 nav .lvl1 li > a:hover {
  color: white;
  background: #C50529;
}
.w360 section,
.w320 section {
  overflow: hidden;
}
.w360 #start,
.w320 #start {
  height: 670px;
}
.w360 #start .text,
.w320 #start .text {
  margin-top: 50px;
  padding: 5%;
  width: 90%;
}
.w360 #start .text li,
.w320 #start .text li {
  width: 82px;
}

.w360 #start .text li strong,
.w320 #start .text li strong {
  width: 100%;
}

.w360 #start .text li img,
.w320 #start .text li img {
  width: 82px;
  height: 82px;
}

.w360 .thin small,
.w320 .thin small {
  display: none;
}
.w360 .thin .lang,
.w320 .thin .lang {
  display: none;
}
.w360 .thin .logo,
.w320 .thin .logo {
  margin-top: 10px;
}
.w360 .thin .logo img,
.w320 .thin .logo img {
  width: 150px;
}
.w360 .thin nav,
.w320 .thin nav {
  margin-top: 15px;
}
.w360 #studio,
.w320 #studio {
  height: auto;
  background-color: black;
}
.w360 #studio .mainimg,
.w320 #studio .mainimg {
  width: 92%;
  position: relative;
  float: left;
  top: auto;
  left: auto;
  margin: 1em 0;
}
.w360 #studio .img2,
.w320 #studio .img2,
.w360 #studio .img3,
.w320 #studio .img3 {
  display: none;
}
.w360 #studio .info,
.w320 #studio .info {
  left: auto;
  top: auto;
  position: relative;
  float: left;
}
.w360 #studio h2,
.w320 #studio h2 {
  font-size: 27px;
}
.w360 #studio p,
.w320 #studio p {
  margin-bottom: 1.5em;
}
.w360 .gallery,
.w320 .gallery {
  margin-left: -2% !important;
  width: 102% !important;
}
.w360 .gallery li,
.w320 .gallery li {
  width: 31%;
  margin: 0 0 2% 2% !important;
}
.w360 .gallery li img,
.w320 .gallery li img {
  width: 94%;
}
.w360 #informacje,
.w320 #informacje {
  background-color: black;
}
.w360 #kontakt .mapa,
.w320 #kontakt .mapa {
  width: 94% !important;
}
.w360 #kontakt .mapa iframe,
.w320 #kontakt .mapa iframe {
  height: 200px;
}
.w360 #kontakt .text,
.w320 #kontakt .text {
  width: 100%;
  margin-bottom: 1em;
}
.w360 #kontakt .form,
.w320 #kontakt .form {
  width: 100%;
}
.w360 #kontakt .form input,
.w320 #kontakt .form input,
.w360 #kontakt .form textarea,
.w320 #kontakt .form textarea {
  width: 92.5%;
}
/* 320px */




.w980 #kontakt td {font-size: 16px !important;}
.w800 #kontakt td {font-size: 15px !important;}
.w768 #kontakt td {font-size: 13px !important;}

.w480 #kontakt td,
.w360 #kontakt td,
.w320 #kontakt td {font-size: 13px !important;}