@charset "utf-8";



@media (max-width: 767px){

/* ******************************************************** 
CABECERA
******************************************************** */

header .navbar{
  font-size: 2.5rem;
}

/* logo */

header .banda2 .container{
  height: 75px;
}

header .banda2 .logo{
	width: 150px;
	margin:10px 0 0 -75px;
}

header .banda2 .logo img{
	width:150px;
}

/* ******************************************************** 
PARTES
******************************************************** */

  #carrusel .imgppal .texto{
  	top:200px;
  }

  #carrusel .imgppal .texto .textoppal{
  	font-size: 3rem;
  }

  #carrusel .imgppal .texto .subtitulo{
  	font-size: 2rem;
  }

  /* pastelerias */

  .portada .bloque.bloque1 .caja{
  /*  height: 500px; */
  }

  .portada .bloque.bloque1 .caja.caja1{
    width: 100%;
  }

  .portada .bloque.bloque1 .caja.caja2{
    width: 100%;
  }

  .portada .bloque.bloque1 .caja.caja3{
    width: 100%;
  }

  /* productos */

  .portada .bloque.bloque2{
    padding:7rem 0 0 0;
  }

  .portada .bloque.bloque2 div{
  	margin-bottom: 0rem;
  }

  .portada .bloque.bloque2 div .imagen{
  	padding: 0 3rem 0 3rem;
  }

  /* cafeterías y restaurantes */
  .elementoinfo{
    margin: 0 15px 5rem 15px;
  }

  .elementoinfo .row a{
    width: auto;
    margin: 0 0 1rem 0;
  }

  /* contacto */
  .portada .bloque.bloque4 img.logo{
     width:250px;
     height: auto;
  }

  .portada .bloque.bloque4 .contacto{
    padding: 50px 20px 50px 20px;
  }

/* ------------------- */
/* secciones productos */
/* ------------------- */
  .container.mosaico .item{
    width:95%;
  }

}



@media (min-width: 768px){

/* ******************************************************** 
CABECERA
******************************************************** */

/* logo */

header .banda2 .logo{
	width: 200px;
	margin:25px 0 0 -100px;
}

header .banda2 .logo img{
	width:200px;
}

/* ******************************************************** 
PARTES
******************************************************** */

  #carrusel .imgppal .texto{
  	top:250px;
  }

  #carrusel .imgppal .texto .textoppal{
  	font-size: 3.5rem;
  }

  #carrusel .imgppal .texto .subtitulo{
  	font-size: 2rem;
  }

    #carrusel .imgppal .texto .subtitulo .enlace{
    color: white;
    text-decoration:none;
  }

  /* pastelerias */

  .portada .bloque.bloque1 .caja{
  /*  height: 500px; */
  }

  .portada .bloque.bloque1 .caja.caja1{
    width: 100%;
  }

  .portada .bloque.bloque1 .caja.caja2{
    width: 100%;
  }

  .portada .bloque.bloque1 .caja.caja3{
    width: 100%;
  }

  /* productos */

  .portada .bloque.bloque2{
    padding:7rem 0 0 0;
  }

  .portada .bloque.bloque2 div{
  	margin-bottom: 0rem;
  }

  .portada .bloque.bloque2 div .imagen{
  	padding: 0 0 0 0;
  }

  /* cafeterías y restaurantes */
  .elementoinfo{
    margin: 0 0 5rem 0;
  }

  .elementoinfo .row a{
    width: auto;
    margin: 0 0 1rem 0;
  }


  /* contacto */
  .portada .bloque.bloque4 img.logo{
     width:350px;
     height: auto;
  }

  .portada .bloque.bloque4 .contacto{
    padding: 50px 50px 50px 50px;
  }

/* ------------------- */
/* secciones productos */
/* ------------------- */

  .container.mosaico .item{
    width:94%;
  }
  
}




@media (min-width: 992px){

/* ******************************************************** 
CABECERA
******************************************************** */

/* logo */

header .banda2 .logo{
	width: 250px;
	margin:25px 0 0 -125px;
}

header .banda2 .logo img{
	width:250px;
}

/* ******************************************************** 
PARTES
******************************************************** */

  #carrusel .imgppal .texto{
  	top:250px;
  }

  #carrusel .imgppal .texto .textoppal{
  	font-size: 4rem;
  }

  #carrusel .imgppal .texto .subtitulo{
  	font-size: 3rem;
  }

  /* pastelerias */

  .portada .bloque.bloque1 .caja{
    /* height: 500px; */
  }

  .portada .bloque.bloque1 .caja .datosinit{
    height: 400px;
  }

  .portada .bloque.bloque1 .caja.caja1{
    width: 33.33%;
  }

  .portada .bloque.bloque1 .caja.caja2{
    width: 33.33%;
  }

  .portada .bloque.bloque1 .caja.caja3{
    width: 33.33%;
  }

  /* productos */

  .portada .bloque.bloque2{
    padding:7rem 0 7rem 0;
  }

  .portada .bloque.bloque2 div{
  	margin-bottom: 0;
  }

	.portada .bloque.bloque2 div .imagen{
  	padding: 0 0 0 0;
  }

  /* cafeterías y restaurantes */
  .elementoinfo{
    margin: 0 0 5rem 0;
  }

  .elementoinfo .row a{
    width: auto;
    margin: 0 0 1rem 0;
  }

  /* contacto */
  .portada .bloque.bloque4 img.logo{
     width:350px;
     height: auto;
  }

  .portada .bloque.bloque4 .contacto{
    padding: 50px 50px 50px 50px;
  }


/* ------------------- */
/* secciones productos */
/* ------------------- */

  .container.mosaico .item{
  width:45%;
}

}



@media (min-width: 1200px){

/* ******************************************************** 
CABECERA
******************************************************** */

/* logo */

header .banda2 .logo{
	width: 250px;
	margin:25px 0 0 -125px;
}

header .banda2 .logo img{
	width:250px;
}

/* ******************************************************** 
PARTES
******************************************************** */

  #carrusel .imgppal .texto{
  	top:250px;
  }

  #carrusel .imgppal .texto .textoppal{
  	font-size: 4rem;
  }

  #carrusel .imgppal .texto .subtitulo{
  	font-size: 3rem;
  }

   /* pastelerias */

  .portada .bloque.bloque1 .caja{
    /* height: 500px; */
  }

  .portada .bloque.bloque1 .caja .datosinit{
    height: 370px;
  }

  .portada .bloque.bloque1 .caja.caja1{
    width: 33.33%;
  }

  .portada .bloque.bloque1 .caja.caja2{
    width: 33.33%;
  }

  .portada .bloque.bloque1 .caja.caja3{
    width: 33.33%;
  }

  /* productos */

  .portada .bloque.bloque2{
    padding:7rem 0 7rem 0;
  }

  .portada .bloque.bloque2 div{
  	margin-bottom: 0;
  }

  .portada .bloque.bloque2 div .imagen{
  	padding: 0 0 0 0;
  }

  /* cafeterías y restaurantes */
  .elementoinfo{
    margin: 0 0 5rem 0;
  }

  .elementoinfo .row a{
    width: 100%;
    margin: 0 0 0 0;
  }

  /* contacto */
  .portada .bloque.bloque4 img.logo{
     width:350px;
     height: auto;
  }

  .portada .bloque.bloque4 .contacto{
    padding: 50px 50px 50px 50px;
  }

  /* modal */
  .modal .modal-dialog{
    width: 1000px;
  }

/* ------------------- */
/* secciones productos */
/* ------------------- */

  .container.mosaico .item{
    width:45%;
  }

}