.grey-link {
	font-size:16px;
	color:#757575;
}

.grey-link:hover {
	font-size:16px;
	color: #06e;
}
 
.clear-float { 
	clear: both;
}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    //border: 0;
}

li.vert {
	display:block;
	float:left;
	width:300px; // adjust
	//height:10px; // adjust
	padding: 5px; //adjust
	margin:0;
	text-align:left;
	color:#fff;
}

#my-menu {
	background-color: #000;
}

.menu-item {
	color:#fff;
	font-weight:200;
	//border-bottom:1px solid gray;
}

#sub-item {
	text-indent:25px;
	color:#fff;
}
				
#my-menu:not( .mm-menu ) {
	display: none;
}
				
.down-arrow {
	//border-color: #FFF transparent;
	//border-style: solid;
	//border-width: 10px 10px 0;
	display: inline-block;
	float:right;
	margin-right: 23%; 
	margin-top:7px;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 0;
	display:none;
}
							
.up-arrow {
	//border-color: #FFF transparent;
	//border-style: solid;
	//border-width: 0px 10px 10px; 0;
	display: inline-block;
	float:right;
	margin-right: 23%;
	margin-top:7px;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 0;
}



/* **********************************************
core html elements
********************************************** */

html { 
	font-size: 100%; 
	overflow-y: scroll; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
}

body { 
	margin: 0; 
	padding: 0;
	line-height: 1.231;
	background: #fff;
	color: #000;
}

body, button, input, select, textarea { 
	font-family: 'Roboto', sans-serif;
	font-size:16px; 
}

::-moz-selection { 
	background: #000; 
	color: #fff; 
	text-shadow: none; 
}

::selection { 
	background: #000; 
	color: #fff; 
	text-shadow: none; 
}

a { 
	color: #3b94df; 
}
 
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
//a:visited { color: #551a8b; }

ul 
{

}

li 
{
	margin: 0 0 16px;
	line-height: 1.25;	
}

textarea {
	-webkit-box-sizing: //border-box;
	-moz-box-sizing: //border-box;
	box-sizing: //border-box;
	width: 100%;
	resize:vertical;
}

/* **********************************************
custom text classes
********************************************** */

.italic { 
	font-style: italic;
}

.small-text {
	font-size: 75%;
	//line-height: 110%;
}

.smaller-text {
	font-size: 70%;
}

.smaller-text-vert-center {
	font-size: 70%;
	vertical-align: middle;
}

.smallest-text {
	font-size: 60%;
}


.big-text {
	font-size:110%;
	//font-weight:400;
	//color:#63666d;
	//color:#000;
}

.bold-text {
	//font-size:110%;
	font-weight:600;
	//color:#63666d;
	//color:#000;
}

.big-bold-text {
	font-size:110%;
	font-weight:600;
}

.big-text-black {
	font-size:110%;
	color:#000;
}

.bold-text-black {
	//font-size:110%;
	font-weight:600;
	color:#000;
}

.light-text {
	font-size:100%;
	//font-weidht:600;
	color:#63666d;
	//color:#000;
}

.color-donate {
	color:#FFBA00;
}

.color-donate a { color:#FFBA00 !important; }

.color-424242 {
	color:#424242;
}

.color-464646 {
	color:#464646;
}

.color-757575 {
	color:#757575;
}

.color-757585 {
	color:#757585;
}

.color-fafafa {
	color:#fafafa;
}

.color-bfbfbf {
	color:#bfbfbf;
}

.color-fff {
	color:#fff;
}

.color-000 {
	color:#000;
}

/* **********************************************
content and sections
********************************************** */

div#topdiv {
	position:fixed;
	//position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
}

article, aside, details { 
	display: block; 
}

#header {
	clear:both;
	float:left;
	width:100%;
	background-color: #FFF;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.slideshow-container {
	background:#477980;
	width:100%;
	margin:auto;
	max-height:422px;
	padding:0;
}

