body {
    /* Aquí el origen de la imagen */
    background-image: url(../img/bg_copelia_cocadas.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	overflow-x: hidden;
}

.back-title{
    background-image: url(../img/back-title.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 70px;
    display: grid;
    align-items: center;
    margin-bottom: 15px;
    font-family: MohrRounded-Black;
}

.back-title h2{
    font-family: MohrRounded-Black;
}

/*.banner-product{
    width: 100%;
}*/

.carousel-item{
    color: white;
}

.carousel-caption p{
    margin-bottom: 0;
    font-size: 14px;
    text-transform: uppercase;
}

#carousel-copelia .carousel-control-prev-icon,
#carousel-copelia .carousel-control-next-icon{
    background-color: #ffffff4d;
    border-radius: 20px;
    filter: contrast(10000);
}

.icon-product{
    width: 70px;
}

.text-brown{
    color:#7d471d;
}
  

/* Escritorio extra grande */
@media only screen and (min-width: 1281px){
    .row-products{
        margin-top: calc(var(--bs-gutter-x) * 5);
    }
}
/* Escritorio grande */
@media only screen and (min-width: 992px) and (max-width: 1280px){
    .carousel-caption p {
        font-size: 11px;
    }
}

@media only screen and (min-width: 992px) and (max-height : 735px){
	.logo {
		width: 120px;
	}

	.menu {
		padding: 15px 10px 30px;
	}

	section#historia p {
		font-size: 0.8rem;
	}
	h1{
		font-size: 2rem;
	}
}

/* Tablets y phablets */
@media only screen and (max-width: 767px){
    body{
        background-image: url(../img/background-copelia.png);
    }

    .carousel-item .bd-placeholder-img{
        height:350px;
    }

    .text-brown{
        font-size: 1rem;
    }
}