@import url('https://fonts.googleapis.com/css?family=Gruppo');

body {
  font-family: 'Gruppo', cursive;
  font-size: 20px;
}

body a:hover {
  text-decoration: none;
}

body a:focus {
  text-decoration: none;
}

.cssmenu {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.logo img {
  width: 100%;
}

body section.header .header-slide {
  height: 250px;
  overflow: hidden;
}

body.index-page section.header .header-slide {
  height: 600px;
}

@media screen and (max-width: 1400px) {
  body.index-page section.header .header-slide {
    height: 500px;
  }
}

@media screen and (max-width: 1024px) {
  body.index-page section.header .header-slide {
    height: 450px;
  }
}

@media screen and (max-width: 500px) {
  body.index-page section.header .header-slide {
    height: 350px;
  }
}
/* don't show header text except for index page */
body section.header.header-small .maintext {
  display: none;
}

body.index-page section.header.header-small .maintext {
  display: block;
  padding-top: 250px;
}

section.header .maintext .black-text .right-line {
  padding-left: 20px;
}
section.header .maintext .primary-text .left-line {
  padding-right: 20px;
}

@media screen and (max-width: 1300px) {
  body.index-page section.header.header-small .maintext {
    padding-top: 20%;
  }
}
@media screen and (max-width: 767px) {
  body.index-page section.header.header-small .maintext {
    padding-top: 25%;
  }
  section.header.header-small .maintext .primary-text h1 {
    font-size: 30px;
  }
  section.header.header-small .maintext .primary-text h4 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  section.header .maintext h3 {
    font-size: 20px;
    margin: 0;
    line-height: 30px;
  }
}

@media screen and (max-width: 500px) {
  section.header.header-small .maintext .primary-text h1 {
    font-size: 25px;
  }
  section.header.header-small .maintext .primary-text h4 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  section.header .maintext h3 {
    font-size: 15px;
    margin: 0;
    line-height: 25px;
  }
  section.header.header-small .maintext {
    padding-top: 30%;
  }
}
/* section.header .right-line li{ */
  /* list-style-type: none; */
  /* font-size: 20px; */
  /* margin-top: 10px; */
/* } */
/* .header { */
  /* height: 600px; */
  /* overflow: hidden; */
/* } */

/* section.header .header-slide { */
  /* height: 100%; */
/* } */

section.header .fixed-top-logo {
  display: none;
}

section.header.fixed-top .fixed-top-logo {
  display: inline-block;
  width: 60%;
  opacity: 0.9;
}

section.header.fixed-top .normal-logo {
  display: none;
}

section.header .cssmenu ul li a:hover {
  box-shadow: inset 0 -2px 0 0 #fff;
}

section.header .cssmenu ul li a.header-button {
  height: 50px;
  padding-top: 5px;
}

section.header .cssmenu ul li a.header-button:hover {
  box-shadow: none;
}

section.header .cssmenu ul li a button {
  margin-top: 0;
  color: #efefef;
  text-transform: none;
}

section.header .cssmenu ul li a button:hover {
  color: #fff;
}

section .headul {
  margin-top: 20px;
  margin-bottom: 22px;
}

section .subheading {
  padding-bottom: 50px;
  font-size: 20px;
}

form input, form textarea {
  margin-bottom: 20px;
}

section.contact {
  background-image: none;
  background-color: lightgray;
}
.google-map {
  margin-top: -100px;
  margin-bottom: 150px;
  width: 100%;
  height: 400px;
  position: relative;
  z-index: 20;
}

.google-map iframe {
  width: 100%;
  height: 100%;
}

section.footer .copyright .social a:hover i {
  color: #ddd;
}

section.footer .copyright .social a {
  color: #212121;
}

section.footer .container {
  padding-top: 0;
}

.member .pic {
  max-height: 360px;
  overflow: hidden;
}

.features .feature {
  margin-bottom: 0;
  height: 160px;
  overflow: hidden;
  font-size: 90%;
}

@media screen and (max-width: 767px) {
  .features .feature {
    height: auto;
  }
}
.contacts .contact-options {
  text-align: right;
  margin-right: 25px;
}

.blog.blog_right .pic {
  float: right;
}
.blog.blog_altered .info p {
  height: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-full .media {
  margin: 0;
}

.blog-full .meta {
  margin: 0;
}

.blog.blog-full .info p {
  height: auto;
}
.blog-full p {
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .blog.blog-full .info p {
    height: auto;
  }
  .blog-full p {
    margin-bottom: 10px;
  }
}

.services ul li {
  list-style-type: none;
  font-size: 90%;
  font-style: italic;
}

.services ul {
  padding-left: 0;
}

.quick-links ul {
  list-style-type: none;
  padding-left: 0;
}
.quick-links ul a:visited {
  color: #ff6630;
}
.quick-links ul a:hover {
  color: #fff;
}

h1 a {
  font-size: 60%;
  margin-left: 30px;
  border-bottom: 1px solid #ff6630;
  padding-bottom: 3px;
}

.subheading a {
  font-size: 125%;
  text-transform: uppercase;
}

#careers .features .feature {
  margin-bottom: 0;
  height: auto;
  max-height: 400px;
  overflow: scroll;
  font-size: 80%;
}

.footer .logo {
  width: 100px;
}