/*
Is only used when the screen is less than 600 px wide, i.e. mobile
*/



table,tbody,tr,td{ /*clear formatting */
	display:block !important;
	clear: both !important;
	width: 100%;
}

table{
	/* dont ask q.q */
	overflow-x: hidden;
	width:101%;
}

.hidden{display:inherit !important;}

body{
	margin:0;
	padding: 0;
    overflow-x: hidden;
}

/* tossin around the header */
#table1{

}

#header-left{
	width:100%;
	text-align: center;
	padding-top: 15px;
}

#header-left p{
	margin: .5em 0 0 0;
    font-style: italic;
}

#header-left br {
    display: none;
}

#header-right{
	width:100%;
}

#header-right img{
	display:none;
}
#header-right p{
	padding:0 15px;
}

/* simple fix to the links */

#table3 a img,.navmenu a img  {
    width: 33% !important;
    height: 6.6vw;
    margin-bottom: 10px;
}
#table3 p,.navmenu p{    margin: 5px 0;}

/* and the copy applied "inner-content" class to all applicable <tr>'s*/
.inner-content img{
    width: 100%;
    clear: both;
    float: none;
	height: auto;
	margin-top: 10px;
}
.inner-content{
	text-align:left !important;
	line-height: 1.5em;
	width: 96%;
    margin: 0 auto;
}
span.mobile-p { /* breaks up paragraphs ONLY on mobile */
    display: block;
    margin-bottom: 1em;
}
.desktop-center {
    text-align: left;
}


/* fix that footer image */
.footer-image{
	width:20% !important;
	height:auto;
	display:block;
	margin:0 auto;
}

.online {
	font-size: 1.0em !important;
    background: rgb(255, 204, 0);
    color: #000;
    text-decoration: none;
    padding: 6px;
    border: 1px solid #E0B300;
    border-radius: 6px;
}

/* refix scrollbar mobile */
#scrollBar{
	max-width:none !important;
}