@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap');
body {
	font-family: 'Roboto Regular', sans-serif;
	color: #54371E;
}
.logo {
	width: 23.75rem;
	height: 7.25rem;
	background: url(../svg/Logo.svg) no-repeat center;
} 
i {
	color: #D46A0D;
	font-size: 1.875em;
	margin-left: 1.75rem;
}
.logo-redes {
	justify-content:space-between;
	margin: 3.5625rem 6rem;
}
.logo {
	margin: 0 0 0 25.75rem;
}
.division2 .dijon figure a{
	list-style: 
}
.fondo-barra {
	background: #D46A0D;
	padding: 0.75rem 0;
}
.nav-link {
	font-size: 1.125em;
}
.navbar-light .navbar-nav .nav-link {
	color: white;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding: 0;
	margin-left: 13.125rem;
}
.fondo-barra a:hover {
	color: #54371E !important;
	transition: 0.3s;
}
.navbar-light .navbar-brand {
	color: #54371E;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	height: 3rem;
	width: 3rem;
}
.carousel-caption {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 12.375rem;
	text-align: left;
}
.carousel-caption h5 {
	font-size: 3.9375em;
	font-family: 'Roboto black', sans-serif;
	text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
	margin-bottom: 0;
}
.carousel-caption p{
	font-size: 1.125em;
	font-family: 'Roboto black', sans-serif;
	text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
	margin-bottom: 1.875rem;
}
.carousel-caption a {
    font-size: 1.125em;
    color: #6F6F6E;
    background: white;
    padding: 1.25rem 1.25rem;
    border-radius: 5px;
    box-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
.carousel-indicators [data-bs-target] {
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
}
.textos-productos h3 {
	font-size: 2.25em;
	font-family: 'Roboto Black', sans-serif;
	margin: 3.4375rem 0 0 0;
}
.textos-productos p {
	font-size: 1.5625em;
}
.contenedor1 {
	margin: 0 6rem;
}
.contenedor2 {
	margin: 0 4.6rem;
}
main h3 {
	padding-bottom: 1.25rem;
	font-size: 1.5625em;
}
main p {
	padding-bottom: 3.4375rem;
	font-size: 1.1875em;
}
.productos-varios h4 {
	font-family: 'Roboto Black', sans-serif;
	padding: 1.25rem 0 0.9375rem 0;
}
.productos-varios a {
    display: inline-block;
	text-decoration: none;
	text-align: center;
	color: white;
	background: #D46A0D;
	font-size: 1.125em;
	border-radius: 0.3125rem;
	padding: 0.5rem 0.9375rem;
	vertical-align: middle;
	margin-top: 1.875rem;
}
.quienes-somos div {
	border: 0.0625rem solid #54371E;
}
main .quienes-somos {
	margin: 3.75rem 0 3.75rem 0;
}
main .quienes-somos h4 {
	font-size: 2.25em;
	padding: 1.5rem 0;
}
main .img-quienes-somos {
	background: url(../img/foto-empresa.jpg) no-repeat center;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 37.5rem;
}
main .img-quienes-somos p {
	color: white;
	font-size: 2.5em;
	margin: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 47.0625rem;
	text-shadow: 0.0625rem 0.0625rem 0.0625rem black
}
main .productos h4 {
	font-size: 2.25em;
	font-family: 'Roboto Black', sans-serif;
	padding: 3.75rem 0 ;
}
main .inicio-productos img {
	width: 29.5rem;
	height: auto;
}
.inicio-productos h4 {
	padding-bottom: 1.375rem;
}
.inicio-productos figure {
	padding-bottom: 1.375rem;
}
.inicio-productos a {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	color: white;
	background: #D46A0D;
	font-size: 18px;
	border-radius: 5px;
	padding: 8px 15px;
	vertical-align: middle;
	margin-top: 1.875rem;
}
main .division2 {
	margin-top: 3.4375rem;
}
main .carousel2 {
	margin: 3.75rem 0;
}
footer .fondo {
	background: #D46A0D;
}
footer h4 {
	font-size: 2.5em;
	color: white;
	padding: 28px 0 0.625rem 0 ;
}
footer p {
	font-size: 1.125em;
	color: white;
	padding-bottom: 0.625rem;
}
footer i {
	color: white;
}
footer .redes-sociales {
	padding-bottom: 1.75rem;
}
footer .copy p {
	color: #54371E;
	font-size: 0.625rem;
	margin-top: 0.625rem;
}
/* Responsive */
@media screen and (max-width: 84.375rem) {
	.productos-varios .links {
	margin-top: 3.625rem;
}
}
@media screen and (max-width:75rem) {
	.logo {
	margin: 0 0 0 20.625rem;
}
.contenedor1 {
	margin: 0 5rem;
} 
.grupos-productos .links {
	margin-top: 3.625rem;
}
main .img-quienes-somos {
	height: 32.125rem;
	width: auto;
}
}
@media screen and (max-width:62rem) {
	.logo {
		margin: 0 0 0 14.25rem;
}
    .carousel-caption {
	position: absolute;
	left: 8.625rem;
	top: -50%;
	transform: translateY(50%);
}
.contenedor1 {
	margin: 0 78px;
}
.contenedor2 {
	margin: 0 3.3rem;
}
.grupos-productos img {
	width: 25.625rem;
	height: auto;
}
.grupos-productos .links {
	margin-top: 1.875rem;
}
.contenedor1 .ceparador {
	margin-bottom: 3.75rem;
}
main .img-quienes-somos {
	height: 26.625rem;
	width: auto;
}
}
@media screen and (max-width:61.9375rem) {
	.navbar-expand-lg .navbar-nav .nav-link {
	margin-left: 0;
}
}
@media screen and (max-width:48rem) {
	.logo {
		margin: 0 auto;
	}
	.logo-redes {
		flex-direction: column;
	}
	.redes-sociales {
		margin-top: 1.5625rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
	margin-left: 0;
}
    .redes-sociales {
    	margin-bottom: 0;
    }
    .carousel-caption {
	position: absolute;
	left: 8.625rem;
	top: -60%;
	transform: translateY(50%);
    }
    main .img-quienes-somos p {
	top: 60%;
	transform: translateY(-50%);
    }
    .contenedor1 {
    	margin: 0 1.25rem;
    }
    .contenedor2 {
    	margin: 0;
    }
    .grupos-productos .link-te {
    	margin-top: 3.625rem;
    }
    main .img-quienes-somos {
	height: 20.625rem;
	width: auto;
}
footer .redes-sociales {
	margin-top: 0;
}
}
@media screen and (max-width: 36rem) {
	i {
	font-size: 2.875em;
}
.grupos-productos {
	width: 28.375rem;
	margin: 0 auto;
}
.grupos-productos img {
	width: 28.375rem;
	height: auto;
}
.contenedor1 {
	margin: 0 0.24rem;
}
 .contenedor2 {
    	margin: 0 2.3rem;
   }
.productos-varios .final {
	margin-bottom: 3.75rem;
}
.productos-varios .link-te {
	margin-top: 1.875rem;
}
main .img-quienes-somos p {
	width: 34.375rem;
}
    main .img-quienes-somos {
	height: 15.4375rem;
	width: auto;
}
main .sardinas a {
	margin-bottom: 3.4375rem;
}
main .division2 .dijon {
	margin-top: 3.4375rem;
}
footer {
	margin-top: 3.75rem;
}
}