@charset "utf-8";

body {
	background-color: #f8f8f8;
	text-align: center;
	font: normal 100% 'Muli', sans-serif;
  margin-bottom: 0px;
}

.bodyindex {
	background-color: #b8aba5;
	background-image: url(css/pixelbg.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	background-color: #fcfafb;
}

#bodyindextop {
	height: 900px;
    clear:both;
    	background-color: #b8aba5;
	background-image: url(css/pixelbg.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	background-color: #fcfafb;

}

#container {
	height: auto;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#container-home {
	height: auto;
	width: 1200px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#container-pg {
	height: auto;
	width: 1480px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}


#head {
	clear: both;
	width: 100%;
	margin: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 10px;
	float: left;
	text-align: center;
}

#menu {
	margin: 0px;
	width: 100%;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	float: left;
	clear: both;
	height: auto;
}

#logo {
	width: 100%;
	text-align: center;
	margin: 0px;
	clear: both;
	padding: 0px;
	float: left;
}

#logo-mob {
	display:none;
}
.frame {
	border: 1px solid #999;
}
#frame {
	background-color: #FFF;
	height: auto;
	width: auto;
	padding: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
}



#ind1 {
	height: auto;
	width: 360px;
	padding-top: 0px;
	padding-right: 160px;
	padding-left: 0px;
	padding-bottom: 100px;
	margin: 0px;
	float: left;
}

#ind2 {
	height: auto;
	width: 360px;
	padding-top: 120px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	margin: 0px;
	float: left;
}

#ind3 {
	height: auto;
	width: 360px;
	padding-top: 0px;
	padding-right: 160px;
	padding-left: 0px;
	padding-bottom: 100px;
	margin: 0px;
	float: left;
	clear: left;
}

#ind4 {
	height: auto;
	width: 360px;
	padding-top: 120px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	margin: 0px;
	float: left;
	text-align: left;
}

#content {
	clear: both;
	padding-bottom: 0px;
	padding-top: 30px;
}

.headl {
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	font-size: 3.8em;
	line-height: 1em;
	letter-spacing:0em;
	color: #fff;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	margin: 0px;
	text-shadow: 1px 1px 10px rgba(76, 61, 65, 0.5);
}

.a-headl {
	color: #fff;
}
a:hover.a-headl {
	color: #fff;
	text-shadow: 1px 1px 8px rgba(76, 61, 65, 0.8);
}


.headl2 {
	font-weight: 400;
	font-size: 2em;
	font-family: 'Muli', sans-serif;
	line-height: 1em;
	color: #fce8e8;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	margin: 0px;
}
.headl3 {
	font-weight: 400;
	font-size: 1.1em;
	font-family: 'Muli', sans-serif;
	line-height: 1em;
	color: #fff;
}

.ind {
	font-weight: 300;
	font-size: 1.1em;
	font-family: 'Muli', sans-serif;
	color: #fff;
	text-align: left;
}



#blok {
    clear: both;
    height: auto;
    width: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 180px;
    margin: 0px;
    float: left;
}

#blok-home-right {
    height: auto;
    width: 48%;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 80px;
    margin: 0px;
    margin-left: 0px;
    float: right;
}

#blok-home-left {
    height: auto;
    width: 48%;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 0px;
    padding-bottom: 80px;
    margin: 0px;
    margin-right: 0px;
    float: left;
    clear: both;
}



#blok-btn {
    clear: both;
    height: auto;
    width: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 120px;
    margin: 0px;
    float: left;
}

#blok-pg {
	clear: both;
	height: auto;
	width: 46%;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 60px;
	margin: 0px;
	float: left;
}

#blok-reference {
    clear: both;
    height: auto;
    width: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 80px;
    margin: 0px;
    float: left;
}

#foto-pg1 {
	height: auto;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	float: left;
	margin-right: 20px;
	margin-left: 0px;
}
#foto-pg2 {
	height: auto;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
}
#foto-pg3 {
	height: auto;
	width: auto;
	padding-bottom: 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: left;
}




