
@media screen and (max-width: 799px){
	.wrap{ width:auto; }
	
	header{ position:relative; width:90%; padding:25px 0 20px; margin:0 5%; }
	header a.logo{ float:none; max-width:200px; height:48px; margin:0 auto; background-size:100% auto; }
	header div.topnav{ float:none; }
	header div.topnav a.login{ position:absolute; float:none; top:0px; right:0; padding-left:13px; margin:0; background-size:auto 100%; font-size:12px; line-height:12px;margin-top:-25%;  }
	header div.topnav nav.social{ float:none; max-width:174px; margin:20px auto 0; }
	header div.topnav nav.socialFix, footer div.fbot nav.socialFix  {display:block; clear:both; max-width:none !important; width:65% !important; margin:auto !important; }
	header div.topnav nav.socialFix { width: 70% !important; }
	header nav.main{ width:100%; height:27px; margin-top:20px; }
	header nav.main div.trigger{ display:block; }
	header nav.main div.button{ display:none; z-index:999; float:none; margin-right:0; border:1px solid #5a5758; border-bottom:0; background:#fff; }
	header nav.main div.button:last-child{ border-bottom:1px solid #5a5758; }
	header nav.main div.button a.parent{ float:none; padding:0 10px; font-size:1em; line-height:25px; }
	header nav.main div.button div.dropdown{ display:block; position:static; box-shadow:none; }
	header nav.main div.button div.dropdown a{ width:auto; padding:0 10px 0 25px; border-top:1px solid #5a5758; background:none; font-size:1em; color:#000; line-height:25px; }
	header nav.main div.button div.dropdown a:hover{ background:#47b68a; color:#fff; }
	
	#content div.banner{ height:auto; background-image:none !important; }
	#content div.banner div.new-banner-bg{ display:block; }
	/* #content div.banner img#banner-bg.showbanner{ display:block; } */
	#content div.banner div.wrap{ height:auto; padding:0 5%; }
	#content div.banner a.donate{ position:static; width:auto; max-width:none; padding:10px; margin:20px 0 0; border-radius:8px; box-shadow:5px 5px 10px 0 #b8b9bc; }
	#content div.banner a.donate:hover{ box-shadow:5px 5px 10px 0 #7e7d7e; }
	#content div.banner div.slide-container{ position:static; width:94%; padding:3%; margin:20px auto 0; }
	#content div.banner div.slide-container h1{ font-size:20px; }
	#content div.banner div.slide-container h2{ font-size:18px; }
	#content div.banner2{ height:auto; }
	#content div.banner2 div.wrap{ height:auto; }
	#content div.content-main{ padding:30px 5%; }
	#content div.content-main div.testi{ max-width:none; margin-bottom:30px; }
	#content div.content-main div.testi h1{ font-size:18px; }
	#content div.content-main div.testi h1 img.quote-open{ width:25px; }
	#content div.content-main div.testi p{ font-size:14px; }
	#content > div.content-main > div > div > a > img { margin-bottom:15px; }
	#content div.content-main ul.members{ display:none; max-width:none; margin-bottom:30px; margin-left:auto;margin-right:auto;width:80%}
	#content div.content-main ul.members li,
	#content div.content-main ul.members li:nth-child(2n-2){ margin:0 133px 10px 0; }
	#content div.content-main ul.members li:last-child{ margin-right:0; }
	#content div.content-main ul.members li a{ width:130px; height:130px; background-position:0 130px; }
	#content div.content-main ul.members li a.teachers{ background-size:100% auto; }
	#content div.content-main ul.members li a.students{ background-size:100% auto; }
	#content div.content-main ul.members li a.volunteers{ background-size:100% auto; }
	#content div.content-main ul.members li a.donors{ background-size:100% auto; }
	.members-mobile{ display:block; }
	#content div.content-main div.rsvp{ width:100%; margin-bottom:30px; }
	#content div.content-main div.news,
	#content div.content-main div.sponsors{ float:none; max-width:none; }
	#content div.content-main div.news h1,
	#content div.content-main div.sponsors h1{ font-size:25px; }
	#content div.content-main div.sponsors ul.sponsor li{ max-width:135px; margin-right:83px; margin-left:83px; }
	#content div.content-main div.other{ float:none; margin:0 auto; }
	#content div.content-main div.other a.button{ padding:10px 40px 10px 10px; margin-bottom:30px; background-position:318px 50%; }
	#content div.content-main div.other a.button h3{ font-size:15px; }
	#content div.content-main div.other a.button h2{ font-size:25px; }
	#content div.content-main div.content-in{ float:none; max-width:none; font-size:12px; }
	#content div.content-main div.content-in h1,
	#content div.content-main div.content-in h2,
	#content div.content-main div.content-in h3,
	#content div.content-main div.content-in h4,
	#content div.content-main div.content-in h5,
	#content div.content-main div.content-in h6,
	#content div.content-main div.content-in div,
	#content div.content-main div.content-in p,
	#content div.content-main div.content-in ul{ margin-bottom:15px; }
	#content div.content-main div.content-in h1.page-title{ padding-bottom:30px; font-size:20px; }
	#content div.content-main div.content-in h2.page-parent{ margin-bottom:5px; font-size:15px; }
	#content div.content-main div.content-in ul.board li{ margin-right:108px; }
	#content div.content-main div.content-in ul.program li,
	#content div.content-main div.content-in ul.program li:nth-child(even){ margin:0 59px; }
	#content div.content-main div.content-in form.teachfeed p.submit{ text-align:center; }
	#content div.content-main div.content-in form.teachfeed input[type=text]{ height:25px; font-size:12px; }
	#content div.content-main div.content-in form.teachfeed input[type=submit]{ margin-right:0; }
	#content div.content-main div.content-in form.teachfeed select{ padding-top:5px; padding-bottom:5px; font-size:12px; }
	#content div.content-main div.content-in form.teachfeed textarea{ height:100px; font-size:12px; }
	#content div.content-main div.content-in form.teachfeed label{ font-size:11px; }
	
	
	#content div.content-main div.content-in ul.board li { display: block; }
	#content div.content-main div.content-in ul.board li .placeholder { width:235px;background:url('https://6639397ff2b735c3efec-9267515e26b8c1e3e8155c7a4b278e5e.ssl.cf2.rackcdn.com/blank_board_png-1440424765') no-repeat }
	#content div.content-main div.content-in ul.staff li {
line-height: 2%; }
	#content div.content-main div.content-in ul.staff li p { margin:1px; }
	#sidebar{ float:none; max-width:360px; margin:0 auto; }
	#sidebar nav.sidenav{ display:none; }
	#content div.content-main div.other a.button { background-position:right ; }
	div.signup {  margin-top:-10% }
	footer div.ftop div.signup,
	footer div.ftop div.about{ width:90%; max-width:none; padding:0 5%; margin-bottom:30px; }
	footer div.ftop div.intouch{ width:90%; max-width:none; padding:0 5%; }
	footer div.fbot nav.social2{ float:none; max-width:174px; margin:0 auto; }
	footer div.fbot p.cright{ width:100%; margin-top:15px; text-align:center; font-size:13px; }
}
@media screen and (orientation : portrait) {
	.members-mobile{ margin-left: 14%; margin-right: auto; margin-bottom:3%; }
	.members-mobile li { width:30%; margin-right: 10%; margin-bottom: 2%; }
}
@media screen and (max-width: 800px){
	#content div.content-main div.content-in ul.board li .placeholder { width:235px;background:url('https://6639397ff2b735c3efec-9267515e26b8c1e3e8155c7a4b278e5e.ssl.cf2.rackcdn.com/blank_board_png-1440424765') no-repeat }
	#content div.content-main ul.members li,
	#content div.content-main ul.members li:nth-child(2n-2){ margin-right:66px; }
	#content div.content-main ul.members li:last-child{ margin-right:0; }
	#content div.content-main div.sponsors ul.sponsor li{ margin-right:52px; margin-left:52px; }
	#content div.content-main div.content-in ul.board li{ margin-right:7px; }
	#content div.content-main div.content-in ul.program li,
	#content div.content-main div.content-in ul.program li:nth-child(even){ margin:0 8px; }
	#content div.content-main div.content-in ul.staff{ margin-bottom:0; }
	#content div.content-main div.content-in ul.staff li{ width:45%; margin-right:10%; margin-bottom:15px; }
	#content div.content-main div.content-in ul.staff li:nth-child(even){ margin-right:0; }
	#content div.content-main div.content-in ul.staff li p.name{ max-width:none; }
	#content div.content-main div.content-in ul.staff li p.position{ max-width:none; }
	#content div.content-main div.content-in ul.staff li p.email{ max-width:none; }
	#content div.content-main div.content-in ul.staff li p.phone{ max-width:none; }
}

@media screen and (max-width: 768px){
	#content div.content-main div.content-in ul.board li .placeholder { width:235px;background:url('https://6639397ff2b735c3efec-9267515e26b8c1e3e8155c7a4b278e5e.ssl.cf2.rackcdn.com/blank_board_png-1440424765') no-repeat }
	#content div.content-main ul.members li,
	#content div.content-main ul.members li:nth-child(2n-2){ margin-right:57px; }
	#content div.content-main ul.members li:last-child{ margin-right:0; }
	#content div.content-main div.sponsors ul.sponsor li{ margin-right:45px; margin-left:45px; }
	#content div.content-main div.content-in ul.board li,
	#content div.content-main div.content-in ul.board li:nth-child(3n-3){ margin:0 53px 30px; }
	#content div.content-main div.content-in ul.program li,
	#content div.content-main div.content-in ul.program li:nth-child(even){ float:none; margin:0 auto 20px; }
}

@media screen and (max-width: 600px){
	#content div.content-main div.content-in ul.board li .placeholder { width:235px;background:url('https://6639397ff2b735c3efec-9267515e26b8c1e3e8155c7a4b278e5e.ssl.cf2.rackcdn.com/blank_board_png-1440424765') no-repeat }
	#content div.content-main ul.members li,
	#content div.content-main ul.members li:nth-child(2n-2){ margin-right:6px; }
	#content div.content-main ul.members li:last-child{ margin-right:0; }
	#content div.content-main div.sponsors ul.sponsor li{ margin-right:22px; margin-left:22px; }
	#content div.content-main div.content-in ul.board li,
	#content div.content-main div.content-in ul.board li:nth-child(3n-3){ margin:0 16px 30px; }
}

@media screen and (max-width: 568px){
	#content div.content-main div.content-in ul.board li .placeholder { width:235px;background:url('https://6639397ff2b735c3efec-9267515e26b8c1e3e8155c7a4b278e5e.ssl.cf2.rackcdn.com/blank_board_png-1440424765') no-repeat }
	#content div.content-main ul.members li,
	#content div.content-main ul.members li:nth-child(2n-2){ margin-right:77px; }
	#content div.content-main ul.members li:last-child{ margin-right:0; }
	#content div.content-main ul.members li a{ width:70px; height:70px; background-position:0 70px; }
	#content div.content-main div.sponsors ul.sponsor li{ margin-right:17px; margin-left:17px; }
	#content div.content-main div.content-in ul.board li,
	#content div.content-main div.content-in ul.board li:nth-child(3n-3){ margin:0 8px 30px; }
}

@media screen and (max-width: 480px){
	#content div.content-main div.content-in ul.board li .placeholder { width:235px;background:url('https://6639397ff2b735c3efec-9267515e26b8c1e3e8155c7a4b278e5e.ssl.cf2.rackcdn.com/blank_board_png-1440424765') no-repeat }
	#content div.content-main ul.members li,
	#content div.content-main ul.members li:nth-child(2n-2){ margin-right:50px; }
	#content div.content-main ul.members li:last-child{ margin-right:0; }
	#content div.content-main div.sponsors ul.sponsor li{ max-width:100px; margin-right:19px; margin-left:19px; }
	#content div.content-main div.content-in ul.board li,
	#content div.content-main div.content-in ul.board li:nth-child(3n-3){ max-width:180px; margin:0 14px 30px; }
	#content div.content-main div.content-in ul.board li h2.name,
	#content div.content-main div.content-in ul.board li p.position,
	#content div.content-main div.content-in ul.board li p.otherpos{ font-size:12px; }
	#content div.content-main div.content-in ul.board li h2.name{ font-weight:bold; }
	#content div.content-main div.content-in ul.board li p.otherpos{ margin-top:0; }
	#content div.content-main div.content-in ul.board li { margin-right:30%; }
}

@media screen and (max-width: 320px){
	#content div.content-main div.content-in ul.board li { margin-right:30%; }
	#content div.content-main ul.members li,
	#content div.content-main ul.members li:nth-child(2n-2){ margin-right:16px; }
	#content div.content-main ul.members li:last-child{ margin-right:0; }
	#content div.content-main ul.members li a{ width:60px; height:60px; background-position:0 60px; }
	#content div.content-main div.sponsors ul.sponsor li{ max-width:70px; margin-right:10px; margin-left:10px; }
	#content div.content-main div.other a.button{ background-position:231px 50%; }
	#content div.content-main div.content-in ul.board li,
	#content div.content-main div.content-in ul.board li:nth-child(3n-3){ max-width:130px; margin:0 3px 30px; }
	#content div.content-main div.content-in ul.board li { margin-right:30%; }
}
