.header-page:hover {
  color: #1b7ff2;
}
/*head*/
.WebStudio a {
  color: #1b7ff2;
}
/*Button*/
.buttons button {
  background-color:rgb(196, 187, 187) ;
}
/*footer*/
.footer a{
   color: #ffffff52;
}
.footer {
      background-color: #2f2f2f;
  color: #ffffff;
}
.footer h2 {
  color: #275dd1;
}
.hero-more:active {
  background-color: #286de3;
}

body {
  font-family: "Roboto regular";
}

           /*Roboto Medium*/
/*hero*/
.header-page {
  font-family: "Roboto medium";
font-weight: 500;
font-size: 14px;
letter-spacing: 0.02em;
color: #212121;

  font-family: "Roboto medium";
font-weight: 500;
font-size: 16px;
line-height: 162%;
letter-spacing: 0.03em;
text-align: center;
color: #212121;
}

           /*Roboto Regular*/
/*hero*/
.hero-text {
  font-family: "Roboto regular";
font-weight: 400;
font-size: 16px;
line-height: 187%;
letter-spacing: 0.03em;
color: #757575;
}
/*footer*/
.footer-text {
  font-family: "Roboto regular";
font-weight: 400;
font-size: 14px;
line-height: 171%;
letter-spacing: 0.03em;
color: #fff;
}
.footer-page {
font-family: "Roboto regular";
font-weight: 400;
font-size: 14px;
line-height: 171%;
letter-spacing: 0.03em;
color: rgba(255, 255, 255, 0.6);
}





           /*Roboto Bold*/
/*hero*/
.hero-subtitle {
font-family: "Roboto bold";
font-weight: 700;
font-size: 18px;
line-height: 200%;
letter-spacing: 0.06em;
color: #212121;
}



          /*Raleway Bold*/
 .WebStudio {
 font-family: "Raleway bold";
font-weight: 700;
font-size: 26px;
letter-spacing: 0.03em;
color: #2196f3;
}
/*footer*/
.footer-title {
  font-family: "Raleway bold";
font-weight: 700;
font-size: 26px;
letter-spacing: 0.03em;
color: #2196f3;
}