/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
 */

/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */

/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */

/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 767px) {
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
  
  #header #logo img {
	  max-width: 70%;
  }
  
  .region-header .region-inner {
	  margin-top: -80px;
  }

	.region-sidebar-second {
		width: 100% !important;
	}
	
	#columns {
		max-width: 90%;
	}	
	
	.book-more-from li {
		margin: 0 2%;
	}
	
	.book-more-from img {
		height: auto !important;
	}
	
	.region-sidebar-second .book-samples h2.block-title, .book-more-from h2 {
		margin-bottom: 20px;
	}
}

/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */

/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */

@media only screen and (min-width: 1025px) and (max-width: 1210px) {
	.nav ul, .nav ul.menu {
		margin: 0 0 0 20px;
	}
	
	.rendered-by-ds .panel-display .region-inner {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	footer .region-inner {
		padding: 20px;
	}
	
	#columns,
	.section-comment #columns, 
	.section-booklets #columns, 
	.section-blog #columns {
		width: 95%;
	}
	
}

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

	.node-book .field-name-title h1 {
		font-size: 32px;
		line-height: 130%;
	}
	
	.node-book .field-name-field-intro h2 {
		font-size: 18px;
	}
	
	.node-book .quote {
		font-size: 16px;
	}
	
	.node-book .excerpt .inner {
		font-size: 14px;
	}
	
	.node-book .excerpt p:last-child {
		margin: 0 0 15px 40%;
	}
}