.landingspage {padding: 0; height: 100%;}

.top {background-color: #FFF; display: flex; justify-content: space-between; padding: 50px 100px 30px 100px; align-items: flex-end; z-index: 2;}
.top .logo {width:246px; height:136px; background:url(/img/logo.svg) no-repeat center / 246px 136px; z-index:2;}
.top strong {color: #5F9B99; font-family: 'dincondensedbold', sans-serif; font-size: 20px; line-height: 24px; letter-spacing: 2px; text-transform: uppercase;}
.top p {margin: 0; line-height: 24px; text-align: right;}

.content {padding-top: 330px; height: 100%; width: 100%; background-color: #5F9B99; position: absolute; left: 0; top: 0; z-index: -1; text-align: center; color: #FFF; overflow: hidden;}
.content .container {width: 900px;}
.content h1 {font-size: 80px; line-height: 80px; margin-bottom: 0;}
.content p {font-size: 22px;}
.content .btn {background-color: #FFF; padding: 0 25px; border-radius: 6px; height: 48px; line-height: 47px; display: inline-block; text-transform: uppercase; font-weight: 500; color: #5F9B99; margin-top: 90px; transition: 0.3s ease;}
.content .btn:hover {background-color: #5a9190 !important; color: #FFF !important;}
.content .btn.two  {background-color: #BCB5A8; color: #FFF; margin-left: 30px;}
.content .adres-resp {display: none;}
.content img {width: 100%; position: absolute; left: 0; bottom: 70px; z-index: -1;}


.bottom {position: absolute; left: 0; bottom: 15px; width: 100%; padding: 0 100px; display: flex; flex-direction: row; justify-content: space-between;}
.bottom p, .bottom a {margin: 0; text-transform: uppercase; font-size: 13px; color: #d2d2d2;}
.bottom a:hover {color: #FFF;}
/*responsive*/
@media screen and (max-width:1400px){
	.top {padding: 25px 100px 25px 100px;}
	.content {padding-top: 270px;}
	.content .container {width: 750px;}
	.content h1 {font-size: 66px; line-height: 66px;}
	.content p {margin-top: 25px;}
	.content .btn {margin-top: 70px;}
}

@media screen and (max-width:1100px){
	.top {padding: 20px 50px;}
	.top .logo {width: 197px; height: 109px; background-size: 197px 109px;}
	.top strong {line-height: 20px; font-size: 18px;}
	.top p {line-height: 20px; font-size: 15px;}
	.content {padding-top: 250px;}
	.content p {margin: 0;}
	.content h1 {margin-bottom: 28px;}
	.bottom {padding: 0 50px;}
}

@media screen and (max-width:990px){
	.content .container {width: 80%;}
	.content img {width: 236%;}
}

@media screen and (max-width:750px){
	.landingspage {height: auto; min-height: 100%;}
	
	.top {padding: 11px 0; justify-content: center;}
	.top p {display: none;}	
	.top .logo {width: 177px; height: 98px; background-size: 177px 98px;}

	.content {position: relative; padding: 50px 0 0;}
	.content .container {width: 90%;}
	.content h1 {font-size: 44px; line-height: 44px; margin-bottom: 18px;}
	.content p {line-height: 22px; font-size: 18px;}
	.content .btn {height: 42px; line-height: 41px; font-size: 14px; padding: 0 18px; display: block; width: fit-content; margin: 35px auto 0;}
	.content .btn.two {margin: 12px auto 35px;}
	.content .adres-resp {display: inline-block; font-size: 17px;}
	.content img {width: 408%; bottom: 20px;}
	
	.bottom {flex-direction: column; padding: 0 18px; bottom: 8px; text-align: center;}
	.bottom p, .bottom a {font-size: 12px; line-height: 20px;}
	
}