#head-section {
	overflow: hidden;
	min-height: 722px;
	margin-top: 70px;
}

@media (min-width: 767px) { 
	#head-section {
		height: 722px;
	}
}

#relacion-mayoristas-img-top-right {
	background-image: url("/images/relacion-mayoristas.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

h1 {
	color: var(--primaryColor);
	font-family: 'Aganè';
	font-size: 40px;
	font-weight: bold;
	line-height: 48px;
}

p {
	color: #4E4E4E;
	font-family: 'Aganè';
	font-size: 18px;
	line-height: 22px;
}

.dots-separator-container {
	height: 14px;
	width: 73px;
	margin-top: 5px;
	margin-bottom: 31px;
}

.small-dot {
	background-color: var(--primaryColor);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 2px;
	margin-left: 2px;
}

.medium-dot {
	background-color: var(--primaryColor);
	width: 11px;
	height: 11px;
	border-radius: 50%;
	margin-right: 2px;
	margin-left: 2px;
}

.large-dot {
	background-color: var(--primaryColor);
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin-right: 2px;
	margin-left: 2px;
}

.card {
	min-width: 300px;
	max-width: 328px;
	border-radius: 0;
	border: none;
	box-shadow: 3px 4px 6px 0 rgba(0,0,0,0.15);
	margin-top: 30px;
}

.card-img-top {
	border-radius: 0;
	height: 244px;
	width: 100%;
	object-fit: cover;
	object-position: top;
	/* background-color: #F0F0F0; */
}

.card-title {
	color: var(--primaryColor);
	font-family: 'Aganè';
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 0;
}

.card-text {
	width: 266.17px;
	color: #4E4E4E;
	font-family: 'Aganè';
	font-size: 12px;
	line-height: 14px;
}

h3 {
	width: 254px;
	color: #FFFFFF;
	font-family: 'Aganè';
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	z-index: 999;
}

#right-bottom-triangle {
	position: absolute;
	right: 0;
  bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 100px solid var(--primaryColor);
	border-left: 100px solid transparent;
	z-index: -1;
}

#triangle-bg {
	position: relative;
}