/* Responsive layout for displays < 750px */

html {
	margin:0;
	padding:0;
}

body {
	max-width: 600px;
	margin-left:auto;
	margin-right:auto;
	padding:4px;
}

#content, #content_blog {
	padding: 4px;
	padding-bottom:16px;
}

#main_menu li, #header h1 {
	display:block;
	/*float:left;*/
	padding: 2px 8px;
	font-weight:normal;
	font-size:150%;
	text-align:center;

}
#main_menu {
	overflow: auto;
}

#header a {
	text-decoration:none;
}

/* Hamburger menu */
#header {
	position: relative;

}

#hamburger_toggle {
	background:none;
	position: absolute;
	top:0;
	right:0;
	padding:0px 16px;
	border:0;
	cursor:pointer;
	outline:none;
}

/* End hamburger menu */

#side_menu {
	text-align:center;
	padding: 16px;
	/*padding-bottom:1em;
	padding-left: 1em;*/
	vertical-align:top;
	border-top-width: 3px;
	border-top-style: dotted;
}

#side_menu th {
	font-weight: normal;
}

#side_menu ul {
	text-align: left;
}

#footer {
	padding:2px;
	clear:both;
	text-align:center;
	font-size:75%;
}


/* Reduce font size for smaller screens */
@media screen and (max-width: 768px) {
    #side_menu {
        font-size: 80%;
        padding: 13px;
    }
}