@media screen and (max-width: 1024px) {
.header-links-sector {
	width: 70%;
    line-height: 185%;
    }
}

@media screen and (max-width:768px) {
.text {
	color: red;
	margin: 17% 10% 1% 10%;
	width: 90%;
}

#header {
    height:20%;
}

.header-text {
font-size: 40px;
} 

.header-links-sector {
	font: 22px Calibri;
	padding-top: 2%;	  
   width: 70%;
    line-height: 205%;
    }
}

@media screen and (max-width:740px) {
.text {
	color: red;
	margin: 15% 10% 1% 10%;
	width: 90%;
}

#header {
    height:25%;
}

.header-text {
font-size: 40px;
} 
}

@media screen and (max-width:670px) {
.text {
	color: red;
	margin: 10% 10% 1% 10%;
	width: 90%;
}

#header {
    height:20%;
}
.header-text {
font-size: 30px;
} 

.tab-link {	
	font: 12px Calibri;	
}

.header-links-sector {
	font: 20px Calibri;
	padding-top: 2%;	  
    width: 70%;
    line-height: 225%;
    }

#footer { height: 60px;}
.footer-text {
	font: 20px Calibri;
}
}

@media screen and (max-width: 640px) {
	.text {
	color: blue;
	margin: 20% 0 0 0;
	width: 98%;
}
#header {	
    height:20%;
}

.header-text {
font-size: 30px;
} 

.tab-link {	
	font: 13px Calibri;	
}

.links-sector {
margin: 1% 0 18% 2%;
}

.header-links-sector {
	font: 18px Calibri;
	padding-top: 2%;	  
    width: 70%;
    line-height: 250%;
    }

li {
font: 12px Calibri;
}

#footer { height: 60px;}
.footer-text {
	font: 20px Calibri;
}

}

@media screen and (max-width: 570px) {
	.text {
	color: blue;
	margin: 10% 0 0 0;
	width: 98%;
}
#header {	
    height:25%;
}

.header-text {
font-size: 25px;
} 

.header-links-sector {
	font: 19px Calibri;
	padding-top: 3%;	  
    width: 90%;
    line-height: 230%;
    }
}


@media screen and (max-width: 480px){
	.text {
		font-size:16px;
	color: yellow;
	margin: 15% 0 0 0;
	width: 98%;
}
#header {
	    height:10%;
    }

.header-text {
font-size: 30px;
} 

#content {
	position: relative;
	padding: 10% 2% 1% 2%;
}   

.subscription {
	font: 10px Calibri, sans-serif;
	color: green;
	margin: 1% 10% 1% 0;
}


.wrapblock-1 { 
	position:relative;
display:block; 
  margin: 2% 2% 2% 2%;
  width:90%;
  clear:both;
  }

.wrapblock-2 {
	position:relative;
 margin: 2% 2% 2% 2%;
 display:block;
 width:90%;
  clear:both;
   }

.picture-text-1 {   
position: relative;
font: 14px Calibri, sans-serif;
color: green;
margin: 2% 2% 2% 2%;;
width:90%;	
}   

.picture-text-2 {   
position: relative;
font: 14px Calibri, sans-serif;
color: green;
margin: 2% 2% 2% 2%;
width:90%;	
} 

.tabs-sector{
width: 100%;
height:auto;
margin: 1% 5% 4% 2%;
}

.links-sector {
position: relative;
width: 100%;
}

.header-links-sector {
	font: 19px Calibri;
	padding-top: 3%;	  
    width: 45%;
    line-height: 200%;
    }

.footer-text {
font-size: 30px;

}

@media screen and (max-width: 320px) {
	.text {
		font-size: 12px;
	color: silver;
	margin: 10% 0 0 0;
	width: 98%;
}
#header {
    height:5%;	
}

.header-text {
font-size: 10px;
} 

.subscription {
	font: 8px Calibri, sans-serif;
	color: green;
	margin: 1% 10% 1% 0;
}

#content {
	position: relative;
	padding: 10% 2% 1% 2%;
}

.tab-link {	
	font: 12px Calibri;	
}

.header-links-sector {
	font: 19px Calibri;
	padding-top: 3%;	  
    width: 45%;
    line-height: 220%;
    }

.footer-text {
font-size: 15px;
} 

}

@media screen and (max-width: 240px) {
#header {
    height:10%;	
}
 .header-links-sector {
	font: 19px Calibri;
	padding-top: 3%;	  
    width: 70%;
    line-height: 220%;
    }

}