#blok-sm {
	height: auto;
	width: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 40px;
	float: left;
	margin-right: 40px;
	margin-left: 0px;
	padding-right: 0px;
}

#blok-ref {
    height: auto;
    min-height: 300px;
    width: 280px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 20px;
    float: left;
    margin-right: 30px;
    margin-left: 0px;
    padding-right: 0px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}



#foto {
	width: 100%;
	max-width: 940px;
	max-height: auto;
	margin-right: 0px;
	margin-left: 0px;
	vertical-align: middle;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#foto-sm {
	width: 50%;
	max-width: 460px;
	max-height: auto;
	margin-left: 0px;
	vertical-align: middle;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
}


#blok-bottom {
	background-image: url(css/stin2.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 10px 0px;
	height: 20px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#blok-bottom-sm {
	background-image: url(css/stin2.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 10px 0px;
	height: 20px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}


#descr {

	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#descr-pg {
	height: auto;
	width: 100%;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}

#descr2-pg {
	height: auto;
	width: 50%;
	padding-left: 25%;
	padding-right: 25%;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}

#text {
	height: auto;
	width: 100%;
	max-width: 640px;
	margin: auto;
	padding: auto;
	text-align: justify;
	-moz-text-align-last: center;
    text-align-last: center;
}


#page {
	clear: both;
	height: 25px;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
	padding: 0px;
}
#page-pg-top {
	clear: both;
	height: 25px;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
}
#page-pg-bottom {
	clear: both;
	height: 25px;
	width: 100%;
	text-align: center;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 60px;
	padding-left: 0px;
}

#more-btn {
	clear: both;
	height: 25px;
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 60px;
	padding-left: 0px;
}

.home-footer-mobile {
  display: none;
}

#footer {
	clear: both;
	width: 100%;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0px;
	padding: 0px;
}

h2 {
	font-family: 'Muli', sans-serif;
	font-weight: 600;
	font-size: 1.3em;
	color: #444;
	margin-bottom: 6px;
	margin-top: 6px;
	text-transform: uppercase;
	text-align: center;
}
.h2-pg {
	font-size: 1.8em;
    line-height: 1.4em;
    font-weight: 400;
}

.h2-home {
	font-size: 1.1em;
    font-weight: 600;
}


h3 {
	font-family: 'Muli', sans-serif;
	font-weight: 600;
	font-size: 0.9em;
	color: #444;
	margin-bottom: 6px;
	margin-top: 0px;
	text-transform: uppercase;
}
h4 {
	font-family: 'Muli', sans-serif;
	font-weight: 600;
	font-size: 0.9em;
	color: #444;
	margin-bottom: 0px;
	margin-top: 0px;
	text-transform: uppercase;
}



.text-velky {
	font-family: 'Muli', sans-serif;
	font-weight: 300;
	font-size: 0.9em;
	color: #666;
	margin-bottom: 6px;
	margin-top: 0px;
	line-height: 1.4em;
}

.text-ref {
	font-family: 'Muli', sans-serif;
	font-weight: 300;
	font-size: 0.86em;
	text-align:justify;
	color: #666;
	margin-bottom: 6px;
	margin-top: 0px;
	line-height: 1.25em;
}



.link2 {
	font-family: 'Muli', sans-serif;
	font-weight: 600;
	font-size: 1.0em;
	color: #666;
	margin-bottom: 6px;
	margin-top: 0px;
	text-transform: uppercase;
}

.link3 {
	text-decoration-line: underline;
	text-decoration-color: #999

}


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

p {
	font-family: 'Muli', sans-serif;
	font-size: 0.86em;
	color: #666;
	line-height: 1.3em;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 300;
	letter-spacing: 0.05em;
}
.p-sm {
	font-size: 0.7em;
	color: #888;
	font-weight: 300;
}


img {
	max-width: 100%;
	box-sizing:border-box;
	height:auto;
}

img.more:hover {
  opacity: 0.90;
      transition: .2s ease;
}





