*{
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-size:17px;
}

.header-wrapper {
    padding: 1.64rem 0;
}


.headline, .ai-head{
    font-family: "Google Sans", sans-serif;
    font-size: 32px;
    font-weight: 600;
    padding: 3rem 2rem 1rem 3rem;
}

.headline .brandy{
    font-family: "Google Sans", sans-serif;
    font-size: 32px;
    font-weight: 600;
}

.underms, .subline {
    padding: 0 3rem 1rem 3rem;
    color: #888;
}

.subline, .mini-line {
    padding: 3rem 3rem 0;
    color: #888;
}

.subhead {
    padding: 0 3rem 3rem 3rem;
    font-size: 20px;
    font-weight: 500;
    max-width: 720px;
    color: #111;
}

.intro, .inside-final {
    padding: 1rem 3rem 3rem;
    font-size: 20px;
    font-weight: 500;
    color: #111;
}

.inside-final{
    padding-top: 2rem;
}

.why-box, .inside-box{
    padding: 1rem 3rem 0;
}

.why-block{
    font-size: 18px;
    font-weight: 500;
}

.in-head {
    font-family: "Google Sans", sans-serif;
    font-size: 21px;
    font-weight: 500;
    padding-bottom: .5rem;
}

.inside-block p{
    font-size: 18px;
    font-weight: 500;
}

.why-block:nth-child(1), .why-block:nth-child(2){
    padding-bottom: 1rem;
}

.why-block:nth-child(3){
    border-bottom: none;
}

.third .intro{
    padding-bottom: 1rem 
}

.third .mini-line{
    padding-top: 0
}

.ai-box{
    padding: 1rem 3rem
}

.ai-item {
    padding-bottom: .5rem;
    color: #222;
    font-size: 17px;
    font-weight: 600;
}

.third{
    padding-bottom: 1.5rem;
}

.contacts {
  grid-template-columns: 1fr 1fr;
  padding: 3rem;
}

.contacts .headline {
  grid-column: 1 / -1;
  padding: 0 0 1rem;
}

.location, .team {
    padding-bottom: .5rem;
    font-weight: 600;
    font-size: 16px;
    color: #c4c4c4;
}

.phone {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 1rem;
    display: inline-block;
}

.person{
    text-align: center;
}

.person img{
    padding: 1rem 0;
    width: 100%;
    height: auto;
    display: block;
}

.grady {
  background: linear-gradient(
    to right,
    #C6FFDD 0%,
    #FDB786 50%,
    #F7797D 100%
  );

  font-family: "Google Sans", sans-serif;
    font-size: 32px;
    font-weight: 600;
  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  /* Для современных браузеров */
  background-clip: text;
  color: transparent;
}

.brandy {
  background: linear-gradient(
    to right,
    #FD746C 0%,
    #FF9068 100%
  );

    font-family: "Google Sans", sans-serif;
    font-size: 32px;
    font-weight: 600;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  background-clip: text;
  color: transparent;

  display: inline-block;
}

.intro .brandy, .intro .grady{
    font-size: inherit;
}

.dasher {
    color: #cdcdcd;
}

@media (max-width: 980px) {
    .logo {
        padding-left: 3rem;
    }
}

@media (max-width: 620px) {
    .why-box {
        grid-template-columns: auto;
    }

    .why-block:nth-child(3) {
        border-bottom: 1px solid #0000001f;
        padding-bottom: 1rem;
    }

    .inside-box {
        grid-template-columns: auto;
        grid-gap: 2rem;
    }
}

@media (max-width: 557px) {
    .logo {
        padding-left: 1rem;
    }
    .headline, .ai-head {
        padding: 2rem 1rem 0 1rem;
    }
    .underms, .subline{
        padding: 1rem;
    }
    .subhead {
        padding: 0 1rem 2rem 1rem;
    }
    .intro, .inside-final {
        padding: 1rem 1rem 2rem;
    }
    .subline, .mini-line {
        padding: 2rem 1rem 0;
    }
    .why-box, .inside-box {
        padding: 1rem 1rem 0;
    }
    .ai-box {
        padding: 1rem 1rem;
    }
    .people {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 320px) {
    .people {
        grid-template-columns: 1fr;
    }
}