/* Small screens */
@media only screen and (max-width: 40em) {

    SECTION .inner {
	max-width: 90%;
    }

    FORM BUTTON {
	display: block;
	margin: auto;
    }


    .page-header .left {
	width: 100%;
    }

    .page-header .left H1 {
	float: none;
	text-align: center;
    }

    .page-header .menu-toggle {
	background-color: blue;
	float: right;
	line-height: 3em;
    }

    .page-header .menu-toggle .icon {
	width: 2em;
	height: 3em;
	fill:  #6a899c;
    }

    .page-header NAV {
	display: none;
	float: none;
	width: 100%;
	height: 100%;
	background-color: #6a899c;
	font-size: 1.3em;
    }

    .page-header NAV LI {
	float: none;
	text-align: center;
	padding: 0;
    }

    .page-header NAV A {
	color: white;
    }

    .intro .left {
	float: none;
	text-align: center;
    }

    .intro IMG {
	width: 100%;
	height: auto;
    }

    .intro .right {
	float: none;
	margin-left: 0;
	padding: 2em 0;
	text-align: center;
    }

    .intro H1 {
	display: none;
    }

    .intro P {
	display: none;
    }

    .intro FORM {
	padding: 2em 0;
    }


    .order-button BUTTON {
	width: 100%;
	margin: auto;
    }

    .order-button UL {
	width: 100%;
	padding-top: 5.75em;
    }

    .order-button UL A {
	width: 100%;
    }

    .chat-heading {
	float: none;
    }

    .chat-heading H1 {
	width: auto;
	text-align: center;
    }

    .about .left {
	width: auto;
    }

    .testimonial {
	width: 75%;
    }

    #inthebook SECTION {
	width: auto;
    }

    #inthebook FORM {
	padding: 2em;
    }

    .subdivider1, .subdivider2, .subdivider3 {
	width: auto;
    }

    #author .headshot {
	float: none;
	display: block;
	margin: auto;
    }

    #author .bio {
	width: auto;
	margin-left: 0;
    }

    #social .twitter-widget {
	display: none;
    }

    .social-body H3 {
	font-size: 1.1em;
    }

    .social-body INPUT {
	width: 90%;
	margin: auto;
	margin-bottom: 1em;
    }

    #order .left {
	float: none;
	display: block;
	margin: auto;
    }

    #order .right {
	float: none;
	padding-top: 1em;
	width: auto;
	margin-left: 0;
	text-align: center;
    }

    #order FORM {
	padding: 2em 0;
    }

    .social-body {
	margin-left: 0;
	padding-top: 0;
    }

}

/* Medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    SECTION .inner {
	max-width: 95%;
    }
}