@font-face {
    font-family: 'montserrat';
    src: url('montserrat-v14-latin-ext-regular.woff2') format('woff2'),
         url('montserrat-v14-latin-ext-regular.woff') format('woff'),
		 url('montserrat-v14-latin-ext-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('montserrat-v14-latin-ext-700.woff2') format('woff2'),
         url('montserrat-v14-latin-ext-700.woff') format('woff'),
		 url('montserrat-v14-latin-ext-700.ttf') format('truetype');
    font-weight: bold;
    font-style: bold;
}

* {
	font-family: 'montserrat';
}

a {
	text-decoration: none;
}

html {
	//overflow-x: hidden;
	//scroll-behavior: smooth;
}

body {
	//overflow-x: hidden;
	transition: transform 0.5s linear;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	//z-index: 10;
	//background-color: grey;
	//position: relative;
	margin: 0;
}

body.unscroll {
	overflow-y: hidden;
}

#page {
}

#menu.visible {
	//display: block;
	opacity: 1;
	pointer-events: inherit;
}

#menu {
	opacity: 0;
	pointer-events: none;
	//display: none;
	position: absolute;
	top: 0;
	//left: 100%;
	width: 100%;
	//height: 100%;
	height: max(100%, 100vh);
	background-color: #F1828D;
    z-index: 1;
	transition: opacity 0.8s ease-in;
}

#menu h2 {
	display: table;
	margin: 0 0 15px 0;
    //margin-left: auto;
	margin-left: 400px;
    //margin-right: 0;
	margin-right: auto;
	font-size: 50px;
	line-height: 72px;
	//font-weight: bold;
	//text-align: right;
	color: #FFFFFF;
	letter-spacing: 0;
    //background-repeat: repeat-x;
    //background-position-x: right;
    //background-position-y: bottom;
	//padding-left: 60px;
	transition: opacity 0.25s ease-in-out;
}

#menu h2:hover {
	//background-image: url("/static/menu-obdelnik.svg");
	opacity: 0.5;
}

#menu main {
	//margin-top: calc(50vh - 260px);
	position: absolute;
	top: calc(50vh - 253px);
}

#menu .content {
	max-width: inherit;
	position: sticky;
	top: 0;
}

#menu header .hamburger {
	margin-right: 46px;
	margin-top: 38px;
}

#menu a {
	cursor: pointer;
}

#menu .inline {
	margin-top: 120px;
	text-align: left;
	margin-left: 400px;
}

#menu .inline div {
	display: inline-block;
	margin-right: 140px;
}

#menu .inline h4 {
	color: white;
	margin: 0;
}

.transition {
    transform: translate(-100%);
}

.content {
	max-width: 1495px;
	margin: auto;
	text-align: center;
}

header {
	//padding-top: 40px;
	font-weight: bold;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
    z-index: 1;
	//max-width: 1084px;
	max-width: 1600px;
    margin: auto;
}

header .logo {
	margin-left: 40px;
	float: left;
	cursor: pointer;
	margin-top: 40px;
}

header .hamburger {
	margin-right: 40px;
	float: right;
	transition: transform 0.5s linear;
	cursor: pointer;
	margin-top: 40px;
}

header .hamburger:hover {
	//transform: rotate(180deg);
	opacity: 0.5;
}

#menu header .hamburger:hover {
	transform: rotate(180deg);
	opacity: 1;
}

#content {
	max-width: 1084px;
	margin: auto;
	text-align: center;
}

#content .div2 {
	width: 420px;
	display: inline-block;
	padding-top: 70px;
	//float: left;
}

#content .div1 {
	display: inline-block;
	width: 490px;
	vertical-align: top;
}

#first {
	background-image: url("/static/homepage.jpg");	
	height: 100vh;
	background-size: cover;
    background-position: center;
	position: relative;
}

#first .block {
	padding-top: calc(50vh - 280px);
	max-width: 1600px;
	margin: auto;
	padding-left: 80px;
}

#first #down {
	position: absolute;
	bottom: 40px;
	left: calc(50% - 15px);
	transition: transform 0.25s linear, opacity 0.25s ease-in-out;
}

#first #down:hover {
	opacity: 0.5;
	transform: translate(0, 6px);
}

