/* specific site styles */
.content-columns-varied.three-column-nine-column-build .grid-wrapper .col-flex:nth-child(2) {
  padding-left: 4em;
}
html, body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  content:"";
  width:100%;
  height:100%;
  display:block;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  font-size: 1em;
  color: #cccccc;
  background: #231f20;
}
.container-fluid {
  box-sizing: border-box;
  width: 100%;
}
.container {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
}
header, footer {
  position: fixed;
  margin: 0;
  padding: 0;
  width: 100%;
  border: 0 none;
  border-radius: 0;
  box-shadow: 0px 2px 5px rgba(0,0,0,.35);
  z-index: 3;
}
header {
  top: 0;
}
footer {
  position: relative;
  box-shadow: none;
}
main {
  width: 100%;
}
#main-wrapper, header {
  display: block;
  width: 100%;
  background: #231f20;
}
#top-bar {
  width: 100%;
  height: 1em;
  background: #ed1c24;
}
#brand {
  display: inline-block;
  margin: 0;
  padding: 15px;
  width: 100%;
  font-size: 2em;
  font-weight: 400;
  color: #888888;
  background: none;
}
#brand a {
  color: #888888;
  text-decoration: none;
}
#brand a span#eastman-name {
  position: relative;
  display: inline-block;
  margin-left: .25em;
  margin-right: .125em;
  bottom: .525em;
}
#brand a span#eastman-name span:first-of-type {
  margin-right: .25em;
}
#brand img {
  margin: 0;
  padding: 0;
  width: auto;
  height: 62px;
}
footer {
  background: #e6e3da;
}
footer #brand {
  float: left;
  width: auto;
}
footer #footer-address {
  float: left;
  width: 100%;
  font-size: 1em;
  font-weight: 400;
  color: #888888;
  background: none;
}
#footer-address p {
  margin: 0;
  padding: 15px;
}
#eastman-triangle {
  position: fixed;
  bottom: -5px;
  right: -2px;
  margin: 0;
  padding: 0;
  z-index: 2;
}
#eastman-triangle img {
  margin: 0;
  padding: 0;
  width: 45px;
  height: auto;
}
section.content-section {
  margin: 0;
  padding: 7em;
}
section#eastman-we-are {
  padding-bottom: 0;
}
section#eastman-approach .col-flex:nth-child(1) h2 {
  padding-top: .5em;
}
section#eastman-approach .col-flex:nth-child(1) img {
  margin: 2em 0 0 0;
}
section#eastman-approach .col-flex:nth-child(1) img.section-underline {
  margin: 0 !important;
}
section#eastman-approach.content-section .col-flex:nth-child(2) {
  padding-left: 0;
  padding-bottom: 0;
}
section#eastman-approach.content-section .col-flex:nth-child(2) .content-wrapper {
  margin-right: -8.75em;
  padding: 2em 2em 1em 2.5em;
  margin-left: 4em;
  padding-right: 7em;
  height: 100%;
  background: #444444;
}
section#eastman-firsts.content-section {
  background: #2b2a2c;
}
#eastman-bio .col-flex:nth-child(1) > img {
  margin: 2em 1.135em 2em;
}
#eastman-contact {
  width: 100%;
}
section#eastman-bio #eastman-contact a {
  display: inline-block;
  margin: .75em 0 0 0;
  padding: .75em 1em;
  width: auto !important;
  font-size: 1.125em;
  font-weight: 700;
  color: #ed1c24;
  text-transform: uppercase;
  text-decoration: none;
  border: solid 2px #ed1c24;
  border-radius: .5em;
  background: rgba(0,0,0,.125);
  transition: .35s;
}
section#eastman-bio #eastman-contact a:hover {
  font-size: 1.145em;
  background: rgba(0,0,0,.25);
}
section.content-section h1,
section.content-section h2,
section.content-section h3,
section.content-section h4,
section.content-section p,
section.content-section ul li,
section.content-section ol li {
margin: .5em;
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.25em;
line-height: 1.65;
color: #cccccc;
}
section.content-section .content-columns-varied .col-flex img {
  display: block;
  float: right;
  margin: 2em 0 .75em 0;
  padding: 0;
}
section.content-section h1 {
  margin: 0 0 .5em 0;
  font-size: 3.5em;
}
section.content-section h2 {
  margin: 0 0 .5em 0;
  font-size: 2.5em;
  font-weight: 100;
  text-align: right;
}
section.content-section .content-columns-varied .col-flex:nth-child(1) .section-underline {
  float: right;
  margin: .125em 0 0 0 !important;
  padding: 0;
  width: 100px;
  height: auto;
}
section.content-section h3 {
  margin: 0 0 .5em 0;
  font-size: 1.65em;
  text-transform: none !important;
}
section.content-section h3.eastman-red {
  margin-top: 1.5em;
  margin-left: 1.25em;
  color: #ed1c24;
}
section.content-section p {
  margin: 0 0 1em;
  font-size: 1.25em;
  line-height: 1.75;
}
section.content-section p.intro {
  font-size: 1.65em;
}
section.content-section ol,
section.content-section ul {
  margin: 1em 0 1em 1.25em;
  padding: 0;
  list-style-position: outside;
}
#eastman-firsts ul {
  margin-top: 0;
}
section.content-section ol li,
section.content-section ul li {
  margin: 1.125em 0 1em 0;
  padding: 0;
  text-indent: 0;
  font-size: 1.25em;
  line-height: 1.65;
}
section.content-section ul li {
  list-style-type: square;
  color: #58595b;
}
section.content-section ul li span {
  color: #cccccc;
}