.dont-break-out {
  	/* These are technically the same, but use both */
  	overflow-wrap: break-word;
  	word-wrap: break-word;

 	-ms-word-break: break-all;
  	/* This is the dangerous one in WebKit, as it breaks things wherever */
  	word-break: break-all;
  	/* Instead use this non-standard one: */
  	word-break: break-word;

  	/* Adds a hyphen where the word breaks, if supported (No Blink) */
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}

.ellipses {
  	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
}

.wrap-links a {
	/* These are technically the same, but use both */
  	overflow-wrap: break-word;
  	word-wrap: break-word;

  	-ms-word-break: break-all;
  	/* This is the dangerous one in WebKit, as it breaks things wherever */
  	word-break: break-all;
  	/* Instead use this non-standard one: */
  	word-break: break-word;
	
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}

.iframe-news {
	padding-top:0px;
	width:94%;
	height:505px;
	//border-style:solid;
	//border-width:1px;
	//border-color:#FFF;
	background:#FFF;
}

.group-across ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    //background-color: #333;
}

.group-across li {
    float: left;
    padding: 14px 28px;
    //background-color: red;
}


.indent-smaller-text {
	//display: none; 
	max-width: 500px;
	padding: 5px 0 0 12px;
	font-size: 92%;
}

.indent-normal-text {
	//display: none; 
	max-width: 500px;
	padding: 5px 0 0 12px;
	font-size: 100%;
}

.indent-bigger-text {
	//display: none; 
	max-width: 500px;
	padding: 5px 0 0 12px;
	font-size: 120%;
}


/* **********************************************
wide view menu
********************************************** */

#headlinks {
	position:absolute;
	top:0;
	left:51%;
	width:100%;
	height:98%;
	background:#FFF;
	z-order:99;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

#header ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    //background-color: #333;
}

#header li {
    float: left;
    padding: 14px 8px;
    //background-color: red;
}

#header li a, #header .dropbtn {
    display: inline-block;
    color: #757585;
    text-align: center;
   //padding: 4px 8px;
    text-decoration: none;
}

#header li a:hover, #header .dropdown:hover {
    //background-color: red;
    //padding: 4px 8px 0 0;
    color:#000;
}

#header li.dropdown {
    display: inline-block;
}

#header .dropdown-content {
    display: none;
    position: absolute;
    //background-color: #f9f9f9;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

#header .dropdown-content a {
    color: #757585;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

#header .dropdown-content a:hover {background-color: #f1f1f1}

#header .dropdown:hover .dropdown-content {
    display: block;
}

#blurb-mobile {
	display:none;
}

/* **********************************************
nav-bar: medium view menu
********************************************** */

.nav-bar
{
	background-color: #000;
	position: absolute;
	top: 100%;
	right: 0%;
	width: 100%;
	height: 2em;
	font-family: 'Open Sans', sans-serif;font-weight: 600;
	
}

#header .nav-bar {
	color: #bfbfbf;
	padding: 0.3em 0 0 3em;
}

#header .nav-bar a {
	color: #bfbfbf;
	padding: 0 2em 0 0;
}

#header .nav-bar a:hover, .dropbtn:hover {
	color: #fff;
}

#header .nav-bar .dropdown-content a {
	color: #757575;
}

#header .nav-bar .dropdown-content a:hover {
	color: #000;
}

/* **********************************************
end nav-bar
********************************************** */


/* **********************************************
menuIcon: small view menu
********************************************** */
.menuIcon { 
	float:left;
	background:#000; 
	//background:#477980;
	//background:#7492ac;
}
.menuIcon a { font-size:180%; }
.menuIcon img { 
	height: 1em; 
	margin-bottom:0;
	padding: 0 9px 5px 0;
}

.align-left { 
	float:left;
	display:inline;
	padding-left:1em;
}

.align-right {
	float:right;
	display:inline;
	padding-right:1em;
}

/* **********************************************
end menuIcon
********************************************** */

#head-img img { 
	max-width:50%;
	height:auto; 
}