#first .text {
	font-size: 18px;
	line-height: 29px;
	color: #FFFFFF;
	width: 650px;
	margin-bottom: 90px;
}

#first h4 {
	margin-left: 0;
	margin-bottom: 10px;
}

#o-nas {
	padding-top: 130px;
}

#o-nas .inline1 {
	display: inline-block;
	//float: left;
	width: 420px;
	vertical-align: middle;
	text-align: left;
    margin-right: 230px;
}

#o-nas .inline2 {
	display: inline-block;
	//float: right;
	vertical-align: middle;
}


#o-nas .inline2 img {
	width: 424px;
}

#o-nas h2 {
	margin-bottom: 110px;
}

#o-nas .h4 {
	margin-bottom: 80px;
}

#o-nas .block {
	text-align: left;
}

.href {
	transition: opacity 0.25s ease-in-out;
}

.href:hover {
	opacity: 0.5;
}

.href a {
	font-size: 14px;
	color: #F1828D;
	font-weight: bold;
	vertical-align: middle;
}

.href img {
	vertical-align: middle;
	margin-right:  10px;
}

#nas-tym {
	margin-top: 200px;
    padding-top: 130px;
}

#nas-tym .h4 {
	width: 600px;
    margin: auto;
	margin-bottom: 100px;
}

.block .right {
	float: right;
	margin-left: 100px;
}

.block .left {
	float: left;
}

.topmargin {
	margin-top: 220px;
}

.topmargin2 {
	//margin-top: 640px;
	
}

#nase-ostruvky {
	margin-top: 200px;
	padding-top: 130px;
}

#nase-ostruvky .h4 {
	width: 600px;
	margin: auto;
}

.topmargin3 {
	margin-top: 80px;
}

.center {
	text-align: center;
	margin: auto;
}

.heart {
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -40%);
}

#content .div2 .photo {
	width: 100%;
}

h1 {
	font-size: 80px;
	color: #FFFFFF;
	margin: 0;
	line-height: 88px;
	margin-bottom: 65px;
	text-align: left;
}

h2 {
	font-size: 58px;
	color: #3D3D3D;
	margin: 0;
	//line-height: 52px;
	line-height: 72px;
	margin-bottom: 65px;
	//text-align: left;
}

h3 {
	font-size: 30px;
	color: #3D3D3D;
	margin: 0;
	line-height: 45px;
	margin-bottom: 50px;
}


h4 {
	font-size: 15px;
	line-height: 26px;
	color: #8D8D8D;
	font-weight: normal;
	//margin-left: 50px;
	margin-bottom: 24px;
	//text-align: left;
}

button {
	//margin-left: 50px;
    padding: 24px 68px 24px 68px;
	//padding: 13px 48px 13px 48px;
	border-radius: 8px;
	font: 14px montserrat;
	font-weight: bold;
	color: white;
	background-color: #F1828D;
	cursor: pointer;
	border: 1px solid #F1828D;
	float: left;
}

button:hover {
	color: #FFFFFF;
	background-color: inherit;
	border: 1px solid #FFFFFF;
}

.button2 {
}

.button2:hover {
	color: #F1828D;
	//background-color: white;
	border: 1px solid #F1828D;
}

.button {
	margin-left: 30px;
	//padding: 13px 48px 13px 48px;
	font: 14px montserrat;
	font-weight: bold;
	color: #FFFFFF;
	//background-color: white;
	background-color: inherit;
	cursor: pointer;
	border: 1px solid #FFFFFF;
	float: left;
}

.button:hover {
	color: white;
	background-color: #F1828D;
	border: 0;
	padding: 25px 69px 25px 69px;
}

.absolute {
	position: absolute;
	right: 90px;
}

.div3 {
	//width: 700px;
}

.leftmargin {
	margin-left: 40px;
}

.rect {
	background-color: #F1828D;
	width: 502px;
	height: 300px;
	opacity: 0.38;
	position: absolute;
    right: -90px;
    bottom: 0;
	margin-bottom: 5px;
    z-index: -1;
}

.img1 {
	position: absolute;
    bottom: -50px;
    right: -90px;
}

