/* Enter Your Custom CSS Here */

body { font-size: 18px; }

.brand-center { padding: 20px; }
.brand-center .title, 
.brand-center .site-description { display: none; }
.entry-header h2.entry-title,
.entry-header h2.entry-title a { font-family: source sans pro, sans-serif!important; }
img.custom-logo { max-height: none; width: 500px; height: auto; }

/* nav */
.main-nav { float: none; display: block; margin: 0 15px; background-color: black; }
.main-nav ul li a { font-weight: 700; color: #fff; }
.navbar-inverse .navbar-nav > li > a { color: #fff; }

.main-nav ul li, .main-nav ul li a { float: none; display: inline-block; }
#myNavBar { text-align: center; }
ul.nav.navbar-nav { margin-top: 12px; }

.post, article.page{ padding: 0!important; }
#main .post, #main .page { border: none; }

/* pages */
header.entry-header { margin-top: 25px; }
.entry-header h1.entry-title { font-family: source sans pro, sans-serif; font-size: 30px; font-weight: 700; }

/* home page */
.home .page-content, .home .entry-content { margin: 0; }
.home header.entry-header { display: none!important; }
.home figure.wp-block-image { width: auto; }
figure.wp-block-image.home-masthead img { width: 100%!important; height: auto!important; }

/* inner pages */
.page.page-id-20 .post-content .entry-header,
.page.page-id-22 .post-content .entry-header,
.page.page-id-24 .post-content .entry-header,
.page.page-id-26 .post-content .entry-header,
.page.page-id-28 .post-content .entry-header { text-align: center; margin-bottom: 20px; }
.page.page-id-20 .entry-content,
.page.page-id-22 .entry-content,
.page.page-id-24 .entry-content,
.page.page-id-26 .entry-content,
.page.page-id-28 .entry-content { text-align: center!important; }
.page-id-20 figure,
.page-id-22 figure,
.page-id-24 figure,
.page-id-26 figure,
.page-id-28 figure { margin-bottom: 30px; }

/* mobile styles */
@media screen and (max-width: 930px) {
.home .wp-block-columns h2 { font-size: 25px; }
}
@media screen and (max-width: 800px) {
.home .wp-block-columns h2 { font-size: 22px; }
}
@media screen and (min-width: 600px) and (max-width: 781px) {
	.wp-block-column {
    flex-basis: 0!important;
    flex-grow: 1;
}
.wp-block-column:not(:first-child) {
    margin-left: 32px!important;
}
}
@media screen and (max-width: 710px) {
.home .wp-block-columns h2 { font-size: 20px; }
}
@media screen and (max-width: 660px) {
.home .wp-block-columns h2 { font-size: 18px; }
}
@media screen and (max-width: 610px) {
.home .wp-block-columns h2 { font-size: 16px; }
}
@media screen and (max-width: 599px) {
.home .wp-block-columns h2 { font-size: 25px; }
}