.nypirg-large img {
	display: inline;
	padding-left: 2%;
}

.nypirg-small img {
	display: none;
}

.box-policy-priorities {  
	background:#eceff1;
	padding:4% 0 2% 0;
	margin:auto;
}
 //style="//border:0px solid #000;background:#eceff1;padding:4% 0 2% 0;margin:auto;"

.box0,.box-news-pubs-tweets { margin-bottom: 0; background-color:#fff;}
.box-news-pubs-tweets { background:#fafafa;padding:3% 0 0 0; }
.box1 { margin-bottom: 1em; }
.box2txt { margin-bottom: 1em; }
.box2img { margin-bottom: 1em; }
.box2 { margin-bottom: 1em; }
.box3 { wmargin-bottom: 1em; }
.box4 { margin-bottom: 1em; }
.box6 { margin-bottom: 1em; }
.box-ul-pad-left-1 ul {
	padding-left: 1em;
}

#content h1 {
	font-family: 'Open Sans', sans-serif;	
	//color:#000;
	font-size:200%;
	font-weight: 400;
	padding:0;
	margin-bottom:0.33em;
}

//#content a {
//  /* These are technically the same, but use both */
//  overflow-wrap: break-word;
//  word-wrap: break-word;
//
//  -ms-word-break: break-all;
//  /* This is the dangerous one in WebKit, as it breaks things wherever */
//  word-break: break-all;
//  /* Instead use this non-standard one: */
//  word-break: break-word;
//
//  /* Adds a hyphen where the word breaks, if supported (No Blink) */
//  -ms-hyphens: auto;
//  -moz-hyphens: auto;
//  -webkit-hyphens: auto;
//  hyphens: auto;
//}

#content h2 {
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size:175%;
	font-weight:400;
	padding:0;
	margin:0;
}

#content h3 {
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size: 130%;
	font-weight:400;
	padding:0;
	margin:0;
}


.h3-style {
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size: 130%;
	font-weight:400;
	padding:0;
	margin:0;
}

#content {
	//background-color:#fff;
	height:100%;
	margin:auto;
	////border: 1px solid red;
}

#page-content-wrapper {
	float:left;
	width:100%;
	background:#fafafa;
	////border: 2px solid purple;
	position:relative;
}

.container-dark, .container-darklight ,.container-light,.container-white  {
	width: 100%;
	float: left;
	////border:2px solid #000;
	padding:0;
	margin:auto;
}

.container-dark {
	background:#b0bec5;
}

.container-darklight {
	background:#eceff1;
}

.container-light {
	background:#fafafa;
}

.container-white {
	background:#fff;
}

#content-center {
	float:none;
	display:block;
	//background-color:#fff;
	color:#464646;
	//color:#000;
	width:60%; 
	margin: 0 auto; 
	padding-top:30px;
	////border:2px solid fuchsia;
}

.content-title-left-60-20 {
	float:none;
	width:60%;
	margin:3em 0 0 20%;
	//background:#fafafa;	
	color:#424242;
	////border: 1px solid red;
}

.content-title-left-53-15 {
	float:none;
	width:53%;
	margin:3em 0 0 15%;
	//background:#fafafa;	
	color:#424242;
	////border: 1px solid red;
}

.content-left-53-15 {
	float:left;
	width:53%;
	margin: 0 0 3.5em 15%;
	//background:#fafafa;
	color:#424242;
	////border: 2px solid red;
}

.page-section,.page-section-center {
	float:left;
	width:60%;
	margin: 0% 20% 4.5% 20%;
	//border: 0px solid green;
}

.page-section-wide,.page-section-center-wide {
	float:left;
	width:85%;
	margin: 0% 7.5% 4.5% 7.5%;
	//border: 0px solid green;
}

.page-section-center,.page-section-center-wide {
	display:inline-block;
	text-align:center;
}

.page-element-left {
	display:inline-block;
	text-align:left;
}

.box-section,.box-section-center {
	float:left;
	//border: 0px solid green;
}

