/******RESPONSIVE ELEMENTS*****/
.grid_1,.grid_2,.grid_31,.grid_41,.grid_51,.grid_61,.grid_71,.grid_81,.grid_91,.grid_32,.grid_42,.grid_52,.grid_62,.grid_72,.grid_82,.grid_92{margin: 0;padding:0; box-sizing:border-box; float:left}

.grid_1 { width: 100%; } 

.grid_2 { width: 50%; } 

.grid_31 { width:33.3%;} 
.grid_32 { width:66.6%;} 
/*
.grid_41 { width: 45%;} 
.grid_42 { width: 55%;} */

.grid_51 { width: 25%;} 
.grid_52 { width: 75%; } 

.grid_61 { width: 20%;float:right; }
.grid_62 { width: 80%;} 

.grid_71 { width: 15%;} 
.grid_72 { width: 85%;} 
/*
.grid_81 { width: 10%;} 
.grid_82 { width: 90%;} 

.grid_92 { width: 56%; } 
.grid_91 { width: 44%;} */

@media screen and (min-width : 981px) and (max-width :1200px) {
#holder,#header, #content, footer,nav{ max-width:1200px; width:99%}
#fb{ margin-right:0.5%;}
}

/* iPads (portrait and landscape) ----------- */
@media screen and (min-width : 481px) and (max-width :980px) {
.grid_1,.grid_2,.grid_31,.grid_41,.grid_61,.grid_71,.grid_81,.grid_91,.grid_32,.grid_42,.grid_52,.grid_62,.grid_72,.grid_82,.grid_92{width:99%; float:none}

#holder,#header, #content, footer,nav{ max-width:980px; width:99%}

#holder{ margin-top:20px}
#header{ border:none; height:auto}
#header #logo{ position:relative; }
#header #logo img{ width:70%}
#fb{ margin-right:0.5%;}

#content{ padding:3% 1% 3% 1%	;}

#content .right{ text-align:center}
#content .right img{ float:none; margin:auto;margin-top:50px;}

#content .boxes .grid_61{}
#content .box{}


#rightlogos{ position:relative; margin-top:50px;}
#rightlogos img{ margin:auto; margin-top:15px;}

table td{ width:10%; }
table td img{ width:100%;  margin-bottom:10px;  display:block; max-width:150px;}

}

@media screen and (min-width : 600px) and (max-width :980px) {
	table td img{ width:100%;  margin-bottom:10px;  display:block; max-width:190px;}
	
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width : 0px) and (max-width :480px) {
.grid_1,.grid_2,.grid_31,.grid_41,.grid_61,.grid_71,.grid_81,.grid_91,.grid_32,.grid_42,.grid_52,.grid_62,.grid_72,.grid_82,.grid_92{width:99%; float:none}

#holder,#header, #content, footer,nav{ max-width:480px; width:99%;}

#holder{ margin-top:20px;}
#header{ border:none;  }
#header #logo{ position:relative; width:auto}
#header #logo img{ width:70%}
#fb{ margin-right:0.5%;}

#content{ padding:3% 1% 3% 1%	; overflow-x:hidden}

#content .right{ text-align:center}
#content .right img{ float:none; margin:auto;margin-top:50px;}

#content .box{ width:50%; text-align:center; float:left;}
#content .box img{ margin:auto; margin-bottom:10px}
#content .box:nth-child(4n+4) img{ float:none;margin-bottom:10px;}
#content .box a.boxtitle{ text-align:center; display:block; width:100%; margin-bottom:10px;}
#content .box:nth-child(2n+2) a.boxtitle,#content .box:nth-child(3n+3) a.boxtitle{ margin:auto;margin-bottom:10px;}
#content .box:nth-child(4n+4) a.boxtitle{ margin:auto;margin-bottom:10px;}



#rightlogos{ position:relative; margin-top:50px; width:100%; text-align:center}
#rightlogos img{ margin:auto; margin-top:15px;}


#content .news img{ float:none; width:50%; margin:auto }
#content .news div{ padding-left:0; width:100%}


table td{ width:100%; display:block; text-align:center }
table td img{ width:100%; margin:auto;margin-bottom:10px;  display:block; max-width:240px;}



table[style]{
 width:100% !important; 	
	}

table td[style]{
 width:100% !important;
	}

}

@media screen and (min-width : 0px) and (max-width :320px) {
	
	#content .box{ width:100%; text-align:center; float:none; }
}