/* For increasing the menu font-size */

.main-navigation ul li a {
font-size: 18px;
}


/* For removing page-titles and that strange box; padding changes whitespace below the header */

.header-post-title-container {
	border-bottom: 0px solid #EAEAEA;
	padding: 0 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
}
.header-post-title-class {
	font-size: 0px;
	padding-bottom: 20;
	line-height: 0px;
}


/* With this we can make the space under headings smaller (e.g., the space under Name on People page) */
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 5px;
	color: #222222;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
}


/* With this we can change the height of the navigation bar */
#header-text-nav-wrap {
     padding-top: 1px;
     padding-bottom: 1px;
}

/*With this piece we can change the color of the menu-bar text when not selected. Padding adds more white above the text*/

.main-navigation a {
	color: #939393;
	display: block;
	float: left;
	padding: 8px 0 0;
	height: 30px;
}

*/ This piece changes the space between menu items (padding) and whether the order is from left-right or vice versa (float) */

.main-navigation li {
	float: left;
	position: static;
	padding: 0 0 0 25px;
	font-family: 'Lato', sans-serif;
}


*/ this thing here places the menu items to the left/right of the screen
#header-right-section {
	float: middle;
}