.box-section-center {
	display:inline-block;
	text-align:center;
}

.box-element-left {
	display:inline-block;
	text-align:left;
}

.leg-profiles-box {
	margin:0 5% 0 5%;
	width:90%;
}

.leg-profiles-sel { width:200px; }

aside {
	//position:relative;	
	//display:inline-block;
	margin:0 11% 3em 6%; 
	padding-left:1em;
	float:right;
	width:15%;
	//line-height:95%;
	//border-left: 5px #3b94df solid;
	////border: 2px solid blue;
	//position: -webkit-sticky;  // for Safari
    	//position: sticky;
    	//top: 0; // required
}

.inset-img {
	float:right;
	width:250px;
	padding:0 0 0 10px;
}
.inset-img2 {
	float:right;
	width:195px;
	padding:0 0 0 5px;
}
.inset-img3 {
	float:right;
	width:250px;
	max-width:100%;
	padding:0 5px 2px 10px;
}
.inset-img-left {
	float:left;
	width:250px;
	padding:0 15px 2px 0;
}
.inset-img-left-wide {
	float:left;
	width:500px;
	padding:0 15px 2px 0;
}

.inset-txt {
	float:right;
	width:200px;
	height:200px;
	padding:0 0 0 0;
}
.inset-txt-ctr {
	width:200px;
	height:200px;
	padding:0 0 0 0;
}

.h1-with-inset {
	margin-top:-7px;
	padding-top:0;
}

.boxAlert {
	float: left;
	width: 100%;
	font-size: 110%;
	font-weight:400;
	//background-color: #fdebea;
	//background-color: #e1f5fe;
	background-color: #a864a8;
	////border: 1px solid #9AB4C1;
	//color:#db0d01;
	//color:#078bd4;
	color:#fff;
	padding: 13px 10px 13px 10px;
	margin: 0 0 15px 0;
	line-height: 1.25;
	}

.boxAlert a {
	//color:#db0d01;
	//color:#078bd4;
	color:#fff;
	text-decoration: underline;
	font-weight:600;
}

.boxAlert a:hover {
	//color:#db0d01;
	//color:#06e;
	color:#fff;
	//font-weight:600;
}

.box-2-1-left {
	width:48%;
	float:left;
}

.box-2-1-right {
	width:48%;
	float:right;
}
#Links-Resources {
	font-size:85%;
	margin:0;
	padding:0;
}

#Links-Resources a {
	color: #039be1;
}

#Links-Resources a:hover { 
	color: #06e; 
}

.NewsTitle//border {
    width:100%;
    ////border-bottom:3px solid #eee;  
    padding:0 0 10px 0; 
} 
				
.NewsTitle {
	padding:10px 0 0 8.5px;
	width:94%;
	background:#FFF;
	color:#000;
	margin:0 0 0 0;
	font-size:175%;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
			
.NewsTitle a {
	color: #000;
}	

.frame-container {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	padding:0;
	margin:0;

	width:94%;
	height:511px;
	overflow:auto;
	background:#fff;
   	//border-top:3px solid #eee;  
}

.frame-container2 {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	padding:0;
	margin:0;

	width:94%;
	height:511px;
	overflow:auto;
	background:#fafafa;
   	//border-top:3px solid #eee;  
}

.frame-container, .frame-container2  a {
	font-size:15px;
	color:#757575;
	text-decoration:none;
	margin:0;
	padding:0;
}

.frame-container, .frame-container2 a:hover {
	//color:#00F;
	text-decoration:none;
}

.frame-container .news-item {
	//border-bottom: 3px solid #eee;
	margin: 0;
	padding: 10px 10px 10px 10px;
}

.frame-container .news-item:hover { 
	background:#f3f8fb;
}

#search-results { 
	width:100%;
	min-width:600px;
}

#footer { 
	font-family: 'Open Sans', sans-serif;
	font-size:100%; 
	margin:0;
	padding:0;
}

#footer ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#footer ul li {
	float:left;
	clear:left;
	display:block;
	padding: 0.2em;
	margin: 0;
	position: relative;
	left:0.75em;
}


