@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900');
body{
	background-color:#1e2a38;
	font-family: 'Raleway', sans-serif;
	
}

p{
	color:#9f803d;
}

@media screen and (orientation:landscape){
a{
	background-color:#9f803d;
	font-family: 'Raleway', sans-serif;
	color:#9f803d;
	text-decoration:none;
	color:white;
	padding:1vh;
	width:27vh;
	position:relative;
	font-size:1.7vh;
	transition:all 0.2s linear;

}
a:after{
	content:"\f105";
	font-family:"FontAwesome";
	position:absolute;
	left:30vh;
	bottom:0;
	background-color:#9f803d;
	padding:1.17vh;
	font-size:1.7vh;
	transition:all 0.2s linear;
}


a:hover:after{
	left:30.5vh;
	transition:all 0.2s linear;
}


.foto img{
	width:auto;
	height:83vh;
	position:absolute;
	bottom:0;
	left:calc(50% - 17vh);
	z-index:9999;
	transition:all 0.2s linear;
}

.logo img{
	transition:all 0.2s linear;
	width:15vh;
	height:auto;
	position:absolute;
	bottom:65vh;
	right:calc(50% + 28vh);
}

.claim{
	position:absolute;
	right:calc(50% + 20vh);
	font-weight:400;
	font-size:4vh;
	transition:all 0.2s linear;
}

.claim.pos-1{
	bottom:45vh;

}
.claim.pos-2{
	bottom:40vh;	

}
.claim.pos-3{
	bottom:35vh;

}
a.btn1{
	position:absolute;
	bottom:30vh;
	right:calc(50% + 24.5vh);
}
a.btn2{
	position:absolute;
	bottom:25vh;
	right:calc(50% + 24.5vh);
}
.stopka{
	position:absolute;
	font-size:2vh;
	bottom:12vh;
	left:calc(50% + 25vh);	
	transition:all 0.2s linear;
}

.pasek img{
	width:264vh;
	height:auto;
	left: calc(50% - 132vh);
	bottom:4vh; 
	position:absolute;
	background-repeat:no-repeat;
	z-index:1;
	transition:all 0.2s linear;
}

.experience p{
	border:0.35vh solid #9f803d;
	padding:1.4vh;
	text-align:center;
	position:absolute;
	width:23vh;
	font-size:2vh;
	background-color:#1e2a38;
	z-index:99999;
	left:calc(50% + 25vh);	
	transition:all 0.2s linear;
	
}
.experience .exp1{
	bottom: 66vh;
	position:absolute;
}
.experience .exp2{
	bottom: 59vh;
	position:absolute;
}

.experience .exp3{
	bottom: 52vh;
	position:absolute;
}
.experience .exp4{
	bottom: 45vh;
	position:absolute;
}
.experience .exp5{
	bottom: 38vh;
	position:absolute;
}
.experience .exp6{
	bottom: 31vh;
	position:absolute;
}
.experience .exp7{
	bottom: 24vh;
	position:absolute;
}
}


@media screen and (orientation:portrait){
	body{
		margin:0;
		position:relative;
		}
a{
	background-color:#9f803d;
	font-family: 'Raleway', sans-serif;
	color:#9f803d;
	text-decoration:none;
	color:white;
	padding:4vw;
	box-sizing:border-box;
	width: 87%;
	position:relative;
	font-size:4vw;
	transition:all 0.2s linear;
	display:inline-block;
	margin: 2vw 0;

}
a:after{
	content:"\f105";
	font-family:"FontAwesome";
	position:absolute;
	right:-15%;
	top:0;
	background-color:#9f803d;
	padding:4vw;
	font-size:5vw;
	transition:all 0.2s linear;
}




.btn{
	width: 90%;
margin:12% 5%;
position:relative;
}

a.btn1{

}

a.btn2{

}

.foto {
	z-index:999;
	position:relative;
	height:auto;
}

.foto img{
	width:90%;
	margin:4vw 0 0 7%;
	height:auto;
	z-index:9999;
	transition:all 0.2s linear;
	
}

.logo img{
	transition:all 0.2s linear;
	width:36%;
	height:auto;
	margin:10vw 32%;
	position:relative;

	
}

.claim{
	margin:3vw 6%;
	font-weight:400;
	font-size:9vw;
	transition:all 0.2s linear;
}




.stopka{
	font-size:6vw;
	transition:all 0.2s linear;
	margin:8vw 5%;
}

.pasek{
	width:100%;
	overflow:hidden;
	height:auto;
	bottom:3vw; 
	background-repeat:no-repeat;	z-index:1;
	transition:all 0.2s linear;
	position:absolute;
}
.pasek img{
	z-index:1;
	width:450vw;
}
.experience p{
	border:0.35vw solid #9f803d;
	padding:2vw;
	box-sizing: border-box;
	text-align:center;
	width:90%;
	margin:4vw 5%;
	font-size:7vw;
	background-color:#1e2a38;
	z-index:99999;	
	transition:all 0.2s linear;
	
}

}