@media all and (max-width: 991px) {
	* {
		box-sizing: border-box;
	}
	body {
		padding: 0;
	}
	img {
		max-width: 100%;
	}
	#wrapper {
		width: 100%;
	}
	#header {
		padding: 0 15px;
	}
	.toggle-menu {
		display: block;
		float: right;
		font-size: 1.5em;
		border-radius: 8px;
		background-color: transparent;
		border: 3px solid #F0DABD;
		padding: 5px 10px;
		padding-bottom: 7px;
		margin-top: 15px;
		cursor: pointer;
	}
	.toggle-menu .fa {
		color: #F0DABD;
	}
	.cbp-spmenu-vertical {
		z-index: 1080;
	}
	.cbp-spmenu {
		background-color: #144A5B;
	}
	.cbp-spmenu h3 {
		background-color: #0a2b36;
		color: #F0DABD;
	}
	.cbp-spmenu a:hover {
		background-color: #F0DABD;
		color: #144A5B;
	}
	#large-book {
		float: left;
		width: 40%;
		margin: 0;
		padding: 10px 15px;
		background-size: 100%;
	}
	#home-content {
		float: left;
		width: 60%;
		margin: 0;
		padding: 0 15px;
	}
	#home-content h1 {
		font-size: 32px;
	}
	.learn-more, .meet-the-authors {
		float: none;
		display: inline-block;
		margin: 0;
	}
	#buttons {
		text-align: center;
	}
	#buttons a {
		padding: 0;
		height: auto;
		width: auto;
		background-image: none;
	}
	#nav {
		display: none;
	}
	#footer ul {
		text-align: center;
	}
	#footer ul li {
		display: inline-block;
	}
	#footer ul li a {
		padding: 6px;
	}
	#copyright {
		width: 100%;
		float: none;
		padding: 15px;
		text-align: center;
	}
	.entry-content {
		padding: 0 15px;
	}
	.posts-wrap {
		width: 70%;
		height: auto;
		padding: 0 15px;
	}
	.sidebar-wrap {
		width: 30%;
		height: auto;
	}
	.widget ul {
		margin: 0;
	}
	.sidebar {
		padding-left: 15px;
	}
	#wide {
		padding: 0 15px;
	}
	#menu-nav-1 li {
		float: none;
		display: block;
		margin: 0;
	}
}

@media all and (max-width: 780px) {
	.page-id-7 img.alignleft {
		display: none;
	}
	.wpcf7-form-control {
		width: 100%;
	}
	html input[type="button"], input[type="reset"], input[type="submit"] {
		max-width: 150px;
		padding: 6px 12px;
	}
}

@media all and (max-width: 767px) {
	#large-book {
		float: left;
		width: 100%;
		margin: 0;
		padding: 10px 15px;
		background-size: 100%;
		text-align: center;
	}
	#home-content {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 15px;
	}
	#logo {
		max-width: 70%;
	}
	#home-content h1 {
		font-size: 28px;
	}
	button, input, select, textarea {
		max-width: 100%;
	}
	.sidebar-wrap {
		width: 100%;
		padding: 0 15px;
	}
	.posts-wrap {
		width: 100%;
		padding: 0 15px;
	}
	.sidebar {
		padding: 0;
	}
	
	html input[type="button"], input[type="reset"], input[type="submit"] {
		max-width: 100%;
	}
}

@media all and (max-width: 480px) {
	.page-id-2 h1 {
		text-align: center;
	}
	.page-id-2 h1 a {
		width: 100%;
		display: block;
	}
	.page-id-2 img.alignright {
		float: none;
		display: inline-block;
		margin: auto;
		margin-bottom: 15px;
	}
}