/*
*  IMPORTS
*/
/* 
* RESET Styles for browsers
*/
/* line 4, ../sass/_reset.scss */
body {
  margin: 0;
  padding: 0;
}

/* line 8, ../sass/_reset.scss */
h1,
h3,
p,
ul,
input {
  margin: 0;
}

/* line 15, ../sass/_reset.scss */
li {
  list-style: none;
}

/* line 16, ../sass/_reset.scss */
a {
  text-decoration: none;
}

/* Import
*/
/* Variables */
/***/
/* Import Sass mixins, variables, Compass modules, etc. */
/* COMMON
*/
@media screen and (max-width: 900px) {
  /****************************************************** 900 *************************************************************/
  /* line 13, ../sass/responsive.scss */
  header .home-link {
    margin-left: 10px;
  }
  /* line 15, ../sass/responsive.scss */
  header .home-link img {
    width: 100%;
  }
  /* line 18, ../sass/responsive.scss */
  header .navigation li {
    padding: 1.5em 0;
  }
  /* line 19, ../sass/responsive.scss */
  header .navigation a {
    padding: 0.5em 0.5em;
  }

  /* line 24, ../sass/responsive.scss */
  .home h1 {
    font-size: 2.8em;
  }

  /* line 25, ../sass/responsive.scss */
  .marcas img {
    width: 90px;
  }

  /* line 29, ../sass/responsive.scss */
  .content.quienes .texto-quienes {
    max-width: 40%;
  }
  /* line 30, ../sass/responsive.scss */
  .content.quienes .image-box {
    max-width: 60%;
  }

  /* line 35, ../sass/responsive.scss */
  .form-reparacion .nombre {
    width: 65%;
  }
  /* line 36, ../sass/responsive.scss */
  .form-reparacion .cif {
    width: 30%;
  }
  /* line 37, ../sass/responsive.scss */
  .form-reparacion .persona {
    width: 55%;
  }
  /* line 38, ../sass/responsive.scss */
  .form-reparacion .email {
    width: 40%;
  }
  /* line 39, ../sass/responsive.scss */
  .form-reparacion .direccion {
    width: 75%;
  }
  /* line 40, ../sass/responsive.scss */
  .form-reparacion .cp {
    width: 20%;
  }
  /* line 41, ../sass/responsive.scss */
  .form-reparacion .provincia, .form-reparacion .localidad, .form-reparacion .tlf {
    width: 30%;
  }

  /* line 43, ../sass/responsive.scss */
  .iconos {
    flex-wrap: wrap;
  }
  /* line 45, ../sass/responsive.scss */
  .iconos h3, .iconos img {
    margin-right: 25px;
  }
  /* line 46, ../sass/responsive.scss */
  .iconos h3 {
    width: 100%;
    margin-bottom: .5em;
    text-align: right;
  }

  /* line 55, ../sass/responsive.scss */
  .content.contacto.flex-content {
    flex-wrap: wrap;
  }
  /* line 56, ../sass/responsive.scss */
  .content.contacto .contact-form, .content.contacto .datos {
    width: 100%;
  }
  /* line 57, ../sass/responsive.scss */
  .content.contacto .contact-form {
    margin-right: 1em;
  }
  /* line 58, ../sass/responsive.scss */
  .content.contacto .datos {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 1em;
  }
  /* line 63, ../sass/responsive.scss */
  .content.contacto .datos h3 {
    width: 100%;
  }
  /* line 64, ../sass/responsive.scss */
  .content.contacto .datos .datos-texto {
    width: 200px;
  }
  /* line 65, ../sass/responsive.scss */
  .content.contacto .datos iframe {
    width: 70%;
  }
}
@media screen and (max-width: 701px) {
  /* line 70, ../sass/responsive.scss */
  header .navigation {
    display: block;
  }
}
@media screen and (max-width: 700px) {
  /****************************************************** 700 *************************************************************/
  /* line 73, ../sass/responsive.scss */
  .responsive-menu {
    display: inline-block;
  }

  /* line 77, ../sass/responsive.scss */
  header .home-link img {
    width: 80%;
  }
  /* line 78, ../sass/responsive.scss */
  header .header-background {
    height: 150px;
  }
  /* line 79, ../sass/responsive.scss */
  header .navigation {
    display: none;
    position: absolute;
    right: 25px;
    width: 200px;
    top: 78px;
    text-align: right;
  }
  /* line 86, ../sass/responsive.scss */
  header .navigation li {
    padding: 0.9em 0;
  }
  /* line 87, ../sass/responsive.scss */
  header .navigation a {
    padding: 0.5em 1em;
  }

  /* line 92, ../sass/responsive.scss */
  .home h1 {
    font-size: 2.2em;
  }

  /* line 93, ../sass/responsive.scss */
  .marcas img {
    width: 70px;
  }

  /* line 97, ../sass/responsive.scss */
  .content.quienes .flex-content {
    flex-wrap: wrap;
  }
  /* line 98, ../sass/responsive.scss */
  .content.quienes .texto-quienes, .content.quienes .image-box {
    max-width: 100%;
    width: 100%;
  }
  /* line 102, ../sass/responsive.scss */
  .content.quienes .texto-quienes p:nth-child(4) {
    margin-bottom: 0em;
  }
  /* line 103, ../sass/responsive.scss */
  .content.quienes .galeria {
    position: static;
    margin: 1em 0;
  }

  /* line 109, ../sass/responsive.scss */
  .content.contacto .datos iframe {
    width: 57%;
  }
}
@media screen and (max-width: 500px) {
  /****************************************************** 500 *************************************************************/
  /* line 114, ../sass/responsive.scss */
  .home {
    overflow: hidden;
  }
  /* line 116, ../sass/responsive.scss */
  .home img {
    width: auto;
    height: 150px;
  }
  /* line 120, ../sass/responsive.scss */
  .home h1 {
    font-size: 1.7em;
  }

  /* line 122, ../sass/responsive.scss */
  .marcas {
    flex-wrap: wrap;
  }
  /* line 124, ../sass/responsive.scss */
  .marcas img {
    width: 70px;
    margin: 0 2em;
  }

  /* line 131, ../sass/responsive.scss */
  .content.quienes .galeria a {
    min-width: 85px;
    margin: 5px;
  }

  /* line 139, ../sass/responsive.scss */
  .form-reparacion .form-block-left {
    flex-wrap: wrap;
  }
  /* line 141, ../sass/responsive.scss */
  .form-reparacion .form-block-left .form-group {
    margin-right: 0;
  }
  /* line 143, ../sass/responsive.scss */
  .form-reparacion .cp, .form-reparacion .cif, .form-reparacion .email, .form-reparacion .tlf, .form-reparacion .nombre, .form-reparacion .persona, .form-reparacion .localidad, .form-reparacion .provincia, .form-reparacion .garantia, .form-reparacion .marca, .form-reparacion .modelo, .form-reparacion .prod-num, .form-reparacion .num-serie, .form-reparacion .direccion {
    width: 100%;
  }

  /* line 146, ../sass/responsive.scss */
  .iconos h3 {
    font-size: 1.2em;
  }
  /* line 147, ../sass/responsive.scss */
  .iconos img {
    width: 85%;
  }

  /* line 152, ../sass/responsive.scss */
  .content.contacto .contact-form .flex-content {
    flex-wrap: wrap;
  }
  /* line 154, ../sass/responsive.scss */
  .content.contacto .contact-form .flex-content .form-group {
    width: 100%;
  }
  /* line 156, ../sass/responsive.scss */
  .content.contacto .datos {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 1em;
  }
  /* line 161, ../sass/responsive.scss */
  .content.contacto .datos h3 {
    width: 100%;
  }
  /* line 162, ../sass/responsive.scss */
  .content.contacto .datos .datos-texto, .content.contacto .datos iframe {
    width: 100%;
  }

  /* line 167, ../sass/responsive.scss */
  .copyright {
    font-size: .80em;
  }
}
@media screen and (max-width: 400px) {
  /****************************************************** 400 *************************************************************/
  /* line 173, ../sass/responsive.scss */
  header .home-link img {
    width: 60%;
  }
  /* line 174, ../sass/responsive.scss */
  header .responsive-menu {
    top: 22px;
  }

  /* line 179, ../sass/responsive.scss */
  .marcas img {
    margin: 0 1em;
  }
}