@media screen and (max-width: 980px) {

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	.pagewidth {
		max-width: 94%;
	}
	
	/* content */
	#content {
		max-width: 63%;
	}
	/* sidebar */
	#sidebar {
		
	}
	#main-nav a{font-size:17px;}
	
}

@media screen and (max-width: 890px) {
	
	/************************************************************************************
	HEADER
	*************************************************************************************/
	/* reset absolute elements to static */
	#site-logo, #main-nav  {
		position: static;
		clear: both;
	}
	
	/* header */
	#header {
		height: auto;
	}
	.header-content{
		height: auto;
	}
	
	/* nav bar */
	#nav-bar {
		display: none;
	}

	/************************************************************************************
	MAIN NAV
	*************************************************************************************/
	#main-nav {
		height: auto;
	}
	#content{width: 54%;}
	#sidebar{width: 44%; margin-left: 2%;}
	.event-title, .event-title.active{
		background-size:40px;
	.events h2{
		font-size:13px; 
	}
	.events h3{
		font-size:12px; 
	}
	.book-cover {
		margin: 4px;
	}
}
@media screen and (max-width: 790px) {

	.site-branding{width:40%;}

}
@media screen and (max-width: 650px) {
	
	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#content {
		width: 100%;
		max-width: 100%;
		float: none;
		clear: both;
	}
	/* sidebar */
	#sidebar {
		width: 100%;
		max-width: 100%;
		margin: 0;
		clear: both;
	}
	
	#header{ 
		
	}
	.header-top {
		min-height: 80px;
	}
	
	#top-right{
		width: 100%;
	}
	#progress-bars{padding: 7px 0 0;}
	.breadcrumbs{padding: 0 0 5px;}

	/************************************************************************************
	MAIN NAV (MOBILE)
	*************************************************************************************/
	/*MOBILE NAV BUTTON*/
	.mobile-button {
		position: absolute;
		display: block;
		float: right;
		cursor: pointer;
		top:15px;
		right:20px;
	}
	/* menu icon */
	#menu-icon {color:#fff;}
	#menu-icon:before{
		content: "\f333";
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		font: normal 33px/1 'dashicons';
	}
		#menu-icon:hover{color:#0274a6;}
	
	/* main nav */
	#main-nav {
		display: none; /* visibility will be toggled with jquery */
		background: #fff;
	}
	#main-nav ul{border: none;}
	#main-nav li{width:100%;}
	#main-nav li a{text-align: left; color: #000;}
	/* dropdown ul */
	#main-nav ul { 
		display: block;
		position: relative;
		margin-left: 20px;
	}
	/* sub-levels link */
	#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a, #main-nav li:hover > ul a  {
		width: 94%;
		color: #0274A6;
	}
	/* sub-levels link :hover */
	#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover, #main-nav li:hover > ul a:hover {
		background: #F3F3F3;
		color: #000;
	}
	#main-nav ul ul{left: 0;}
	
	.page-title{font-size:250%;}
	.content-full img{max-width:45%;}
	.video{width:100%; margin-right:0;}

	.book-cover {
		margin: 5px;
	}
	.events h3{
		font-size:12px;
	}

}

@media screen and (max-width: 550px) {
	.site-branding{width:50%;}
	/*MOBILE NAV BUTTON*/
	.mobile-button {
		right:15px;
	}
	
	.content-full img{max-width:100%;}
	
	/************************************************************************************
	LAYOUT
	*************************************************************************************/
	/* post */
	.post {
		margin-left: 0;
		float: none;
	}
	
	/************************************************************************************
	POST NAV
	*************************************************************************************/
	.post-nav .prev, .post-nav .next {
		display: block;
		width: 100%;
		clear: both;
		margin-bottom: 10px;
	}
	
	/************************************************************************************
	COMMENTS
	*************************************************************************************/
	.commentlist {
		padding-left: 0;
	}
	.commentlist .commententry {
		clear: left;
	}
	.commentlist .avatar {
		float: left;
		width: 40px;
		height: 40px;
		margin: 0 10px 10px 0;
	}

}