@font-face {
  font-family: 'nucleo';
  src: url('fonts/nucleo.woff2') format('woff2'),
       url('fonts/nucleo.woff') format('woff'),
       url('fonts/nucleo.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body{
  margin: 0 !important;
}
header{
  background-color: #b8b4e5;
}

header img{
  width:75px;
  padding: 15px;
}

section#page-title{
  height: 300px;
  position: relative;
  border-top: 1px solid #d7d7d7;
  margin-bottom: 45px;
}

section#page-title h1{
  color: white;
  font-size: 34px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  
}

section.paragraph{
  padding: 10px 45px;
}

.underline{
  width: 65px;
  height: 2px;
  background-color: #afaae3;
}

section.paragraph h2{
  color: #afaae3;
}

section.paragraph p{
  font-family: "nucleo";
}