/* Media Rangos */

/* |-- 1200 px --|-- 768px --|-- 414px --|-- 384px --|-- 375px --|-- 320px --| */


/* Fonts definitions */

/*
 Propiedades opcionales
	font-weight:

    100 - Thin
    200 - Extra Light (Ultra Light)
    300 - Light
    400 - Normal
    500 - Medium
    600 - Semi Bold (Demi Bold)
    700 - Bold
    800 - Extra Bold (Ultra Bold)
    900 - Black (Heavy)
		Peso o fuerza de la fuente a utilizar.El valor por defecto es normal.

	font-style:
		Define como se va a estilizar la fuente.
		normal|italic|oblique|initial|inherit. El valor por defecto es normal.

	font-stretch:
		Define como se a “estirar” la fuente. Puede ser: normal, condensed, ultra-condensed, extra-condensed, semi-condensed, expanded, semi-expanded, extra-expanded, ultra-expanded. El valor por defecto es normal.

 */
   @import url(https://fonts.googleapis.com/css?family=Merriweather:400,900);
 @import url(http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900italic,900);
    html, html * {
      font-family: Roboto;
    }


    @font-face {
      font-family: "Museo Slab";
      src: url("../fonts/Museo-Slab-W01-100.ttf");
    }
    @font-face {
      font-family: "Museo W01";
      src: url("../fonts/Museo-W01-700.ttf");
    }




.LogoHeadKarfood {

width: 200px;

}

a.EnlaceHome{

    text-decoration:none;
color: black;

}


a.EnlaceHome:active {

    text-decoration:none;
color: black;

}

a.EnlaceHome:hover {
opacity: 50%;
    text-decoration:none;
      color:grey;
}


.bg-inicio{

    min-height: 320px;text-align: center;
    color: #fff;

    background-image: url('../img/backgrounds/background-separacion-2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;

  }

  .bg-inicio-lechuga{

      min-height: 320px;text-align: center;
      color: #fff;

      background-image: url('../img/backgrounds/lechuga.jpg');
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      z-index: -1;

    }





a.EnlacePie:active {

    text-decoration:none;
color: white;

}

a.EnlacePie:hover {
opacity: 50%;
    text-decoration:none;
      color:grey;
}