ul {
	list-style-type: none;
	margin: 50 0 0 0;
	padding: 0px;
}
li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.menu {
	font-family: 'Muli', sans-serif;
	font-weight: 300;
	font-size: 1.16em;
	color: #222;
	font-variant: normal;
	text-decoration: none;
	margin-right: 2em;
	text-transform: uppercase;
}


.menu-stav {
	font-family: 'Muli', sans-serif;
	font-weight: 700;
	font-size: 1.16em;
	color: #222;
	font-variant: normal;
	text-decoration: none;
	margin-right: 2em;
	text-transform: uppercase;
}

.menu-index {
	font-family: 'Muli', sans-serif;
	font-weight: 300;
	font-size: 1.16em;
	color: #000;
	font-variant: normal;
	text-decoration: none;
	margin-right: 2em;
	text-transform: uppercase;
}



a:hover.menu {
	color: #7901E7;
	font-weight: 600;
}
a:hover.menu-index {
	font-weight: 600;
}

a:hover.headl2 {
	color: #fff;
}

a:hover.headl3 {
	color: #f8dddd;
}

.footer {
	font-family: 'Muli', sans-serif;
	font-size: 0.7em;
	color: #666;
	text-decoration: none;
}

.link {
	font-family: 'Muli', sans-serif;
	color: #666;
	text-decoration: none;
}

a:hover.link {
	color: #7901E7;
}
a:hover.link2 {
	color: #7901E7;
}



.openlink {
	padding-right: 6px;
}

.page {
	font-family: 'Muli', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #333;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.page-pg {
	font-family: 'Muli', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #333;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}


a:hover.page {
	color: #7901E7;
}

.page-current {
	font-family: 'Muli', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.gallery clearfix{
	width: 100%;
	}


.h_iframe        {position:relative; padding-top: 56%;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

.tajpej-hamburger {
	display: none !important;
	opacity: 1 !important;
	position: absolute;
	right: 40px;
	top: 28px;
}

.tajpej-hamburger:focus {
	outline: none;
}

.tajpej-hamburger-inner {
	height: 3px !important;
}

.tajpej-hamburger-inner::after {
	height: 3px !important;
}

.tajpej-hamburger-inner::before {
	height: 3px !important;
}

.index-main-text {
	font-size: 93px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	color:white;
	line-height: 93px;
}

.index-thin-text {
	font-weight: 200;
}

.index-desc-holder {
	text-align: center;
	width: 50%;
	margin: 25px auto 0px auto;
}

.index-content-holder {
	clear: both;
	padding-top: 30px;
}

.index-button {
	padding: 10px 20px;
	background-color: #e9eae9;
	width: 210px;
	height: 38px;
	border-radius: 3px;
	cursor: pointer;
	margin: 50px auto 80px auto;
}

.index-button:hover {
	background-color: white;
}

.pg2-button {
	padding: 10px 20px;
	background-color: #333;
	width: 210px;
	height: 38px;
	border-radius: 3px;
	cursor: pointer;
	margin: 20px auto 50px auto;
}

.pg2-button:hover {
    background-color: #7901E7;
}

.pg2-button-white {
  background-color: white;
}

.pg2-button-white:hover {
    background-color: #7901E7;
}

.pg-button {
	padding: 10px 20px;
	background-color: white;
	width: 210px;
	height: 38px;
	border-radius: 3px;
	cursor: pointer;
	margin: 30px auto 50px auto;
}

.pg-button:hover {
	background-color: #e9eae9;
}

.home-button {
	padding: 12px 12px;
	background-color: white;
	width: 140px;
	height: 14px;
	border-radius: 3px;
	cursor: pointer;
	margin: 8px auto 8px auto;
}
.home-button:hover {
	background-color: #e9eae9;
}


.more-button {
	padding: 10px 20px;
	background-color: white;
	width: 160px;
	height: 26px;
	border-radius: 3px;
	cursor: pointer;
	margin: 15px auto 50px auto;
}

.more-button:hover {
	background-color: #e9eae9;
}

.index-button-text {
	color: #1d1d1b;
	font-size: 22px;
	line-height: 22px;
	margin-top: 10px;
}

.more-button-text {
	color: #1d1d1b;
	font-size: 20px;
	line-height: 20px;
	margin-top: 3px;
}

.pg-button-text {
	color: #1d1d1b;
	font-size: 22px;
	line-height: 22px;
	margin-top: 10px;
}

.home-button-text {
	color: #1d1d1b;
	font-size: 15px;
	line-height: 16px;
    padding-bottom: 4px;
}


.pg2-button-text {
	color: #fff;
	font-size: 24px;
	line-height: 22px;
	margin-top: 10px;
}



.menu-holder {
	display: block;
	transition: all 3s linear;
}

.gap {
	margin-bottom: 20px;
}

.home-spoluprace-text {
  width: 54%;
  margin: 0 auto 30px auto;
  text-align: justify;
  text-align-last: center;
}

.my-slider-progress {
  background: #ffffff;
  width: 35%;
  margin: 35px auto 0 auto;
}

.my-slider-progress-bar {
  background: #838383;
  height: 2px;
  transition: margin 400ms ease;
}

#homeSplide {
  max-width: 1010px;
  margin: 0 auto 50px auto;

}

#homeSplide img{width:1010px;height:550px;object-fit:cover;display:block}
@media (max-width:1010px){
  #homeSplide .splide__list, #homeSplide img { width:100%; height:calc(100vw*(550/1010)); }
}

#stin-slider {
	background-image: url(css/stin2.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 10px 0px;
	height: 20px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
}


@media screen and (max-width: 1480px) {
#foto-pg1 {
	width: 49%;
	padding-bottom: 20px;
	margin-right: 2%;
}

#foto-pg2 {
	width: 49%;
	padding-bottom: 20px;
}

#container-pg {
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}
#container-home {
   width: 94%;
   padding-right: 3%;
   padding-left: 3%;
}



}



