div.mobileFix {
	padding: 0 100px;
}

div.onlyShowMobile {
	display: none;
}

div.onlyShowDesktop {
	display: block;
}

@media screen and (max-width: 1030px) {
	body {
		background-color: #fff;
	}
	div#container {
		margin-top:0;
	}
	
	div.mobileFix {
		padding: 0 25px;
	}
	
	div.onlyShowMobile {
		display: block;
	}
	div.onlyShowDesktop {
		display: none;
	}
	div.col {
		margin:1em 3% !important;
		width:94% !important;
		padding:0 !important;
		float:none !important;
	}
	
	div.col img {
		width:auto;
		height:auto;
		max-width:100%;
	}
	
	h1 {
		font-size:2.1em;
	}
	div.ingress {
		font-sixe:5vw;
	}
	
	div#nav {
		margin-top:3px;
		width:80%;
	}
	
	img.my_popup_close {
		right:0;
	}
	
	div.mob_break {
		position:relative;
	}
	

	div#menu {
		width:100%;
		float:none;
		height:unset;
	}
	
	.mobhide {
		display:none;
	}
	
	div.menupadding {
    padding: 2% 2.5%;
    width: 95%;
    overflow: hidden;
	}
	
	div#logoarea {
	    width: auto;
	    height: auto;
	    background: #ffffff none;
	    float: left;
	    position: absolute;
	    top: 49px;
	    left: 143px;
	}
	
	div#logoarea img {
		width:auto;
		max-height:52px;
		transition: all 0.5s ease;
	}
	
	div#lessonspacer {
		width:100%;
		clear:both;
		height:65px;
	}
	
	div#menunav {
		display:none;
	}
	
	div#menunav.on {
		display:block;
	}
	
	div#menunav p {
		padding:0 3em;
	}
	
	div#mobilemenu {
    display: block;
    padding: 3px 3px 5px 3px;
    border-radius: 5px;
	}
}


@media screen and (max-width: 600px) {
	h1 {
		font-size:1.6em;
	}
	
	img.rgt {
		float:none;
		display:block;
		margin:0.2em 0;
	}
	
	h1.small {
		font-size:1.3em !important;
	}
	
	h1.smaller {
		font-size:1em;
	}
	
	table.tbl {
		font-size:0.9em;
	}
	
	table.tbl td {
		display:block;
		clear:both;
	}
	
	table.tbl.full td {
		display:table-cell;
		clear:none;
	}
	
	tr.delimit td:last-of-type {
		padding-bottom:4px;
		border-bottom:1px solid #cccccc;
	}


	div.mobscroll {
		overflow:auto;
		height:45vh;
	}
	

}