@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
       url('../fonts/roboto-bold-webfont.woff') format('woff'),
       url('../fonts/Roboto-Bold.otf') format('otf'),
       url('../fonts/Roboto-Bold.ttf') format('ttf');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
       url('../fonts/roboto-medium-webfont.woff') format('woff'),
       url('../fonts/Roboto-Medium.otf') format('otf'),
       url('../fonts/Roboto-Medium.ttf') format('ttf');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
       url('../fonts/roboto-regular-webfont.woff') format('woff'),
       url('../fonts/Roboto-Regular.otf') format('otf'),
       url('../fonts/Roboto-Regular.ttf') format('ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Roboto; 
  src: url('../../assets/fonts/Roboto-Light.ttf') format('ttf'); 
  font-weight: 300;
  font-style: normal;
 }
 @font-face {
  font-family: Roboto; 
  src: url('../fonts/Roboto-Thin.woff2') format('woff2'),
       url('../fonts/Roboto-Thin.woff') format('woff'),
       url('../fonts/Roboto-Thin.ttf') format('ttf'); 
  font-weight: 100;
  font-style: normal;
 }



h1, h2, h3, h4, p, a, .btn{
  font-family: 'Roboto', Verdana, serif;
  letter-spacing: 0.0em;
}
/*
h1{
  font-size: 114px;
  font-weight: 700;
  /*font-style: bold;*//*
  line-height: 91px; /*80%
}*/
.ellipse>p{
  font-size: 106.5px;
  font-weight: 700;
  line-height: 75%; 
  color: #FFFFFF;
}

h1{
  font-size: 19px;
  font-weight: 400;
  line-height: 120%; 
  color: #FFFFFF;
}

h2{
  font-size: 48px;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
}
h3{
  font-size: 36px;
  font-weight: 400;
  font-style: normal;
  line-height: 47px;/*130%*/
}

h4{
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
}

.btn, a, .card__name>p, .medium{
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  line-height: 140%;
  color: #FFFFFF;
  }

  .card__description>.card__place, .small{
  font-size: 15px;
  font-weight: 300;
  font-style: normal;
  line-height: 120%;
}
p, input, .social a, .footer__navigation a, .amount input{
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 140%;
}

.author p{
  font-size: 16px;
  font-weight: 100;
  font-style: normal;
  line-height: 130%;
}