gsy-component-library/build/components/_Verbund/Section/Section.css

reusable components from grid singularity

/* VERBUND THEME */
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,700");
.section {
  color: white;
  font-weight: 100;
  position: relative; }
  .theme-d3a .section {
    font-family: "Lato", sans-serif; }
  .theme-verbund .section {
    font-family: "Roboto", sans-serif; }

.section-intro-title {
  font-size: 68px;
  line-height: 77px;
  font-weight: 100;
  padding-top: 49px;
  padding-bottom: 35.1px;
  margin-bottom: 58px;
  text-shadow: 2px 2px 4px rgba(26, 11, 52, 0.3); }

.section-intro-subtitle {
  font-size: 16px;
  line-height: 33px;
  font-weight: 100;
  padding-top: 38.2px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }

.circles {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex; }
  .circles .circle {
    border: 1px solid rgba(255, 255, 255, 0.6);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 17.56px; }
    .circles .circle.fill {
      border: 0;
      background-color: #24A98E; }
      .circles .circle.fill:after {
        content: '';
        position: absolute;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        border: 2px solid rgba(255, 255, 255, 0.6);
        left: -4px;
        top: -4px; }