@media screen and (max-width: 980px) {

#container-home {
   width: 94%;
   padding-right: 3%;
   padding-left: 3%;
}

.home-spoluprace-text {
  width: 100%;
}


#container {
   width: 94%;
   padding-right: 3%;
   padding-left: 3%;
}

#blok-home-left {
	width: 100%;
	padding-bottom: 80px;
}

#blok-home-right {
	width: 100%;
	padding-bottom: 80px;
}

#blok {
	width: 100%;
	padding-bottom: 80px;
}

#blok-btn {
	width: 100%;
	padding-bottom: 50px;
}

#blok-pg {
	width: 100%;
	padding-bottom: 40px;

}

#blok-reference {
	padding-bottom: 80px;
	text-align: center;
	padding-left: 25px;
}


#blok-ref {
	width: 40%;
	margin-right: 0px;
	margin-left: 30px;
}

#blok-sm {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	float: center;
}

#blok-bottom-sm {
	max-width: 420px;
	margin-right: auto;
	margin-left: auto;
}

#foto-pg1 {
	width: 100%;
	padding-bottom: 20px;
	margin-right: 0;
}

#foto-pg2 {
	width: 100%;
	padding-bottom: 20px;
}

#frame {
	width: auto;
	padding: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
}


#ind1 {
	width: 240px;
	padding-right: 20px;
	padding-left: 80px;
	padding-top: 0px;
	padding-bottom: 100px;
}

#ind2 {
	width: 240px;
	padding-left: 80px;
	padding-top: 0px;
	padding-bottom: 20px;
}

#ind3 {
	width: 240px;
	padding-right: 20px;
	padding-left: 80px;
	padding-top: 0px;
	padding-bottom: 100px;
}

#ind4 {
	width: 240px;
	padding-left: 80px;
	padding-top: 0px;
	padding-bottom: 20px;
}

	#descr2-pg {
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
}


.bodyindex {
	background-image: url(css/pixelbg980.jpg);
}

.headl {
	font-weight: 300;
	font-size: 3em;
	line-height: 1em;
	padding-bottom: 20px;
	margin: 0px;
}

.headl2 {
	font-size: 1.6em;
	line-height: 1em;
	padding-bottom: 20px;
}

.ind {
	font-size: 1em;
}
.menu {
	font-size: 1.1em;
	margin-right: 25px;
}

