@font-face {
   font-family: avenir-light;
   /* src: url('./src/font/AvenirLTStd-Book.otf') */
   src: url('https://www.pro.to/assets/fonts/AvenirLTStd-Book.otf');
}

@font-face {
   font-family: avenir-medium;
   /* src: url('./src/font/AvenirLTStd-Roman.otf') */
   src: url('https://www.pro.to/assets/fonts/AvenirLTStd-Roman.otf');
}

@font-face {
   font-family: avenir-black;
   /* src: url('./src/font/AvenirLTStd-Black.otf') */
   src: url('https://www.pro.to/assets/fonts/AvenirLTStd-Black.otf');
}

@import url('https://fonts.googleapis.com/css?family=Domine:400,700&display=swap');

html{
  font-size: 16px;
  line-height: 24px;
  font-family: avenir-medium;
}

h1, h2, h3, h4, h5, strong{
  font-family: avenir-black;
  position: relative;
  box-sizing: border-box;
}

h1{
  font-size: 72px;
  line-height: 80px;
  margin-top: 48px;
  margin-bottom: 24px; 
}

h2{
  font-size: 48px;
  line-height: 56px;
  margin-top: 24px;
  margin-bottom: 16px; 
}

h3{
  font-size: 32px;
  line-height: 40px;
  margin-top: 16px;
  margin-bottom: 16px; 
}

h4{
  font-size: 24px;
  line-height: 32px;
  margin-top: 8px;
  margin-bottom: 8px; 
}

h5{
  font-size: 16px;
  line-height: 24px;
  margin-top: 0px;
  margin-bottom: 8px; 
}

p, ul, ol, a{
  font-size: 16px;
  line-height: 24px;
  margin-top: 0px;
  margin-bottom: 16px; 
  text-decoration: none;
}

small{
  font-size: 12px;
  line-height: 16px;
  margin-top: 0px;
  margin-bottom: 8px;  
}