@media screen and (max-width: 480px){
body, html {
	width:auto;
	height:auto;
    background: url(../img/52e07824baa00f4f5b4b26ee4392db55.jpg);
    
}
}


body {
	width:auto;
	height:auto;
    background: url(../img/52e07824baa00f4f5b4b26ee4392db55.jpg);
	

}

header {
	margin-top:0px;
   background-repeat: no-repeat;
    background: url(../img/CINTILLO-WEB.jpg) no-repeat center center;
    background-size: 100% 100%;
    height:100px;
    width:100%;
    z-index:100;
    display:block;
}
header2 {
    background: url(../img/logotienda.jpeg) no-repeat center;
    width: 100%;
    height: 180px; /* Ajusta la altura a tu gusto */
    background-size: 100% 100%; 
    display: block;
}

/* Ajuste para pantallas muy grandes (PC) */
@media (min-width: 1200px) {
    header2 {
        height: 220px; /* Altura más imponente en monitores grandes */
    }
}

/* Ajuste para celulares (Pantallas pequeñas) */
@media (max-width: 768px) {
    header2 {
        height: 120px; /* Se reduce en móviles para no ocupar toda la pantalla */
        background-size: cover; /* En móviles 'cover' suele verse mejor */
    }
}
header3 {
	margin-top:0px;
   background-repeat: no-repeat;
    background: url(../img/pie.jpg) no-repeat center center;
    background-size: 100% 100%;
    height:250px;
    width:100%;
    z-index:100;
    display:block;
}

header h2{
	font-size:28px;
	font-weight:normal;
	left:15%;
	position:absolute;
	top: 19.5%;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	height: 32px;
}
header h3{
	color: #FFF;
	font-size:24px;
	font-weight:normal;
	left:48%;
	position:absolute;
	top: 19.5%;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	height: 32px;
}



.navbar-default {
  background-color: #F33;
  border-color: #000;
}
.navbar-default .navbar-brand {
  color: #FFF;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #FFF;
}
.navbar-default .navbar-text {
  color:#FFF;
}
.navbar-default .navbar-nav > li > a {
  color: #FFF;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #FFF;
  background-color: #000;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #FFF;
  background-color: #000;
}
.navbar-default .navbar-toggle {
  border-color: #000;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #000;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFF;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #FFF;
}
.navbar-default .navbar-link {
  color: #FFF;
}
.navbar-default .navbar-link:hover {
  color: #FFF;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #FFF;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFF;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #FFF;
    background-color:#FFF;
  }
}


