*{margin: 0;padding: 0;}

html, body{height: 100%;font-family: 'Merriweather', serif;}

img, a{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
a{
	color: #9ABAFF;
	text-decoration: none;
	transition: color 1s;
}
a:hover{color: white;}
div.header{
	position: fixed;
	width: 100%;
	z-index: 1;
	background-color: transparent;
}
img.logo {width: 50px; margin: 20px;}
div.lang{float: right;margin: 20px;font-size: 21px;}
a.lang_lang {display: inline;cursor: pointer;}
div.pages{
	position: relative;
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
div.page1{background-image: url("../img/bg1.jpg");}
div.page2{background-image: url("../img/bg2.jpg");border-top: 5px solid #C7D6F7;}
div.page3{background-image: url("../img/bg3.jpg");border-top: 5px solid #C7D6F7;}
div p{
	position: absolute;
	color: white;
	line-height: 2.3;
	word-wrap: break-word;
	font-size: 20px;
	padding: 10px;
}

div p.p1{left: 100px;bottom:200px;text-align: left;}
div p.p2{left: 100px;right:100px;top:20px;text-align: center;line-height: 2.0;}
div p.p3{right: 50px;bottom:150px;text-align: right;}
span.label_contact{font-size: 21px;line-height: normal;font-weight: bold;}



/* ------- MediaQueries ------- */

/* ------- Ipad Pro ------- */
/* ------- Width ------- */
@media only screen 
and (max-width : 1366px)
and (max-height : 1024px)
{	
	div p.p1{bottom:100px;}
}

/* ------- Ipad and Ipad Mini ------- */
/* ------- Height ------- */
@media only screen 
and (max-width : 768px)
and (max-height : 1024px)
{	
	div.page1{background-position: 85% 0%;}
	div p.p1{left: 120px;bottom:160px;}
	div p.p2{left: 5px;right:5px;}
	div p.p3{bottom:30px;}
}
/* ------- Width ------- */
@media only screen 
and (max-width : 1024px) 
and (max-height : 768px)
{	
	div.page1{background-position: 0% 0%;}
	div p.p1{bottom:140px;}
	div p.p2{top:5px;}
	div p.p3{bottom:100px;}
}


/* ------- Iphone 8 Plus, 7 i 6 ------- */
/* ------- Height ------- */
@media only screen 
and (max-width : 414px) 
and (max-height : 736px)
{	
	div.lang{font-size: 18px;}
	div.page1{background-position: 70% 0%;}
	div p{line-height: 2.0;font-size: 15px;}
	div p.p1{bottom:60px;left: 80px;padding-right: 60px;}
	div p.p2{left: 15px;right:15px;top:0px;line-height: 1.8;}
	div p.p3{bottom:30px;right: 10px;}
	span.label_contact{font-size: 18px;}
}
/* ------- Width ------- */
@media only screen 
and (max-width : 736px) 
and (max-height : 414px)
{	
	div.lang{font-size: 18px;}
	div.page1{background-position: 0% 0%;}
	div p{line-height: 1.9;font-size: 14px;}
	div p.p1{bottom:60px;left: 80px;}
	div p.p2{left: 10px;right:10px;top:5px;padding-top: 0px; line-height: 1.6;}
	div p.p3{bottom:15px;right: 20px;line-height: 1.6;}
	span.label_contact{font-size: 18px;}
}


/* ------- Iphone X ------- */
/* ------- Height ------- */
@media only screen 
  and (max-width: 375px)
  and (max-height: 812px)
  {
  	div.lang{font-size: 18px;}
	div.page1{background-position: 72% 0%;}
	div p{line-height: 2.0;font-size: 15px;}
	div p.p1{bottom:80px;left: 70px;padding-right: 40px;}
	div p.p2{left: 10px;right:10px;top:5px;line-height: 1.6;}
	div p.p3{bottom:50px;right: 10px;line-height: 1.7;}
	span.label_contact{font-size: 18px;}
}

/* ------- Width ------- */
@media only screen
and (max-width : 812px) 
and (max-height : 375px)
{	
	div.lang{font-size: 18px;}
	div.page1{background-position: 0% 0%;}
	div p{line-height: 1.9;font-size: 14px;}
	div p.p1{bottom:60px;left: 80px;}
	div p.p2{left: 5px;right:5px;top:5px;line-height: 1.5;}
	div p.p3{bottom:20px;right: 20px;line-height: 1.7;}
	span.label_contact{font-size: 18px;}
}

/* ------- Iphone 6/7/8 ------- */
/* ------- Height ------- 
@media only screen 
  and (max-width: 375px)
  and (max-height: 667px)
  {
	div.page1{background-position: 75% 0%;}
	div p.p1{bottom:50px;}
}
*/


/* ------- Samsung Galaxy S8 ------- */
/* ------- Height ------- */
@media only screen 
and (max-width : 360px) 
and (max-height : 740px)
{	
	div.lang{font-size: 18px;}
	div.page1{background-position: 68% 0%;}
	div p{line-height: 2.0;font-size: 15px;}
	div p.p1{bottom:60px;left: 70px;padding-right: 20px;}
	div p.p2{left: 15px;right:15px;top:0px;line-height: 1.8;}
	div p.p3{bottom:20px;right: 5px;padding-left: 5px;}
	span.label_contact{font-size: 18px;}
}
/* ------- Width ------- */
@media only screen 
and (max-width : 740px)
and (max-height : 360px)
{	
	div.lang{font-size: 18px;}
	div.page1{background-position: 0% 0%;}
	div p{line-height: 1.9;font-size: 14px;}
	div p.p1{bottom:40px;left: 80px;}
	div p.p2{left: 10px;right:10px;top:5px;line-height: 1.5;}
	div p.p3{bottom:10px;right: 20px;line-height: 1.5;}
	span.label_contact{font-size: 18px;}
}

/* ------- Samsung Galaxy S7 ------- */
/* ------- Height ------- */
@media only screen 
and (max-width : 360px) 
and (max-height : 640px)
{	
	div.page1{background-position: 72% 0%;}
	div p.p1{bottom:40px;}
	div p.p2{line-height: 1.7;padding-top: 5px;}
}
/* ------- Width ------- */
@media only screen 
and (max-width : 640px)
and (max-height : 360px)
{
	div p.p2{line-height: 1.4;}
}

/* ------- Iphone 5 ------- */
/* ------- Height ------- */
@media only screen 
and (max-width: 320px)
and (max-height: 568px)
{	
	div.lang{font-size: 18px;}
	div.page1{background-position: 77% 0%;}
	div p{line-height: 1.8;font-size: 14px;}
	div p.p1{bottom:30px;left: 50px;padding-right: 20px;}
	div p.p2{left: 5px;right:5px;top:5px; padding: 0px;line-height: 1.5;}
	div p.p3{bottom:10px;right: 5px;padding-left: 5px;line-height: 1.5;}
	span.label_contact{font-size: 18px;}
}
/* ------- Width ------- */
@media only screen 
and (max-width: 568px)
and (max-height: 320px)
{
	div.lang{font-size: 18px;}
	div.page1{background-position: 0% 0%;}
	div p{line-height: 1.9;font-size: 14px;}
	div p.p1{bottom:40px;left: 80px;}
	div p.p2{left: 10px;right:10px;top:0px;padding-top: 0px;line-height: 1.4;}
	div p.p3{bottom:10px;right: 20px;line-height: 1.5;}
	span.label_contact{font-size: 18px;}
}