.islands {
	//position: relative;
	margin-top: 120px;
}

.island {
	//width: 400px;
	//display: inline-block;
	//height: 500px;
	//overflow: hidden;
	//height: 505px;
	margin-bottom: 28px;
	//cursor: pointer;
	//opacity: 1;
	//transition: transform 0.5s linear, opacity 0.5s linear;
	box-shadow: 0px 3px 6px #00000017;
	border-radius: 8px;
	text-align: left;
}

.island img {
	border-radius: 8px 0 0 8px;
}

.island .info {
	vertical-align: middle;
    width: calc(100% - 400px - 410px);
    margin-left: 80px;
}

.island .info div {
	color: #3D3D3D;
    font-weight: bold;
}

.island .info h4 {
	margin: 0 0 8px 0;
}

.island img, .island div, .island a {
	display: inline-block;
	vertical-align: middle;
}

.islands .left {
	margin-right: 90px;
}

.islands .right {
	margin-left: 90px;
}


.island img {
	width: 400px;
	//margin-bottom: calc(100% - 440px);
}

.island h2 {
	color: white;
	text-align: center;
	font: Bold 28px/40px Montserrat;
	position: absolute;
	bottom: 68px;
	width: 100%;
	margin: 0;
}

.island .smaller {
	font: Bold 24px/36px Montserrat;

}

.island h3 {
	color: white;
	text-align: center;
	font: Regular 16px/22px Montserrat;
	position: absolute;
	bottom: 108px;
	width: 100%;
	margin: 0;
}

.island .arrow {
	height: 12px;
	position: absolute;
	bottom: 38px;
	left: 0;
}

.island .reverse {
	transform: matrix(-1, 0, 0, -1, 0, 0);
}

.island .top {
	transform: matrix(0, -1, 1, 0, 0, 0);
}

.island .overlay {
	position: relative;
	background-color: rgba(241, 130, 141, 0.47);
	height: 200px;
	bottom: 204px;
	width: 400px;
	transition: height 0.3s ease-out, bottom 0.3s ease-out;
}

.island:hover .overlay, .island.hover .overlay {
	height: 505px;
    bottom: 509px
}

.desc {
	width: 490px;
	display: none;
	vertical-align: top;
	height: 505px;
	opacity: 1;
	transition: opacity 0.5s linear, transform 0.5s linear, z-index 0.5s linear;
	position: relative;
	z-index: 0;
}

.desc.active {
	display: inline-block;
}

.desc.fade-in1 {
	opacity: 0;
	transform: translate(-100%, 0);
	z-index: -1000;
}

.desc.fade-in2 {
	opacity: 0;
	transform: translate(100%, 0);
	z-index: -1000;
}

.island.fade-out {
	display: none;
}

.island.fade-out1 {
	opacity: 0;
	transform: translate(120%, 0);
}

.island.fade-out2 {
	opacity: 0;
	transform: translate(-120%, 0);
}

.desc h2 {
	margin-top: 120px;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #8D8D8D;
	margin-bottom: 0;
}

.desc h1 {
	color: #F1828D;
	font: Bold 30px/40px Montserrat;
	margin-bottom: 20px;
}

.desc h3 {
	margin: 0;
	font-size: 14px;
}

.desc img, .desc2 img {
	cursor: pointer;
	transition: transform 0.5s linear;
}

.desc img:hover, .desc2 img:hover {
	transform: rotate(180deg);
}

#desc1 img, #desc3 img, #desc5 img {
	float: right;
}

#desc2 img, #desc4 img, #desc6 img {
	float: left;
}

.islands .big {
	width: 984px;
	position: relative;
}

.islands .big img {
	width: 984px;
}

.islands .big .overlay {
	width: 984px;
}

.big:hover .overlay {
	height: 485px;
    bottom: 489px;
}

.desc2 {
	position: relative;
	display: none;
	width: 920px;
	vertical-align: top;
	height: 505px;
	bottom: 505px;
	opacity: 1;
	transition: opacity 0.5s linear, transform 0.5s linear, z-index 0.5s linear;
    padding-left: 64px;
	
}

.desc2 h2 {
	text-align: left;
	font: Normal 20px/40px Montserrat;
	color: #8D8D8D;
	top: 60px;
    bottom: initial;
	position: absolute;
}

