@font-face {
    font-family: 'NaturaSans';
    src: url('../NaturaSans-Light.woff2') format('woff2'),
        url('../NaturaSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'NaturaSans';
    src: url('../NaturaSans-Bold.woff2') format('woff2'),
        url('NaturaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

body {
	background-color: #E6E7E8;
    font-family: 'NaturaSans';
	/*font-family: 'Quicksand', sans-serif;*/
	line-height: 200%;
}


@media (max-width: 575.98px) { 
    #sep1{height:10px; }
	#hidde1{display:none;}
	#sep2{height:10px;}
	#hidde2{display:none;}
	.box_text{ font-size:18px;}
	#foot_text{font-size:12px; line-height: 120%;}
	.campoCP{ margin-left: 20px;}
	.txt1{font-size:24px; color:#5D23A9;}
    .txt2{font-size:30px; color:#5D23A9;}
    .txt3{font-size:19px; color:#404041;}
    #layout1{display:none;}
    #layout2{display:none;}
    #layout3{display:none;}
    #layout4{display:none;}
    .text_top{font-size:20px; padding-top: -100px;}
    #text_align{display:none;}
	
}

@media (min-width: 576px) {
	#sep1{height:10px; }
	#sep2{height:10px;}
	.box_text{ font-size:20px;}
	#foot_text{font-size:18px; line-height: 120%;}
	#layout_mob1{display:none;}
	#layout_mob2{display:none;}
	#layout_mob3{display:none;}
	#layout_mob4{display:none;}
	.text_top{font-size:22px;}
	#text_align_mob{display:none;}
  }

@media (min-width: 768px) {
     #sep1{height:50px;}
     #sep2{height:1px;}
     .box_text{ font-size:20px;}
     #foot_text{font-size:18px; line-height: 150%;}
     #layout_mob1{display:none;}
	 #layout_mob2{display:none;}
	 #layout_mob3{display:none;}
	 #layout_mob4{display:none;}
	 .text_top{font-size:26px;}     
  }  


@media (min-width: 992px) {
    .logo_nat{display:none;}
     #sep1{height:150px;}
     #sep2{height:50px;}
     .box_text{ font-size:20px;}
     #foot_text{font-size:18px; line-height: 150%;}
     .txt1{font-size:34px; color:#5D23A9;}
     .txt2{font-size:50px; color:#5D23A9;}
     .txt3{font-size:29px; color:#404041;}
     #layout_mob1{display:none;}
	 #layout_mob2{display:none;}
	 #layout_mob3{display:none;}
	 #layout_mob4{display:none;}
    
  }  

@media (min-width: 1200px) { 
     #sep1{height:150px;}
     #sep2{height:50px;}
     .box_text{ font-size:20px;}
     #foot_text{font-size:18px; line-height: 150%;}
     .txt1{font-size:34px; color:#5D23A9;}
     .txt2{font-size:50px; color:#5D23A9;}
     .txt3{font-size:29px; color:#404041;}
     #layout_mob1{display:none;}
	 #layout_mob2{display:none;}
	 #layout_mob3{display:none;}
	 #layout_mob4{display:none;} 
	 #text_align_mob{display:none;} 
  }  

 /*iphone horizontal*/
@media (min-width: 576px) and (max-width: 767.98px) { 
	.campoCP{ margin-left: 30px; }
	.txt1{font-size:22px; color:#5D23A9; line-height: 90%;}
    .txt2{font-size:26px; color:#5D23A9; line-height: 90%;}
    .txt3{font-size:16px; color:#404041; line-height: 0%;}
    .text_top{font-size:22px;}
}
/*ipad vertical*/
@media (min-width: 768px) and (max-width: 991.98px) { 
	.campoCP{ margin-left: 50px;}
	.txt1{font-size:24px; color:#5D23A9; line-height: 10%;}
    .txt2{font-size:30px; color:#5D23A9; line-height: 100%;}
    .txt3{font-size:19px; color:#404041; line-height: 100%;}
    .text_top{font-size:26px;}
    #text_align{display:none;}
    #text_align_mob{display:block;}
 }

.btn_lupa{
	width:38px; height:38px; background-image: url('../img/lupa.png'); border:none; background-color:transparent; cursor:pointer;
}
.btn_lupa:hover{
	background-image: url('../img/lupa_hover.png');
}