#footer ul li a {
	color:#bfbfbf;
	text-decoration:none;
	line-height:1.5em;
	}

#footer ul li a:hover {
	color:#fff;
	}

#footer .box0 { 
	background:#424242;
	width:100%;
	//border:0px solid #FFF;
	padding:60px 0 50px 100px; 
}

#footer h2 {
	color:#bfbfbf;
	font-size:130%;
	font-weight: 400;
	margin: 0.1em;
}

#footer .box4 .footer-more h2 { padding-top:25px !Important; }

.margin-top-one { margin-top:1%; }
.margin-top-two { margin-top:2%; }
.margin-top-three { margin-top:3%; }
.margin-top-four { margin-top:4%; }
.margin-top-five { margin-top:5%; }

.margin-left-ten { margin-left:10px; }

.margin-0-5-0-5 { margin:0 5% 0 5%; }
.margin-0-10-0-10 { margin:0 10% 0 10%; }
.margin-0-20-0-20 { margin:0 20% 0 20%; }
.margin-0-30-0-30 { margin:0 30% 0 30%; }

.padding-top-point-two-five { padding-top:0.25em; }
.padding-top-point-five { padding-top:0.5em; }
.padding-top-one { padding-top:1em; }
.padding-top-two{ padding-top:2em; }
.padding-top-three{ padding-top:3em; }
.padding-top-four{ padding-top:4em; }
.padding-top-five{ padding-top:5em; }
.padding-bottom-point-two-five { padding-bottom:0.25em; }
.padding-bottom-one { padding-bottom:1em; }
.padding-bottom-six { padding-bottom:6em; }
.padding-left-point-five { padding-left:0.5em; }
.padding-left-one { padding-left:1em; }
.padding-right-one { padding-right:1em; }
.padding-right-two { padding-right:2em; }
.padding-right-three { padding-right:3em; }
.padding-right-four { padding-right:4em; }
.padding-right-five { padding-right:5em; }

.padding-0-0-15-0 { padding:0 0 15px 0 }
.padding-15-0-15-0 { padding:15px 0 15px 0 }

.min-height-100 { min-height:100px; }
.min-height-200 { min-height:200px; }
.min-height-300 { min-height:300px; }
.min-height-400 { min-height:400px; }
.min-height-500 { min-height:500px; }

.width-100-pct { width:100%; }
.width-90-pct { width:90%; }
.width-80-pct { width:80%; }
.width-70-pct { width:70%; }
.width-60-pct { width:60%; }

.width-100-px { width:100px; }
.width-150-px { width:150px; }
.width-200-px { width:200px; }
.width-250-px { width:200px; }

.width-200-150-px { width:200px }

.display-block { display:block; }
.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }


/***********************************************************/
/*                START iOS MOBILE STUFF                   */
/***********************************************************/


/***********************************************************/
/*                END iOS MOBILE STUFF                   */
/***********************************************************/

/* --------------------------
EXTRA LARGE VIEW 
-------------------------- */
@media (min-width: 1200px) {
		
	.menu-test { display: inline }
	.nav-bar { display: none }
	.headermenu { display: none; }

	.box0,.box-news-pubs-tweets	{
		float: left;
	}

	.box1,.box2,.box2img,.box2txt,.box3,.box4,.box6
	{
		float: left;
		margin-bottom: 1em;
		margin-left: 3%;
	}
	
	.box0,.box-news-pubs-tweets { width: 100%; }
	.box1 { width: 94%; }
	.box2 { width: 45.5%; }
	.box3 { width: 29.33%; }
	.box4 { width: 21.25%; }
	.box6 { width: 13%; }

	.footer { padding: 1em 3%; }

	/* START TILER STUFF (WIDE VIEW)*/
	
	//USING BASE SETTINGS

	/* END TILER STUFF */
}