.desc2 h1 {
	text-align: left;
	font: Bold 30px/40px Montserrat;
	color: #F1828D;
    bottom: initial;
	top: 100px;
	position: absolute;
}

.desc2 h3 {
	text-align: left;
	font: Normal 14px/23px Montserrat;
	color: #8D8D8D;
	bottom: initial;
	top: 180px;
	position: absolute;
	width: 490px;
}

.desc2 a {
	position: absolute;
	top: 350px;
	left: 64px;
}

.desc2 button {
	margin: 0;
	padding-left: 65px;
	padding-right: 65px;
}

.big .desc2 img {
    width: 24px;
	position: absolute;
	right: 14px;
	top: 18px;
}

#lfdesc {
	transition: opacity 0.5s linear;
	opacity: 0;
	position: absolute;
	top: 0;
	background-color: white;
    height: 487px;
	//border: 1px solid;
	pointer-events: none;
	display: block;
	//z-index: -1;
}

#lfdesc.active {
    pointer-events: initial;
	//z-index: 1000;
}

#lfdesc.fade-out {
	opacity: 1;
}

#team .person {
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 52px;
	text-align: left;
}

#team .person h2 {
	font: Bold 20px/25px Montserrat;
	color: #3D3D3D;
	margin: 0;
}

#team .person h3 {
	font: Normal 14px/17px Montserrat;
	color: #8D8D8D;
	margin: 0;
	margin-top: 10px;
}

#team .person img {
	width: 250px;
	margin-bottom: 30px;
	box-shadow: 0px 8px 16px #00000029;
	border-radius: 8px;
}

#team .person .padding {
	height: 16px;
}

#team .person h3.number {
	color: #F1828D;
}

footer {
	//height: 360px;
	height: 220px;
	background-color: #F1828D;
	position: relative;
	color: white;
}

.footer {
	//position: absolute;
	//bottom: 32px;
	width: 1084px;
	//left: calc(50% - 492px);
	margin: 0 auto;
	padding-top: 100px;
}

footer #design {
	font-size: 14px;
    //opacity: 0.8;
	float: right;
    margin-top: 44px;
}

footer #copyright {
	float: left;
	font-size: 12px;
    opacity: 0.8;
}

footer hr {
	margin-bottom: 24px;
	color: white;
    opacity: 0.8;
	border-top: 1px solid white;
	border-bottom: 0;
}

footer a {
	color: white;
}

footer .item {
	display: inline-block;
	//width: 220px;
	//margin-right: 100px;
	//margin-bottom: 18px;
}

footer h2, footer h3 {
	font: normal 14px/20px Montserrat;
	color: #FFFFFF;
	margin: 0;
	margin-bottom: 2px;
}

footer h3 {
	font-weight: normal;
}

#kontakt {
	//margin-top: 150px;
	margin-top: 150px;
	padding-top: 130px;
	//margin-bottom: 290px;
	margin-bottom: 410px;
	text-align: left;
}

#kontakt .block div {
	display: inline-block;
	margin-right: 88px;
	vertical-align: middle;
}

#kontakt .block .last {
	margin-right: 0;
}

#kontakt .block .info {
	font-size: 15px;
	font-weight: bold;
	color: #3D3D3D;
}

#kontakt .block h4 {
	margin: 0 0 10px 0;
	font-size: 14px;
}


#kontakt h2 {
	margin-bottom: 60px;
}

#form, #formm {
	//width: calc(984px + 64px - 100px);
	width: 984px;
	//left: calc(50% - 492px - 32px);
	left: calc(50% - 492px - 50px);
	//height: 400px;
	position: absolute;
	//bottom: 200px;
	bottom: 180px;
	z-index: 1;
	background-color: white;
	box-shadow: 0px 20px 16px #00000014;
	padding: 50px;
}

#form .item, #formm .item {
	display: inline-block;
	margin-right: 126px;
}

#form .item div, #formm .item div {
	display: inline-block;
	vertical-align: middle;
}

#form .item img, #formm .item img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
}

#form h2, #formm h2 {
	font: Bold 16px/19px Montserrat;
	color: #3D3D3D;
	margin: 0;
}

