img[src^="photos/headings"] {max-width:100%}
.title {
    font-size: 24px;
    color: rgb(40,121,201);
    text-shadow: 1px 0px 0px navy,-1px -1px 0 lightblue, 3px 3px 3px lightgrey;
}
td[width="33%"] p.mstheme-horiz-navtxt a, td[width="34%"] p.mstheme-horiz-navtxt a {min-width: auto;max-width:100%;width: auto;}
table#AutoNumber3 td img {max-width: 90%;height: auto;}

p.bannertext {
    color: white;
    font-style: italic;
    text-shadow: 1px 1px 1px black, -1px 1px 1px black, 1px -1px 1px black, -1px -1px 1px black;
    font-size: 1.1em;
}
p.bannertext.larger {
	font-size:1.6em;
}

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

	#menu-cell {
	    max-width: 200px;
	    display: block;
	    position: absolute;
	    top: 145px;
	    left: 0;
	    width:fit-content
	}
	
	p.ms-nav a {
	    width: 110px;
	    font-size: 1.1rem;
	}

	td[style^="padding:24px"] {
		padding:0.25em !important;
	}
	
	img[src^="photos/bannerphotos/i"],img[src^="photos/bannerphotos/P"] {	
		max-width: calc(100vw - 200px);
	}
	
	span#mob-nav {
		display:block !important;
		float: left;
	    padding: 0.25em;
	    color: white;
	    border: 1px solid white;
	    margin: 0.25em;
	}
	
	.mob-hidden {display:none !important}
	
	p.bannertext {
	    font-size: 0.9em;
	}
	p.bannertext.larger {
		font-size:1.1em;
	}
}