body.custom-background { background-position: center center !important; background-size: cover !important;  }

.main-navigation { margin-top: 0; }
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { color: #ccc; }
.main-navigation ul ul a { color: #ccc; padding: 10px 10px 0 10px; }
.main-navigation .sub-menu { line-height: 1.1em; min-width: 300px; }

button, input, optgroup, select, textarea { color: #555; }

.site-title h1 { margin-bottom: 1rem; }
.entry-title { font-size: 2rem; text-align: center; color: white; }

.about-img { float: left;	width: 30%;	}
.about-img img { width: 100%;	}
.about-bio { width: 68%; margin-left: 2%; float: left; }
.about-bio p:last-child { margin-bottom: 0; }

/* Enter Your Custom CSS Here */
@media only screen and (max-width: 520px) {
	.main-small-navigation ul li, .main-navigation ul li {
  	background-color: transparent;
    margin: 5px 0;
    text-align: center;
	}
  .main-navigation ul ul a {
    color: white;
    background-color: transparent;
	}
  .about-img { width: 100%; }
  .about-bio { width: 100%; }
  
  h1 { font-size: 2rem; text-align: center; }
  .site-title a { font-size: 2rem; }
}