body, button, input, optgroup, select, textarea {  font-size: 18px;   line-height: 1.7333; }

.corp-container {  max-width: 1580px; }

h1, h1.entry-title { font-size: 48px; text-align: center; margin-bottom: 20px; }
h2 {  font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 26px; }
h5 { font-size: 24px; }
h6 { font-size: 22px; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2; }

.site-header .site-branding .site-title { font-size: 28px; }
.site-header .site-branding .site-title a {  color: #4d33ce; font-weight: 900; }

.spacer { padding: 30px 0; opacity: 0.5; }

.box { background: #6c8e8f; padding: 2%; }
.box p, .box h2, .box li { color: #fff; }

.main-navigation ul li { font-size: 1.2em;   margin: 0 20px;  padding: 10px 20px; text-transform: none; background: #fbfbfb; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }

#mobile-navigation ul li { font-size: 1.2em; line-height: 2.0; }
#mobile-navigation ul li a {  padding: 0 30px;  text-transform: none; }


@media (max-width: 1240px) {
		.main-navigation ul li { font-size: 1.0em; margin: 0 10px; }
}

@media (max-width: 1075px) {
				.main-navigation ul li { font-size: 1.0em; margin: 0; padding: 5px; }
				.site-header .site-branding .site-title { font-size: 22px; white-space: nowrap; }
}

@media (max-width:768px) {
		
		body, button, input, optgroup, select, textarea {  font-size: 16px;  }
		h1, h1.entry-title { font-size: 32px; text-align: center; margin-bottom: 20px; }
		h2 {  font-size: 26px; }
		h3 { font-size: 24px; }
		h4 { font-size: 22px; }
		h5 { font-size: 20px; }
		h6 { font-size: 18px; }
		
		.site-header .site-branding .site-title { font-size: 22px; }
		
		.spacer { padding: 10px 0; }
		
		.is-layout-flex.right-on-top { flex-flow: column-reverse; }

}