.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

body {
  font-family: 'Asap', sans-serif;
  font-size: 12px;
}

.self {
    font-size: 1.2em;
    letter-spacing: 2px;
    margin-left: 20px;
}
.self h1 {
  font-size: 4em;
  margin: 0px;
}
.self h2{
  font-size: 2em;
  margin: 0px;
}
.salut {
  letter-spacing: 2px;
  margin-left: 20px;
}
.salut h3{
  font-size: 1.7em;
}
.salut p {
  font-size: 1.5em;
}
.salut p a {
  color: red;
  text-decoration: none;
  text-transform: lowercase;
}