/* --------------------------
LARGE VIEW
-------------------------- */
@media (max-width: 1200px) and (min-width: 1078px) {

	#content { padding-top:10px; }
	.menu-test { display: none }
	.nav-bar {  
		padding: 0 0 0 2em;
		display: block;
	}
	.headermenu { display: none; }

	.box0,.box-news-pubs-tweets
	{
		float: left;
	}

	.box1,.box2,.box2img,.box2txt,.box3,.box4,.box6
	{
		float: left;
		margin-bottom: 1em;
		margin-left: 3%;
	}
	
	.box0,.box-news-pubs-tweets { width: 100%; }
	.box1 { width: 94%; }
	.box2 { width: 45.5%; }
	.box3 { width: 45.5%; }
	.box4 { width: 45.5%; }
	.box6 { width: 30%; }

	.leg-profiles-box {
		margin:0 2% 0 2%;
		width:96%;
	}

	.leg-profiles-sel { width:175px; }

	.nothing { padding-top:5%; }
	.content-title-left-60-20 { width:70%;margin-left:12%;}
	.content-title-left-53-15 { width:53%;margin-left:13%;}
	.content-left-53-15 { width:53%;margin-left:13%;}
	aside { width:15%;margin-right:11%; }
	.page-section,.page-section-center { width:78%;margin-left:11%;margin-right:11%; }
	//#head-img { max-width:75%; }
}

/* --------------------------
MEDIUM VIEW
-------------------------- */
@media (max-width: 1078px) and (min-width: 720px) {
	
	#content { padding-top:10px; }
 	.menu-test { display: none }
	.nav-bar { 
		padding: 0 0 0 2em; 
		display: block; 
	}
	.headermenu { display: none; }

	.box0,.box-news-pubs-tweets
	{
		float: left;
	}

	.box1,.box2,.box2img,.box2txt,.box3,.box4,.box6
	{
		float: left;
		margin-bottom: 1em;
		margin-left: 3%;
	}
	
	.box0,.box-news-pubs-tweets { width: 100%; }
	.box1 { width: 94%; }
	.box2 { width: 45.5%; }
	.box3 { width: 45.5%; }
	.box4 { width: 45.5%; }
	.box6 { width: 30%; }

	.box-2-1-left,.box-2-1-right { width:100%;float:none; }

	.nothing { padding-top:9%; }
	#head-img img { max-width:60%;height:auto; }
	#content-center { width:80%; }
	.content-title-left-60-20 { width:74%;margin-left:10%;}
	.content-title-left-53-15 { width:55%;margin-left:12%;}
	.content-left-53-15 { width:55%;margin-left:12%; }
	aside { width:24%;margin-right:3%; }
	.page-section,.page-section-center { width:80%;margin-left:10%;margin-right:10%; }
	//#head-img { max-width:85%; }
}


