#side-panel, #side-panel-background, #hamburger-button{
	display:none;
}

.header-breadcrumbs {
padding: 2px 0 5px 0;
}

#ads_resp {
margin-left: 10px;
margin-right: 10px;
}

.main-content h3 {
  clear: both;
  margin: 0em 0 0.5em 0;
  font-weight: normal;
  font-size: 170%;
}

.main-content P {
	text-align: justify;
}

.column2-unit-left, .column2-unit-right {
	width: 50%;
}

@media only screen and (max-width: 767px) {
    /* phones */
	
	html, body{
		width:100% ;
		margin-top:0;
		padding:0;
	}
	
	.column1-unit,.column1-unit BODY,.column1-unit P,.column1-unit UL,.column1-unit OL, .column1-unit LI,.column1-unit UL LI,.column1-unit UL LI, .column1-unit A, .column1-unit LI A{
	font-size: 14px;
	}
	U,A, LI {
	font-size: 14px;
	}
	.main-content ol li {
	font-size: 14px;
	}
	
	.main{
		background:none;	
		width:100%;
		margin-top:0;
	}
	.main-navigation{
		display:none;	
	}
	.main-content{
		width:90%;	
		padding:0;
		margin:5%;
	}
	.main-content img{
		max-width:100%;	
	}
	.page-container, .paggetitle, .column1-unit, .clear-contentunit{
		width:100%;	
	}
	
	/*********** HEADER ***********/

	.header, .header-bottom, .header-bottom .nav2, .header-breadcrumbs{
		width:100%;	
	}
	
	.header-top{
		width:100%;	
		padding-top:20px;
	}
	.header-top .sitelogo{
		width:43px;
		margin:0 14px 0 14px;
		background:none;
		position:inherit;	
		float:left;
	}
	
	.header-top .sitelogo img{
		max-width:43px;
	}
	
	.header-top .sitename{
		width:59%;
		position:inherit;	
		margin:0;
		float:left;
			
	}
	.header-top .sitename h1{
    	margin-top: -15px;
	}
	.header-top .sitename h1 A{
		font-size: 20px;
	}
	.header-top .sitename h2{
		font-size: 16px;
    	padding: 2px 0;	
	}
	
	.header-bottom .nav2 ul li{
		font-size:10px;	
		
	}
	.header-bottom .nav2 div, .header-top .nav1 {
		display:none;	
	}
	.header-breadcrumbs ul{
		padding:0;
		width:100%;	
	}
	.header-breadcrumbs ul li a, .header-breadcrumbs ul li{
		font-size:15px;
		font-weight:100;	
	}
	.header-bottom .nav2 ul{
		width:50%;	
		float:left;
	}
	.header-bottom .nav2 ul li{
		width:100%;
	}
	 .header-bottom .nav2 ul li a{
		width:90%;
		padding:0 5%;	 
	 }
	.header-bottom .nav2 ul li ul li, .header-bottom .nav2 ul li ul li a, .header-bottom .nav2 ul li ul{	
		z-index:1001;
	}
	.header-bottom .nav2 ul li , .header-bottom .nav2 ul li a, .header-bottom .nav2 ul{	
		z-index:auto;
		font-size: 16px;
	}
	
	/* GG */
	.nav3-grid dt a, .nav3-grid dt a:visited {
	font-size: 16px;
	font-weight: normal;
	}
	
	.nav3-grid {
		width: 90%;
	}
	/*********** FOOTER ***********/
	
	.footer{
		width:100%;	
	}
	
	table{
		display:none;	
	}

	/*********** SIDE PANEL ***********/
	#hamburger-button{
		display:inline-block;
		float:left;	
		padding: 2px 5px;
		padding-top:15px;  /* GG */
	}
	#hamburger-button img{
		max-width:35px;
	}
	#side-panel{
		display:none;
		/*background-color:#333333;*/
		background-color:#EFF0F2; /* GG */
		width:80%;
		/*width: 300px; /* GG */
		height:100%;
		position:fixed;
		top:0;
		left:0;
		bottom:0;
		z-index:99;
		overflow:scroll;
	}
	#side-panel-background{
		display:none;
		/* GG background-color:rgba(51,51,51,0.7);*/
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		bottom:0;
		z-index:98;
	}
	
	#side-panel #submenu h1{
		/* GG color:#CCCCCC;	*/	
		padding-left:0px;
		padding-bottom: 5px;
		color:grey; 
	}

	#side-panel #submenu{
		padding:20px 0 20px 0;	
	}
	#side-panel #search-bar input{
		max-width:100px;
	}
	#side-panel #submit-resource, #side-panel #search-bar{
		padding:5px;
	}
	#side-panel #submit-resource ul li a{
		color:#CCC;
	}
	#side-panel #side-panel-back-button{
		width:80%;
		margin:10px 0 0 10px;
	}
	#side-panel #side-panel-back-button img{
		max-width:32px;
	}
	/* GG */
	.header-breadcrumbs {
	background: none;
	}
	STRONG{
	font-size: 16px;
	}
	.column2-unit-left, .column2-unit-right {
	width: 100%;
}
}