/** Variables **/
/** Page Styles **/
html, body {
  height: 100%;
  margin: 0;
  background-color: #E5E5E5;
  font-family: Tahoma, Geneva, sans-serif; }

.page {
  width: 100%;
  height: 100%;
  background-color: white; }

.page-container {
  margin: 20px auto;
  max-width: 930px; }

.page-item {
  margin: 20px 20px; }

h2, h3, h4, h5 {
  font-family: 'Enriqueta', serif;
  font-weight: normal;
  margin: 8px 12px;
}

h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 17px;
}

p {
  font-size: 14px;
  color: #8892a1;
}

/** Helpers **/
.text-center {
  text-align: center; }

.text-left {
  text-align: left;
}

.responsive {
  max-width: 100%; }

.responsive-column {
  min-width: 270px; }

.margin-bottom {
  margin-bottom: 15px; }

.pad-horizontal {
  margin: 0 20px; }

.pad-vertical {
  margin: 20px 0; }

.pad-10 {
  padding: 0 10px; }

.pad-12 {
  padding: 0 12px; }

.column {
  width: 270px;
  margin: 5px; }

.column-image {
  width: 240px;
  height: 185px;
  display: block; }

.details {
  text-align: left;
  font-size: 14px;
  color: #8892a1; }

.details-small {
  margin: 0;
  font-size: 13px;
  text-indent: 0px; }

/** Polaroid Border **/
.polaroid {
  border: 15px solid #fff;
  box-shadow: 3px 3px 3px #777;
  background-color: #fff; }

/** Side Nav **/
.core-item {
  font-family: 'Enriqueta', serif;
  font-size: 18px;
  font-weight: 100;
}
#core-menu .core-selected {
  color: #526E9C;
}

/** Header Styles **/
#navToolbar {
  padding-top: 50px;
  background-color: #40638b;
  height: 170px; }

core-scaffold::shadow core-toolbar {
  height: 170px; }

/** For browsers that do not support shadow DOM */
#core-toolbar {
  height: 170px;
}

.header {
  font-family: 'signika, sans-serif';
  font-size: 1.3em;
  width: 100%;
  height: 120px;
  padding-top: 65px; }
  .header h2, .header h3, .header h4 {
    text-align: center;
    font-weight: 500; }
  .header .sub-header {
    font-size: 0.7em; }
  .header .sub-text {
    margin: 0 30px;
    font-size: 0.6em;
    color: #98a9ca; }

/** Homepage **/
.areas-of-practice div {
  text-align: left;
  height: 30px;
  color: #8892a1;
  padding-left: 12px;
}

/** Who We Are **/
/** Practice Areas **/
#practice-areas h4 {
  margin-left: 0px; }

/** Contact Us **/
#contact-us h4 {
  margin-left: 0px; }
#contact-us p {
  text-indent: 0px; }

google-map {
  display: block;
  height: 300px;
  width: 100%; }

/** Media Queries **/
@media (max-width: 800px) {
  .header {
    padding-top: 65px; }
    .header h2, .header h3, .header h4 {
      font-weight: 500;
      font-size: 0.8em; }
    .header .sub-header {
      margin: 5px 20px;
      font-size: 0.7em; }
    .header .sub-text {
      margin: 5px 15px;
      font-size: 0.6em; }
}

@media (max-width: 886px) {
  #home-page-img {
    height: 320px; }
}

@media (max-width: 600px){
  .header h2, .header h3, .header h4 {
    font-size: 0.65em;
  }
  .header .sub-header {
    margin: 5px 20px;
    font-size: 0.55em; }
  .header .sub-text {
    display: none;
  }
  #logo {
    height: 80px;
    width: 123px;  }
  #navToolbar {
    padding-top: 28px;
    padding-left: 16px;
    height: 120px;  }
  core-scaffold::shadow core-toolbar {
    height: 120px; }
  #core-toolbar {
    height: 120px;
  }
}