/* ALL TYPOGRAPHY CSS GOES IN THIS FILE */

/* Order of properties to be consistent:
  - font family
  - font color
  - font size
  - font weight
  - font style
*/
* {
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

::placeholder{
  color: #333333;
}

nav ul{
  list-style-type: none;
}

nav a{
  text-decoration: none;
  text-align: center;
  font-family: futura;
  font-weight: 500;
  color: #30A6BC;
  letter-spacing: 0.5em;
}

#hero h1{
  font-family: futura;
  font-weight: 500;
  color: #33475B;
  font-size: 2.25em;
  letter-spacing: 1;
}

#hero p{
  font-family: helvetica neue;
  font-weight: 400;
  color: #33475B;
  font-size: 1.25em;
  letter-spacing: 1;
}

#hero button a{
  font-family: helvetica neue;
  font-weight: 500;
  font-size: 1.25em;
  color: #FFFFFF;
  text-decoration: none;
}

#services{
  color: #FFFFFF;
}

article{
  font-family: 'Lora', serif;
  color: rgb(51, 51, 51);
  font-weight: 400;
  font-style: normal;
  font-size: 1.18em;
  line-height: 1.618em;
  letter-spacing: -0.25px;
}

article h2{
  font-family: 'Open Sans', sans-serif;
  color: rgb(51, 51, 51);
  font-weight: 400;
  font-style: normal;
}

#chatbox{
  font-family: helvetica neue;
  font-weight: 500;
  color: #FFFFFF;
  font-size: 1.25em;
  letter-spacing: 1;
  line-height: 2em;
  text-align: center;
}