My generic css used to help me build a website faster when handling a project.

banner-with-text.css

.banner-info{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}

generic.css

/* DISPLAY RELEATED */
.relative{position: relative}
.full-width{width:100%}
.block-center{margin-left: auto; margin-right: auto}
.flex{display: flex}
@media only screen and (max-width: 767px) {
    .unflex-sm{display: block}
}

/* LIST */

slick-starter.css

/* Tidy up the arrow button */