/* media queries */

@media only screen and (max-width: 768px) {

#brand a span#eastman-name { display: block; bottom: 0; margin-left: 0; }

#side-nav { top: -25.5em; height: 25.5em; }

#side-nav a { box-sizing: border-box; margin: .5em 0; width: 100%; }

body.active #side-nav {
  -moz-transform: translateY(25.5em);
  -ms-transform: translateY(25.5em);
  -webkit-transform: translateY(25.5em);
  transform: translateY(25.5em);
}

#sidenav-inner-wrapper { box-sizing: border-box; display: block; margin: 11em auto 20px; }

.content-columns-varied.three-column-nine-column-build .grid-wrapper { display: block !important; }
.content-columns-varied.three-column-nine-column-build .grid-wrapper .col-flex { display: block !important; margin: 0; width: 100%; }
.content-columns-varied.three-column-nine-column-build .grid-wrapper .col-flex:nth-child(2) { padding-left: 0; }
.content-columns-varied.three-column-nine-column-build .grid-wrapper .col-flex:nth-child(1),
.content-columns-varied.three-column-nine-column-build .grid-wrapper .col-flex:nth-child(2) {
  grid-column: span 12;
  -ms-grid-column-span: 12;
  padding: 1em 0;
}

section.content-section { padding: 3em !important; }
section.content-section h1,
section.content-section h2,
section.content-section h3,
section.content-section h4,
section.content-section p,
section.content-section ul li,
section.content-section ol li { font-size: 1.15em; line-height: 1.65; }
section.content-section h1 { font-size: 2.5em; }
section.content-section h2 { font-size: 1.85em; text-align: left; }
section.content-section h3 { font-size: 1.5em; line-height: 1.35; }
section.content-section p { font-size: 1.15em; }
section.content-section p.intro { font-size: 1.5em; }
section.content-section ol li,
section.content-section ul li { font-size: 1.15em; line-height: 1.65; }
section.content-section .content-columns-varied .col-flex img.section-underline,
section.content-section .content-columns-varied .col-flex:nth-child(1) img.section-underline { display: block; float: none; }

#eastman-approach .col-flex:nth-child(1) img { margin: 2em 0 2em 0 !important; }
#eastman-approach.content-section .col-flex:nth-child(2) .content-wrapper { box-sizing: border-box; margin-right: -3em; padding: 2em 2.5em; }
}

@media only screen and (max-width: 415px) {

#brand a span#eastman-name { display: block; bottom: 0; margin-left: 0; }

#side-nav a { box-sizing: border-box; margin: .5em 0; width: 100%; }

section.content-section { padding: 3em !important; }

section#eastman-approach.content-section .col-flex:nth-child(2) .content-wrapper { margin-left: 0; }

#eastman-bio .col-flex:nth-child(1) > img { margin: 2em 0 2em; }

}

/* END - CSS */