.header-contact {
  background-image: url("../../img/headers/header-contacto.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.3);
  background-blend-mode: multiply;
  height: 65%;
  width: 100%; }
  .header-contact .title {
    font-family: Exo, Arial, Helvetica, sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 80px;
    text-shadow: 2px 5px 2px black;
    font-weight: 600;
    letter-spacing: 7px;
    position: relative;
    top: 40%;
    transform: translateY(-40%);
    margin: 0; }
  .header-contact .sub-title {
    font-family: Exo, Arial, Helvetica, sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 35px;
    text-shadow: 2px 5px 2px black;
    font-weight: 600;
    letter-spacing: 7px;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }

.contact-main {
  margin: 10vh 0; }
  .contact-main .contact-art .sub-title {
    font-family: Exo, Arial, Helvetica, sans-serif;
    width: 100%;
    margin-top: 5vh;
    margin-bottom: 10vh;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #777; }
  .contact-main .contact-art nav {
    border: none;
    outline: none; }
    .contact-main .contact-art nav .nav {
      border: none; }
      .contact-main .contact-art nav .nav .nav-link {
        border: none; }
      .contact-main .contact-art nav .nav .active {
        color: #00bbbb; }
      .contact-main .contact-art nav .nav a {
        color: #777; }
        .contact-main .contact-art nav .nav a:focus {
          outline: none;
          color: #00bbbb; }
  .contact-main .contact-art .tab-content .tab-pane .sub-title {
    color: #777;
    font-family: Exo, Arial, Helvetica, sans-serif;
    margin-top: 5vh;
    margin-bottom: 5vh;
    text-transform: uppercase;
    letter-spacing: 2px; }
  .contact-main .contact-art .tab-content .tab-pane .text {
    line-height: 27px;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 2px;
    color: #777; }
    .contact-main .contact-art .tab-content .tab-pane .text i {
      vertical-align: middle;
      font-size: 20px; }
  .contact-main .contact-art .tab-content .tab-pane .separator {
    width: 30vw; }

@media screen and (max-width: 991px) {
  .header-contact .title {
    font-size: 70px; } }
@media screen and (max-width: 767px) {
  .header-contact .title {
    font-size: 55px; } }
@media screen and (max-width: 575px) {
  .header-contact .title {
    font-size: 38px; }
  .header-contact .sub-title {
    font-size: 28px; } }

/*# sourceMappingURL=styles.css.map */