/*
font-family: 'Lato', sans-serif;
font-family: 'EB Garamond', serif;
*/
@import url("https://fonts.googleapis.com/css?family=EB+Garamond:400,400i|Lato:300,400");
body {
  background-color: #eeeeee;
  font-size: 18px;
  color: #a51e22;
  position: relative; }

h3, h4 {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-transform: uppercase; }

h3 {
  font-size: 2.7rem;
  margin-bottom: 35px; }

h4 {
  font-size: 1.5rem;
  margin-bottom: 15px; }

p, ul.client-list {
  font-family: "EB Garamond", serif; }

.top-row {
  margin-bottom: 25px; }

section {
  padding-top: 45px;
  padding-bottom: 45px; }

main {
  padding-top: 90px; }

div#back-top {
  display: none;
  height: 60px;
  width: 60px;
  font-size: 2.5rem;
  position: fixed;
  right: 38px;
  bottom: 55px;
  border-radius: 50%;
  border: 2px solid #f8f8f8;
  line-height: 100%;
  color: #f8f8f8;
  background-color: #a51e22;
  cursor: pointer;
  box-shadow: 0px 1px 2px #999999;
  transition: 0.2s; }
  div#back-top:hover {
    box-shadow: 0px 5px 9px #999999;
    transition: 0.2s; }
  div#back-top i.fa {
    position: relative;
    top: 5px; }

header {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  background-color: #f8f8f8;
  position: fixed;
  height: 94px;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1; }
  header .navbar-light .navbar-nav .nav-link.active {
    background-color: #e8e8e7; }
  header .navbar-collapse {
    background-color: #f8f8f8;
    padding: 10px; }
  header button.navbar-toggler:focus {
    outline: none; }
  header .navbar .navbar-brand img {
    width: 300px; }
  header .navbar .nav-item {
    margin-right: 20px; }
    header .navbar .nav-item:last-child {
      margin-right: 0; }
    header .navbar .nav-item a.nav-link {
      color: #a51e22;
      border-radius: 4px;
      font-size: 1.2rem;
      font-weight: 300;
      font-weight: lighter; }
      header .navbar .nav-item a.nav-link:hover {
        background-color: #e8e8e7; }

.icon-container {
  background-color: #f8f8f8;
  color: #f8f8f8;
  border: 1px solid #a51e22;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  font-size: 2rem;
  overflow: hidden;
  margin-bottom: 15px; }
  .icon-container span.svcs-icon {
    position: absolute;
    top: 3.58px;
    left: 3.6px;
    display: block;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background-color: #a51e22; }

.jumbotron {
  margin-bottom: 0;
  font-weight: 400i;
  font-style: italic;
  font-size: 1.5rem;
  line-height: 175%;
  background: url("../img/jumbo_bg_lg.jpg") no-repeat center;
  background-size: cover;
  background-position: 50% 0;
  height: 800px;
  border-radius: 0; }
  .jumbotron div.intro {
    padding: 50px 25px;
    background-color: rgba(255, 255, 255, 0.7);
    margin-top: 100px;
    border-radius: 2px; }
    .jumbotron div.intro p {
      margin-bottom: 25px; }
  .jumbotron .icon-container {
    width: 100px;
    height: 100px;
    font-size: 3.9rem;
    margin-bottom: 0; }
    .jumbotron .icon-container span.svcs-icon {
      height: 92px;
      width: 92px;
      top: 3px;
      left: 3.5px; }
    .jumbotron .icon-container i.icon-feather {
      margin-top: 14px; }

#services {
  background-color: #e8e8e7; }
  #services .svcs-box {
    text-align: center;
    padding: 15px; }
  #services p {
    margin-bottom: 0; }
  #services i.fa-sitemap {
    margin-top: 14px; }
  #services i.fa-desktop {
    margin-top: 16px;
    margin-left: 1px; }
  #services i.fa-pencil {
    margin-top: 14px;
    margin-left: 3px; }
  #services i.fa-th-list {
    margin-top: 15px;
    margin-left: 2px; }
  #services i.icon-delete {
    margin-top: 14px;
    margin-left: 2px; }

#about {
  background-color: #f8f8f8;
  border-top: 1px solid #e8e8e7; }
  #about .about-text {
    font-size: 1.2rem; }
  #about .about-img {
    width: 125px;
    margin: 0 auto; }

#clients {
  background-color: #a51e22;
  color: #f8f8f8; }
  #clients .client-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1.3rem; }
    #clients .client-list li {
      margin-bottom: 35px; }
      #clients .client-list li:last-child {
        margin-bottom: 0; }

#testimonials {
  background: url("../img/book_bg_15.jpg") center center no-repeat fixed;
  background-size: cover; }
  #testimonials .testimonial-box {
    background-color: rgba(255, 255, 255, 0.8);
    font-family: "EB Garamond", serif;
    padding: 25px;
    font-size: 1.4rem;
    line-height: 200%;
    border-radius: 2px; }
    #testimonials .testimonial-box .testimonial-to {
      font-style: italic;
      font-weight: bold;
      margin-bottom: 0; }

/*
#lower-divider {
	background: url('../img/book_bg_15.jpg') center center no-repeat fixed;
	background-size:cover;
	height:375px;
}

#lower-divider-sm {
	background: url('../img/book_bg_15.jpg') center center no-repeat fixed;
	background-size:cover;
	height:275px;
	display:none;
}
*/
#contact {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  background-color: #e8e8e7; }
  #contact h3 {
    margin-bottom: 35px; }
  #contact p {
    font-size: 1.6rem;
    margin-bottom: 20px; }
    #contact p a {
      color: #a51e22; }
      #contact p a:hover {
        text-decoration: underline; }
  #contact p.contact-sub {
    font-style: italic; }
  #contact .form-control {
    margin-bottom: 10px;
    font-weight: 300;
    font-weight: lighter; }
    #contact .form-control:focus {
      border-color: #a51e22;
      box-shadow: none; }
    #contact .form-control::placeholder {
      color: #aaaaaa; }
  #contact .btn-success {
    background-color: #a51e22;
    border-color: #8b181c; }
    #contact .btn-success:hover {
      background-color: #8b181c;
      border-color: #781619; }
  #contact .social-links {
    margin-top: 25px;
    font-size: 1.7rem; }
    #contact .social-links a.fb-link {
      border-radius: 50%;
      transition: 0.2s;
      background-color: #a51e22;
      color: #f8f8f8;
      line-height: 100%;
      display: inline-block;
      height: 60px;
      width: 60px;
      border: 1px solid transparent;
      text-align: center; }
      #contact .social-links a.fb-link:hover {
        background-color: #f8f8f8;
        color: #3b5998;
        transition: 0.2s;
        border-color: #a51e22; }
      #contact .social-links a.fb-link i.fa {
        margin-top: 15px; }

footer {
  background-color: #f8f8f8;
  padding: 25px 0; }
  footer p.copy {
    margin-bottom: 10px; }
  footer .site-credit {
    margin-bottom: 0;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-weight: lighter;
    font-size: 0.8rem; }
    footer .site-credit a {
      text-decoration: none;
      color: #a51e22;
      text-transform: uppercase;
      transition: 0.2s; }
      footer .site-credit a:hover {
        transition: 0.2s;
        background-color: #e8e8e7; }

@media screen and (max-width: 767px) {
  #lower-divider {
    display: none; }
  #lower-divider-sm {
    display: block; }
  #contact .contact-info {
    margin-bottom: 25px;
    text-align: center; } }

@media screen and (max-width: 440px) {
  header .navbar .navbar-brand img {
    width: 200px;
    margin-top: 10px; } }