.menu-index {
	font-size: 1.1em;
	margin-right: 25px;
}

.menu-stav {
	font-size: 1.1em;
	margin-right: 25px;
}

.home-footer-mobile {
  display: unset;
}

.home-footer-desktop {
  display: none;
}


}
@media screen and (max-width: 760px) {
	.tajpej-hamburger {
		display: block !important;
		float: right;
	}

	#head {
	padding-top: 25px;
	}


	.menu-holder {
		display: none;

	}

	.menu-item {
		margin-bottom: 10px;
	}

	#menu {
		text-align: center;
		padding-left: 20%;
		padding-right: 20%;
		width: 60%;
	}
	.index-desc-holder {
		width: 80%;
	}

	#descr2-pg {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}

}


@media screen and (max-width: 680px) {

#container {
   width: 94%;
   padding-right: 3%;
   padding-left: 3%;
}

#blok {
	width: 100%;
	padding-bottom: 80px;
}

#blok-btn {
	width: 100%;
	padding-bottom: 50px;
}

#blok-pg {
	width: 100%;
	padding-bottom: 20px;
}

#blok-reference {
    padding-left: 0px;
}

#blok-ref {
    width: 100%;
	min-height: auto;
	float: center;
    margin-left: 0px;
}

#foto-pg1 {
	padding-bottom: 30px;
}

#foto-pg2 {
	padding-bottom: 30px;
}

#frame {
	padding-left: 10px;
	padding-right: 10px;
}



#ind1 {
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 0px;
	padding-bottom: 50px;
}

#ind2 {
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 0px;
	padding-bottom: 50px;
}

#ind3 {
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 0px;
	padding-bottom: 50px;
}

#ind4 {
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 40px;
	padding-bottom: 100px;
}

.menu {
	font-size: 1.1em;
	margin-right: 1.3em;
}


.menu-index {
	font-size: 1.1em;
	margin-right: 1.3em;
}

.menu-stav {
	font-size: 1.1em;
	margin-right: 1.3em;
}

	}




@media screen and (max-width: 540px) {


	.index-main-text {
		font-size: 62px;
		line-height: 62px;
	}

#container {
   width: 94%;
   padding-right: 3%;
   padding-left: 3%;
}

#container-pg {
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
}



#frame {
	padding-left: 0px;
	padding-right: 0px;
}

#foto-pg1 {
	padding-bottom: 20px;
}

#foto-pg2 {
	padding-bottom: 20px;
}


#blok {
	padding-bottom: 80px;
}

#blok-btn {
	padding-bottom: 80px;
}

#more-btn{
	display: none;
}



#logo-mob {
	display:inline-block;
	max-width: 30%;
	min-width:15%;
	margin-right: 50%;

}

#logo {
	display: none;
}




li {
	display: block;
	margin-bottom: 20px;
}

.menu-item {
	margin-bottom: 20px;
}


.menu {
	font-size: 1.26em;
	margin-right: 0px;
}

.menu-index {
	font-size: 1.26em;
	margin-right: 0px;
}


.menu-stav {
	font-size: 1.26em;
	margin-right: 0px;
}


h2 {
	margin-bottom: 10px;
}

p {
	font-size: 0.8em;
}

.text-ref {
	font-size: 0.9em;
	line-height: 1.3em;
}


		}




@media screen and (max-width: 320px) {

	.index-desc-holder {
		width: 100%;
	}

#container {
   width: 94%;
   padding-right: 3%;
   padding-left: 3%;
}

#blok {
	padding-bottom: 80px;
}

#blok-btn {
	padding-bottom: 50px;
}


#logo-mob {
	display:inline-block;
	max-width: 50%;
	min-width:25%;
}

#logo {
	display: none;
}


li {
	display: block;
	margin-bottom: 20px;
}

.menu {
	margin-right: 0px;
}

.menu-index {
	margin-right: 0px;
}

.menu-stav {
	margin-right: 0px;
}

h2 {
	margin-bottom: 20px;
}

p {
	font-size: 0.8em;
}
		}