.no-padding {
	padding: 0 !important;
}

.hero {
	@extend .no-padding;
}

.main {
	}

.buffer {
		background-color: $secondary-color;
	}

.infostories-logo {
	width: 10%;
	}

.title {
	border-bottom: 1px solid $primary-color;
	color: $primary-color;
	padding-bottom: 10px;
}

.paragraph {
	color: $white;
}

.paragraph-footer {
color: #cacaca;
font-size: $small-font-size;
}

.ilo-logo {
	width: 40%;
}

.footer {
		@extend .no-padding;
}

.bottom-margin {
	background-color: $secondary-color;
}

.no-padding {
	padding: 0 !important;
}

.hero {
	@extend .no-padding;

	img {
		width: 100%;
	}
}

.main {
	}

.buffer {
		background-color: $secondary-color;
	}

.infostories-logo {
	width: 10%;
	}

.title {
	border-bottom: 1px solid $primary-color;
	color: $primary-color;
	padding-bottom: 10px;
}

.paragraph {
	color: $white;
}

.paragraph-footer {
color: #cacaca;
font-size: $small-font-size;
}

.ilo-logo {
	width: 40%;
}

.footer {
		@extend .no-padding;
}

.bottom-margin {
	background-color: $secondary-color;
}

Fix width issue in hero
Fix width issue in hero
