@media only screen and (max-width:800px) {
	body {
		font-size: 16px;
	}

	h1 {
		font-size: 24px;
		font-weight: bold;
	}

	h2 {
		font-size: 22px;
		font-weight: bold;
	}

	h3 {
		font-size: 20px;
	}

	h4, h5 {
		font-size: 18px;
		font-weight: bold;
	}

	blockquote {
	  margin-left: 5vw;
	  margin-right: 1vw;
	}

	.topnav {
        min-height: 18vw;
        height: inherit;        
	}

	.topnav,
	.bottomnav {
        background-color: #d2c8bf !important;
        padding-top: 2vh;
        padding-bottom: 1vh;
        padding-left: 2vw;
        padding-right: 2vw;
        display: block;
        margin-left: 1vw;
        margin-right: 1vw;        
        margin-bottom: 2vh !important;
    }

    .topnav a:not(:last-child)::after {
        margin-left: 8px;
        margin-right: 8px;
    }

    .topnav a {
        display: inline-block;
        white-space: nowrap;
        margin-bottom: 0.5vh;
    }

	table.home, table.topics, table.scriptures, table.faq, table.faith, table.outline, table.about, table.pathways, table.resources {
		width: 90%;
	}

	td.mathew_header {
		background-image: url('/images/new_matthew_bible_01.jpg');
		background-repeat: no-repeat;
		background-size: 100% auto;
		padding-bottom: 37%;
		height: 5vw;
	}

	td.mathew_left {
		background-image: url('/images/new_matthew_bible_02.jpg');
		width: 24px !important;
		background-size: 100% auto;
	}

	td.mathew_right {
		background-image: url('/images/new_matthew_bible_04.jpg');
		width: 24px !important;
		background-size: 100% auto;
	}

	td.mathew_broad {
		background-image: url('/images/matthew_bible_04.jpg');
		background-size: 100% auto;
		padding-left: 1vw;
		padding-right: 1vw;
	}

	td.mathew_broad td.unstack {
		display: block;
		clear: both;
		max-width: 85vw;
	}

	td.mathew_footer {
		background-image: url('/images/new_matthew_bible_09a.jpg');
		background-size: 100% auto;
		padding-bottom: 56.8%;
		margin-top: -10.74%
	}

	.mathew_content {
	  width: 100%;
	}

	.mathew_content table {
	  max-width: 100%;
	}

	.mathew_content table td {
		background-size: 100% auto;
		padding-left: 1vw;
		padding-right: 1vw;
	}

	.mathew_content table td img {
		max-width: 80%;
		height: auto;
	}

	img.sidebyside {
		max-width: 40%;
		height: auto;
		float: left;
		clear: both;
		margin: 1vw;
	}

	.about img {
		max-width: 42vw;
		height: auto;
		float: right;
		margin-right: 0;
		margin-bottom: 6px;
	}

	.subscribe {
		max-width: 85vw;
	}

	input[type=submit],
	input[type=image],
	.subscribe input[type=email] {
		max-width: calc(80vw - 48px);
	}
}