#form h3, #formm h3 {
	font: Normal 12px/19px Montserrat;
	color: #8D8D8D;
	margin: 0;
}

#form #body, #formm #bodym {
	//margin-top: 64px;
}

#form #side, #formm #sidem {
	display: inline-block;
	width: 320px;
	vertical-align: top;
}

#form #side input, #formm #sidem input {
    width: calc(100% - 42px);
	height: 55px;
	margin-bottom: 21px;
	background-color: #F8F8F8;
	border: 1px solid #E8E8E8;
	padding-left: 20px;
	padding-right: 20px;
}

#form #side button, #formm #sidem button {
    width: 100%;
	margin: 0;
	height: 55px;
	border-radius: 0;
	padding: inherit;
}

#form textarea, #formm textarea {
    width: calc(100% - 386px);
	margin-right: 16px;
	height: 250px;
	resize: none;
	background-color: #F8F8F8;
	border: 1px solid #E8E8E8;
	padding: 20px;
}

#detail {
	padding-top: 150px;
	text-align: left;
}

#detail .inline .h4 {
	width: 500px;
	margin-bottom: 60px;
}

#detail .inline div {
	display: inline-block;
}

#detail .inline .text {
	padding-bottom: 30px;
}

#detail .inline .img {
	vertical-align: bottom;
	//margin-left: 140px;
	margin-left: 106px;
}

#detail .inline .infom {
	font-weight: bold;
	color: #F1828D;
	margin-bottom: 16px;
	display: none;
}

#detail .inline .info, #detail .inline .info2 {
	font-weight: bold;
	color: #F1828D;
	margin-bottom: 16px;
}

#detail .inline .info img, #detail .inline .info2 img {
	margin-right: 30px;
}

#detail .blocks {
	margin-top: 120px;
}

#detail .blocks #block1 {
	margin-right: 36px;
}

#detail .blocks .block {
	border-radius: 8px;
	background-color: #F1828D;
	padding: 80px 50px 50px 50px;
	text-align: center;
	width: 420px;
	display: inline-block;
	box-shadow: 0px 3px 6px #00000017;
}

#detail .blocks h4 {
	font-weight: bold;
}

#detail .blocks .parent {
	margin-top: 60px;
}

#detail .blocks .block .info {
	font-size: 20px;
	color: white;
	font-weight: bold;
	margin: 36px 0 40px 0;
}

#detail .blocks .block .text {
	color: white;
	line-height: 29px;
}

#detail .overview {
	margin-top: 100px;
}

#detail .overview h4 {
	font-weight: bold;
}

#detail .overview .parent {
    margin-top: 60px;
	width: 1200px;
}

/*#detail .overview .parent div {
	display: inline-block;
}*/

/*#detail .overview .parent .block {
	vertical-align: middle;
	border-radius: 8px;
	//box-shadow: 0px 3px 16px #00000017;
	width: 280px;
	height: 280px;
	//margin-right: 36px;
}*/

#detail .overview .parent .arrow {
	vertical-align: middle;
	margin-left: -80px;
}

#detail .overview .parent .arrow2 {
	vertical-align: middle;
	transform: rotate(180deg);
	margin-left: 10px;
}

#detail .overview .parent .block img {
	width: 100%;
	margin-left: -20px;
	cursor: pointer;
}

.glide li {
	vertical-align: middle;
	border-radius: 8px;
	//width: 280px !important;
	//height: 280px !important;
}

#detail .overview .parent #last {
	margin-right: 0px;
}

#detail .end {
	margin-top: 200px;
	margin-bottom: 50px;
	text-align: center;
}

#detail .end .href img {
	transform: rotate(180deg);
}

#detail .icon {
	vertical-align: middle;
	margin-right: 40px;
}

.pinkbold {
	color: #F1828D;
	font-weight: bold;
}

#first .text2 {
	display: none;
}

#formm {
	display: none;
}

footer .link {
	display: none;
}

#menu .inline .last {
	margin-right: 0;
}

#detail .lf br {
	display: none;
}