/* --------------------------
SMALL VIEW
-------------------------- */
@media only screen and (max-width: 720px) and (min-width: 480px) {
	
	.menu-test { display: none }
	.nav-bar { display: none }
	.headermenu { 
		display: inline; 
	}

	.nypirg-large img {
		display: none;
	}

	.nypirg-small img {
		display: block;
		margin: auto;
		width: 75%;
		padding: 0 0 2% 0;
	}
	
	.menu {
		font-size: 120%;
	}

	.nothing { padding-top:35%; }

	#footer .box0 { 
		padding:60px 0 50px 25px; 
	}
	#footer { 
		font-size: 120%;
	}
	#footer h2 {
		color:#fff;
	}
	#footer ul li a {
		color:#fff;
	}

	.box2 {
		width: 100%;
	}

	.box0 .box2img {
		width: 100%;
	}
	
	.box0 .box2txt {
		width: 100%;
	}

	.box0,.box-news-pubs-tweets {
		width:100%;
	}	

	.box0 h1,.box-news-pubs-tweets h1 { 	
		font-size:250%;
	}

	.box0 .box3,.box-news-pubs-tweets .box3 {
		padding-top:40px;
	}

	.box-2-1-left,.box-2-1-right { width:100%;float:none; }

	#head-img img { max-width:75%;height:auto; }
	.margin-top-one { margin-top:2%; }
	.margin-top-two { margin-top:4%; }
	.margin-top-three { margin-top:6%; }
	.margin-top-four { margin-top:8%; }
	.margin-top-five { margin-top:10%; }
	#search-results { min-width:450px; }
	#content-center { width:87%; }
	.content-title-left-60-20, .content-title-left-53-15 { width:86%;margin: 5% 7% 0 7%;}
	.content-left-53-15 { width:86%;margin: 0 7% 3% 7%; }
	aside { width:86%; margin:2em 7% 1.5em 7%;float:left; }
	.page-section,.page-section-center { width:86%;margin-left:7%;margin-right:7%;padding:0% 0 5%; }
	//#head-img { max-width: 95%; }
	#content h1 { font-size:175%; }
	.inset-img { width:97%; }
	.inset-img {
		float:right;
	 	width:250px;
		margin: 0 0 1% 1.5%;
		padding:0;
	}
	.inset-img2 {
		float:right;
	 	width:195px;
		margin: 0 0 1% 1.5%;
		padding:0;
	}	
	.inset-img3,  {
		float:right;
		width:250px;
		margin: 0 0 1% 1.5%;
		padding: 0 0 3px 0;
	}
	.inset-img-left,  {
		float:left;
		width:250px;
		margin: 0 0 1% 1.5%;
		padding: 0 0 3px 0;
	}
	.inset-img-left-wid,  {
		float:left;
		width:500px;
		margin: 0 0 1% 1.5%;
		padding: 0 0 3px 0;
	}
	 .inset-txt {
		float:right;
		width:200px;
		height:200px;
		padding:0 0 0 5px;
	}
	 .inset-txt-ctr {
		width:200px;
		height:200px;
		padding:0 0 0 5px;
	}

}

/* --------------------------
increment VIEW --> between small and smaller
-------------------------- */
@media only screen and (max-width: 7100px) and (min-width: 10px) 
{

}


/* --------------------------
SMALLER VIEW (MOBILE PHONE SIZE)
-------------------------- */
@media only screen and (max-width: 480px) and (min-width: 10px) {
	
	.menu-test { display: none }
	.nav-bar { display: none }
	.headermenu { 
		display: inline; 
	}

	.nypirg-large img {
		display: none;
	}

	.nypirg-small img {
		display: block;
		margin: auto;
		width: 75%;
		padding: 0 0 2% 0;
	}

	.menuIcon a { font-size:160%; }

	.menu {
		font-size: 160%;
	}

	.nothing { padding-top:38%; }
	
	#footer .box0 { 
		padding:60px 0 50px 12px; 
	}
	#footer { 
		font-size: 120%;
	}
	#footer h2 {
		color:#fff;
	}
	#footer ul li a {
		color:#fff;
	}

	.box2 {
		width: 100%;
	}

	.box0 .box2img {
		width: 100%;
	}
	
	.box0 .box2txt {
		width: 100%;
	}

	.box0,.box-news-pubs-tweets {
		width:100%;
	}	

	.box0 h1,.box-news-pubs-tweets h1 { 	
		font-size:250%;
	}

	.box0 .box3,.box-news-pubs-tweets .box3 {
		padding-top:40px;
	}

	.box-2-1-left,.box-2-1-right { width:100%;float:none; }
	
	.width-200-150-px { width:150px; }

	.leg-profiles-box {
		margin:0 2% 0 2%;
		width:96%;
	}

	//.leg-profiles-sel { width:175px; }
	
	#head-img img { max-width:90%;height:auto; }

	.margin-top-one { margin-top:2%; }
	.margin-top-two { margin-top:4%; }
	.margin-top-three { margin-top:6%; }
	.margin-top-four { margin-top:8%; }
	.margin-top-five { margin-top:10%; }
	#search-results { 
		min-width:250px;
		width:100%;
		overflow:hidden; 
	}

	#content-center { width:95%; }
	.content-title-left-60-20, .content-title-left-53-15 { width:95%;margin: 7% 2.5% 0 2.5%;}
	.content-left-53-15 { width:95%;margin: 0 2.5% 3% 2.5%; }
	aside { width:95%; margin:1.5em 2.5% 1.5em 2.5%;float:left; }
	.page-section,.page-section-center { width:95%;margin-left:2.5%;margin-right:2.5%;padding:0% 0 8.5%; }
	//#head-img { max-width: 100%; }
	#content h1 { font-size:150%; }
	
	.inset-img {
		float:none;
	 	width:98%;
		//margin: 0 1% 1em 1%;
		margin:0;
		padding:0;
	}
	.inset-img2 {
		float:none;
	 	width:98%;
		//margin: 0 1% 1em 1%;
		margin:0;
		padding:0;
	}
	.inset-img3, .inset-img-left, .inset-img-left-wide {
		float:none;
	 	width:98%;
		//margin: 0 1% 1em 1%;
		margin:0;
		padding:0;
	}
	.inset-txt {
		//float:none;
	 	width:100%;
		//height:220px;
		margin:0 0 1em 0;
		padding-top:11px;
	}
	.inset-txt-ctr {
		float:none;
	 	width:98%;
		//height:220px;
		//margin: 0 1% 1em 1%;
		margin:4em 0 1em 0;
		padding-top:11px;
	}
	.h1-with-inset {
		margin-top:0;
		padding-top:0;
	}
	
	#blurb-mobile {
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		font-size:93.75%;
		color:#757575;
		background:#b0bec5;
		padding: 2em 1em 0em 1em;
	}
}

