*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

::selection {
  background-color: #f43059;
  color: #fff;
}

body {
  font-size: 1.8em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  background-color: #f9f9f9;
  color: #444;
  line-height: 1.5; // base line-height = 18px * 1.5 = 27px

  -webkit-font-smoothing: antialiased;

  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

/* Setting Open Sans Font-weight */
p      {font-weight: 300;}
strong {font-weight: 400;}

/* Setting vertical rythme */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 27px;
}

img {
  max-width: 100%;
}

/* Helpers */
.flush { margin: 0 !important; }

/* Atoms */
.header-tagline {
  font-weight: 300;
  color: #333;
  font-size: 5em;
  line-height: 108px;
  margin: 0 0 27px;
}

.section {
  padding: 27px 0;
}

.section--alternative {
  background-color: #f2f2f2;
}