#canvas {
	position: -webkit-sticky;
	position: sticky;
    //height: 100%;
    //width: 100%;
	height: 100vh;
	width: 100vw;
    top: 0;
    background-color: white;
    z-index: 2;
    text-align: center;
}

#canvas img {
	//max-width: 100vw;
	max-width: 100%;
    max-height: 100vh;
	//margin: auto;
    //position: sticky;
    //top: 0;
	//margin: 50px;
}

#island1div {
	overflow-x: hidden;
}

@media only screen and (min-width: 1001px) and (max-height: 800px) {
	h1 {
		font-size: 64px;
		line-height: 72px;
		margin-bottom: 40px;
	}

	#first .text {
		font-size: 16px;
		margin-bottom: 50px;
	}

	#first .block {
		padding-top: calc(50vh - 230px);
	}

	h2 {
		font-size: 50px;
		line-height: 64px;
		margin-bottom: 80px;
	}

	#o-nas .inline2 img {
		width: 380px;
	}

	#menu h2 {
		margin-left: 200px;
	}

	#menu .inline {
		margin-left: 200px;
	}
}

@media only screen and (max-width: 1270px) and (min-width: 1001px) {
	#o-nas .block {
		text-align: center;
	}

	#o-nas .inline1 {
		margin-right: 80px;
	}

	.island {
		margin: 0 40px 28px 40px;
	}

	.island img {
		width: 300px;
	}

	.island .info {
		width: calc(100% - 400px - 410px + 100px);
	}

	#kontakt {
		margin-left: 40px;
	}

	#kontakt .block div {
		margin-right: 56px;
	}

	#form {
		width: 840px;
		left: calc(50% - 492px + 30px);
	}

	.footer {
		width: 950px;
	}

	#menu .inline div {
		//display: block;
		margin-right: 100px;
	}
	
	#menu h2 {
	    margin-left: 200px;
	}

	#menu .inline {
		margin-left: 200px;
	}

	#detail .inline .text {
		margin-left: 40px;
	}

	#detail .inline .img {
		margin-left: 50px;
	}

	#detail .inline .img img {
		width: 380px;
	}

	#detail .blocks {
		text-align: center;
	}

	#detail .blocks .block {
		padding: 60px 30px 30px 30px;
		width: 380px;
	}

	#detail .overview {
		text-align: center;
		//margin-left: 40px;
	}

	#detail .overview .parent div {
		width: 200px;
		height: 200px;
	}

	#detail .tab {
		margin-left: 40px;
	}

	#detail button {
		margin-left: 40px;
	}

	#detail .bistro {
		margin-left: 38px !important;
	}

	#detail .bistro img {
		width: 360px !important;
	}
}