/* --------------------------
TINY VIEW (smaller than droid mini, for example)
-------------------------- */
@media only screen and (max-width: 350px) and (min-width: 10px) {
	.leg-profiles-sel { width:175px; }

	#blurb-mobile {
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		font-size:93.75%;
		color:#757575;
		background:#b0bec5;
		padding: 2em 1em 0em 1em;
	}
}

/* --------------------------
EVEN TINIER VIEW 
-------------------------- */
@media only screen and (max-width: 310px) and (min-width: 10px) {
	.leg-profiles-sel { width:175px; }

	#blurb-mobile {
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		font-size:93.75%;
		color:#757575;
		background:#b0bec5;
		padding: 2em 1em 0em 1em;
	}

}

/* --------------------------
RIDICULOUSLY TINY VIEW (
-------------------------- */
@media only screen and (max-width: 291px) and (min-width: 10px) {
	.leg-profiles-sel { width:175px; }
}

/*************************************************************************/
/*			TEMP MOBILE LANDSCAPE						 */
/* *********************************************************************** */
@media only screen and (min-aspect-ratio: 13/9) and (max-device-width:720px)  {
	.leg-profiles-sel { width:300px;font-size:120%; }
}

/*************************************************************************/
/* fix/unfix header and show/hide blurb
/* *********************************************************************** */

/* @media only screen and (min-aspect-ratio: 13/9) and (max-device-width:720px)  { */
@media screen and (orientation: landscape) and (max-device-width:1040px) {
	div#topdiv {
		position: absolute;
		top:0;
		left:0;
	}
	.content {
		//overflow: hidden;
	}
	#blurb-mobile {
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		font-size:93.75%;
		color:#757575;
		background:#b0bec5;
		padding: 2em 1em 0em 1em;
	}
}
			
/* @media only screen and (max-aspect-ratio: 13/9) and (max-device-width:720px)  { */
@media screen and (orientation: portrait) and (max-device-width:740px) {
	div#topdiv {
		position: fixed;
	}
	.content {
		//overflow: hidden;
	}
}		

/* *****************************************************
this range overlaps with some of the above, but it's not changing anything they care about. 
Range suited to match main styles page with medium view nav menu.
***************************************************** */
@media (max-width: 1200px) and (min-width: 720px) 
{
	#page-content-wrapper { padding-top:1%; }
}