#showthisonmobile {display:none;}
#hidethisonmobile {display:hide;}

@media screen and (max-width: 1024px) {
	#header .flex_20 {width:30%; padding:0;}
	#header .flex_20 img {max-width:222px; width:100%;} 
	#header .flex_80 {width:70%; padding:0;}

	#members-list .oneitem h2 {font-size:16px; line-height:1.2}
	#members-list .oneitem h3 {font-size:12px; line-height:1.2}
	
	img.alignright, img.alignleft {max-width:50% !important;}	
}

@media screen and (max-width: 900px) {
	.home h2 {font-size:40px; }
	#showthisonmobile {display:block;}
	#hidethisonmobile {display:none;}
	#masonrycontainer .masitem {width:49%}
	.grid {margin-right:auto;}
	.grid-sizer,
	.grid-item {width:49%; }
	/* 2 columns wide */
	.flex_75, .flex_25, .flex_80 {width:100%; padding-bottom:20px;}
	.flex_70, .flex_30, .flex_20, .flex_40, .flex_60, .flex_33, .flex_66, .single-projects .flex_66 {width:100%; padding-bottom:20px;}
	.single-projects .flex_66 img.attachment-large  {width:100% !important; min-width:100%}
	.thumbnail-wrapper {max-width:40%;}
	#sidebar {padding:0;}
	#members-list .oneitem {max-width:23.5%;margin-right:1.5%; }
	#members-list .oneitem.active {max-width: 38%; margin-right:2%; position:relative; margin-bottom:0; }
	#members-list .faded {opacity:0.3; max-width:19%;  }
	#bio h3.title { margin: 0;}
	#bio h3.focus {max-width:100%; margin: 0 auto 10px;}
	#bio p, #bio h5,#bio h2.item-title {max-width:94%; margin: 0 auto 15px; }
	#bio h2.item-title {padding-top:10px;}
	.edge.active  {}
	.intro p {font-size:20px;}

}
@media screen and (max-width: 720px) {
	.home h2 {font-size:32px; }
	#header .flex_20 {width:33%; padding:0;}
	#header .flex_80 {width:66%; padding:0;}
	.home .cstiles__item-content .bg {opacity:1}
	.cstiles__item-content .cs_title {visibility: visible; opacity:1;  transform: translateY(0px); padding-right:20px; font-size:18px;}
	#masonrycontainer .masitem {width:100%}
	.outer_footer_wrap .flex_50 img {max-width:50%; margin:0 auto; float:none; clear:both; display:block;}
	.inner_footer_wrap .flex_50 {width:90%; float:none; margin:0 auto; text-align:center;  display:block;}
	.inner_footer_wrap .flex_100 {text-align:center; margin-top:20px;}
	#searchform input#s {width:100% !important; max-width:90%}
	ul.projs, ul#menu-footer-menu {display:inline-block; text-align: center; margin:0; float:none;}
	ul#menu-footer-menu li:after, ul.projs li:after {    content: '|';    color: #000; padding-left:6px;}
	ul#menu-footer-menu li:last-child:after{    content: ''}
	ul.social-network {float:none; margin:0 0 20px 0;}
	.size11 {width:50% !important; }
	.copyright {padding:10px; }
	.entry img.pagethumb, .entry img.alignleft, .entry img.alignright, .postexcerpt img.wp-post-image {max-width:50% !important; height:auto;}
	.entry img.size-full {max-width:100% !important}
	
	#members-list .oneitem {max-width:48%;  text-align:center;}
	#members-list .oneitem.active {max-width: 48%; margin-right:0; position:relative; margin-bottom:0; }
	#members-list .faded {opacity:0.3; max-width:48%;  }
	#members-list .oneitem h2 {font-size:20px;}
	#members-list .oneitem h3 {font-size:15px; padding-bottom:0px;}
	
	.sidebar_quote { margin:0 auto; padding:0px 0 ; font-size:20px ;}
	.sidebar_quote p {font-size:20px; width:100%;}
	h1.entry-title {font-size:30px;}

	.single-projects .flex_60 {width:98%}
	.single-projects .thegallery .flex_40 {width:96%; padding:0; float:left; }
	.single-projects .thegallery .flex_60 {padding-bottom:17px;}
	.relatedposts .flex_20 {width:48%;}
	.relatedposts .flex_20:nth-child(5n) {clear:none;}
	.relatedposts .flex_20:nth-child(2n) {clear:both;}
	#members-list .biocontainer:before{max-width:98% !important; }
}

@media screen and (max-width: 500px) {
	p {font-size:16px; line-height:1.4}
	.single-projects .projectdeetz a {
    font-size: 16px
	}
	#header .flex_20 {width:50%; padding:0;}
	#header .flex_80 {width:50%; padding:0;}
	.single-projects #masonrycontainer .masitem {width:100%}
	.thumbnail-wrapper {max-width:100%; float:none;}
	#members-list .oneitem, #members-list .oneitem h2, #members-list .oneitem h3, .active .redline {  
	width:100%; max-width:100%; clear:both; text-align:center;	margin:0}
	.active img.hoverpic {display:inline-block;  margin-bottom:0px;}
	.oneitem:hover img.hoverpic {display:inline-block; margin-bottom:0px;}	
	.size11 {width:100% !important; }
	.home .padding {padding:0}
	ul.catz li {display:block; clear:both; padding:0; margin:0;}
	ul.catz li:after {content:""}
	ul.catz li a {padding:5px 7px 5px 0 !important;  font-size:20px; }
	ul.catz {padding-bottom:20px; display:block; }
	.flex_75 {padding-top:20px;}
	.relatedposts .flex_20 {width:100%; padding:0}
	.grid-sizer,
	.grid-item {width:100%; }
	.grid-item {margin-bottom:0px;  float:right}
	/* 2 columns wide */
	.grid-item--width2 {width:100%; height:285px;}
	.grid-item--height2 {height: 585px; min-height: 585px;}
	#members-list .biocontainer:before{max-width:98% !important; }
	#members-list .oneitem {max-width:96%;  text-align:center;}
	#members-list .oneitem {clear:both; margin-bottom:20px;}
	#members-list .oneitem.active {max-width: 98%; margin-right:0; position:relative; margin-bottom:0; }
}