@media only screen and (max-width: 1000px) {
	header .logo, #menu header .logo {
		margin-top: 25px;
    	margin-left: 25px;
	}

	header .hamburger  {
		margin-top: 25px;
    	margin-right: 25px;
	}

	#menu header .hamburger {
		margin-top: 22px;
    	margin-right: 32px;

	}

 	h1 {
		font-size: 34px;
	    line-height: 41px;
		text-align: center;
		margin-left: 0;
		margin-bottom: 0;
	}

	#content .div1 {
		height: calc(100vh - 160px);
		width: auto !important;
	}

	#content .div1 button {
		margin-left: 40px;
	}

	.leftmargin {
		margin-left: 0;
	}

	#nase-ostruvky h3 {
		width: auto !important;
		margin-left: 20px;
		margin-right: 20px;
	}

	#nas-tym h3 {
		width: auto !important;
		margin-left: 20px;
		margin-right: 20px;
	}

	#content .div2 {
		/*width: 70%;
		max-width: 400px;
		display: block;
		margin: 0 auto;*/
		display: none;
	}
	
	h4 {
		font-size: 14px;
		line-height: 29px;
		//margin-left: 35px;
		//margin-right: 25px;
		//margin-bottom: 30px;
	}

	h3 {
		font-size: 20px;
		line-height: 29px;
	}

	h2 {
		font-size: 32px;
		margin-left: 0;
		padding: 0 40px 0 40px;
		line-height: 41px;
	}

	.button {
		display: none;
	}

	button {
		float: inherit;
		font: 12px montserrat;
		font-weight: bold;
		padding: 24px 56px 24px 56px;
	}

	.block .right {
		float: initial;
		margin: auto;
	    width: 100%;
	}

	#first {
		background-position: 67% 50%;
	}

	#first .block {
		padding-top: calc(50vh - 200px);
		text-align: center;
		padding-left: 0;
	}

	#first .text {
		display: none;
	}

	#first .text2 {
		color: white;
		display: block;
		font-size: 16px;
		line-height: 29px;
		width: auto;
		padding: 40px 0 70px 0;
		width: 280px;
		margin: 0 auto;
	}

	#first #down {
		display: none;
	}

	#o-nas {
		padding-top: 100px;
	}

	#o-nas h4 {
		margin-bottom: 8px;
	}

	#o-nas h2 {
		margin-bottom: 80px;
	}

	#o-nas h3 {
		text-align: center;
	}

	#o-nas .inline1 {
		width: auto;
		margin-right: 0;
		padding: 0 30px 0 30px;
		text-align: center;
	}

	#o-nas .inline2 {
		display: none;
	}

	#o-nas .h4 {
		margin-bottom: 50px;
	}

	.href img {
		display: none;
	}

	#nase-ostruvky {
		margin-top: 50px;
	}

	#nase-ostruvky h4 {
		margin-bottom: 8px;
	}

	#nase-ostruvky .h4 {
		width: auto;
		text-align: center;
		padding: 0 30px 0 30px;
	}

	#nase-ostruvky .islands {
		margin-top: 60px;
	}

	#nas-tym {
		margin-top: 50px;
	}

	#nas-tym h4 {
		margin-bottom: 8px;
	}

	#nas-tym .h4 {
		width: auto;
		padding: 0 30px 0 30px;
		margin-bottom: 60px;
	}

	#team .person {
		text-align: center;
	}

	.island {
		//width: 280px;
		width: calc(100% - 80px);
		//height: 354px;
		margin: 0 40px 0 40px;
		padding-bottom: 40px;
		text-align: center;
		margin-bottom: 40px;
	}

	.island img {
    	//width: 280px;
		width: 100%;
		border-radius: 8px 8px 0 0;
	}

	.island .info {
		display: block;
		text-align: center;
    	margin-left: 0;
		width: auto;
	}

	#nase-ostruvky .island .info h4 {
		margin-top: 20px;
		margin-bottom: 0;
		font-size: 12px;
	}

	.island .info div {
		font-size: 14px;
		margin-bottom: 34px;
	}

	.island .overlay {
	    height: 160px;
    	bottom: 163px;
    	width: 280px
	}

	.island:hover .overlay, .island.hover .overlay {
    	height: 354px;
	    bottom: 358px;
	}

	.islands .left {
    	margin-right: 0;
	}
	
	.islands .right {
    	margin-left: 0;
	}

	.island h2 {
		font-size: 20px;
	}

	.island .smaller {
		font-size: 18px;
	}

	.islands .big {
    	//width: 100%;
		//width: auto;
		height: 400px;
	    width: 100vw;
	}

	.islands .big img {
	    width: 100%;
	}

	#lfdesc {
		top: -2px;
	}

	.desc2 a {
	    top: 360px;
	    left: 20px;
	}

	#lfbackground {
    	//width: 700px;
		width: auto;
		height: 400px;
	}

	.islands .big .overlay {
    	//width: 100%;
		width: auto;
	}

	.island.big:hover .overlay, .island.big.hover .overlay {
    	height: 400px;
    	bottom: 404px;
	}

	.desc2 {
	    padding-left: 20px;
	}

	.desc2 h1 {
		font-size: 24px;
		margin-left: 0;
		width: 90vw;
	}

	.desc2 h3 {
		width: 90vw;
		font-size: 13px;
	}

	.islands .big img {
    	//width: 100%;
	}

	#lfdesc {
		//height: 400px;
	}

	#lfdesc img {
		width: 20px;
		right: auto;
		left: 90vw;
	}

	#kontakt {
		margin-top: 0;
		margin-bottom: 0;
	    text-align: center;
	}

	#kontakt h2 {
		//margin-left: 35px !important;
	}

	#kontakt h4 {
		margin-bottom: 8px;
	}

	#kontakt .block div {
	    display: block;
	    margin-right: 0;
	}

	#kontakt .block h4 {
		margin-bottom: 25px;
	}

	#kontakt .subblock {
		margin-bottom: 40px;
	}

	#form {
		display: none;
	}

	#formm {
		display: block;
		width: calc(100% - 40px);
		left: auto;
		padding: 20px;
	    height: auto;
		position: initial;
		padding-bottom: 120px;
	}

	#formm .item {
	    margin-bottom: 20px;
	    margin-left: 30px;
		margin-right: 100px;
	}

	#formm #bodym {
    	margin-top: 20px;
	}

	#formm textarea {
    	//width: calc(100% - 80px);
		height: 200px;
	    margin-bottom: 10px;
	    width: calc(100% - 42px);
	}

	#formm #sidem {
    	width: 100%;
	}

	#formm #sidem input {
		margin-bottom: 14px;
	}

	#menu h2 {
	    margin-bottom: 30px;
		margin-top: 30px;
		font-size: 24px;		
	    letter-spacing: 2.64px;
		margin-right: 40px;
	}

	#menu main {
		width: 100%;
		text-align: center;
    	//margin-top: calc(50vh - 200px);
		margin-top: calc(100% - 270px);
	}

	#menu .inline {
		display: none;
		margin-left: 0;
	}

	#menu h2 {
		display: block;
    	letter-spacing: inherit;
		text-align: center;
		font-size: 32px;
		margin-left: 0;
		margin-bottom: 0;
		margin-top: 0;
		margin-right: 0;
	}

	.desc {
    	width: 100%;
		height: 434px;
	}

	.desc h1 {
	    font-size: 22px;
	}

	.desc h2 {
    	margin-top: 20px;
	}

	.desc h3 {
	    margin-left: 35px;
    	margin-right: 20px;
	}

	.desc img {
    	float: right !important;
		margin-right: 35px;
	}

	.footer {
		width: 100%;
		left: auto;
		padding-top: 70px;
	}

	.footer div {
		text-align: center;
	}

	footer {
		height: auto;
		padding-bottom: 80px;
	}

	footer #copyright {
	    font-size: 10px;
		margin-left: 10px;
	}

	footer #design {
	    font-size: 14px;
		//margin-right: 10px;
		float: inherit;
	}

	footer h2 {
		padding: 0 20px 0 20px;
	}

	footer .link {
		display: block;
		font-weight: bold;
		margin-bottom: 40px;
	}

	footer .link img {
		vertical-align: middle;
		margin-right: 10px;
	}

	#detail {
		text-align: center;
		padding-top: 80px;
	}

	#detail .inline .img {
		display: none;
	}

	#detail .inline h4 {
		margin-bottom: 10px;
	}

	#detail .inline .h4 {
		width: auto;
		padding: 0 30px 0 30px;
	}

	#detail .inline .info {
		display: none;
	}

	#detail .inline .infom, #detail .inline .info2 {
		display: block;
		//width: 200px;
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 40px;
	}

	#detail .inline .infom img, #detail .inline .info2 img {
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
		height: 20px;
	}

	#detail .blocks {
    	margin-top: 20px;
	}

	#detail .blocks .parent {
    	margin-top: 40px;
	}

	#detail .blocks .block {
		width: auto;
		margin-left: 30px;
		margin-right: 30px;
	    padding: 40px 30px 40px 30px;
		margin-bottom: 30px;
	}

	#detail .blocks #block1 {
		margin-right: 30px;
	}

	#detail .blocks .block .info {
		font-size: 18px;
	}

	#detail .blocks .block .text {
		font-size: 14px;
	}

	#detail .overview .parent div {
		margin-right: 0;
	    width: calc(100% - 60px);
	    height: calc(100vw - 60px);
		margin-bottom: 40px;
	}

	#detail .end {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	#detail .icon {
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
		height: 20px;
	}

	#detail .tab {
		max-width: 260px;
		margin: 0 auto;
		line-height: 21px;
	}

	#detail h2 b {
		display: none;
	}

	#detail .lf br {
		display: block;
	}

	#detail .href img {
		display: inline-block;
	}
}