.headdesk{
  padding:60px 8%;
  background:#f8fafc;
}

.headdesk-container{
  display:flex;
  gap:50px;
  align-items:flex-start;
  justify-content:space-between;
}

.headdesk-text{
  flex:3;
  line-height:1.7;
  font-size:1rem;
  color:#334155;
}

.headdesk-text h2{
  font-size:2rem;
  color:#0369a1;
  margin-bottom:20px;
}

.headdesk-text p{
  margin-bottom:18px;
}

.head-quote{
  font-style:italic;
  border-left:4px solid #0ea5e9;
  padding-left:15px;
  margin-bottom:25px;
}

.head-quote-end{
  font-style:italic;
  font-weight:500;
  margin-top:25px;
}

.headdesk-profile{
  flex:1;
  text-align:center;
}

.headdesk-profile img{
  width:170px;
  height:170px;
  border-radius:50%;
  object-fit:cover;
  border:4px solid #e2e8f0;
  margin-bottom:15px;
}

.headdesk-profile h3{
  font-size:1.2rem;
  margin-bottom:5px;
}

.headdesk-profile p{
  font-size:0.9rem;
  color:#64748b;
}

@media (max-width:900px){

  .headdesk-container{
    flex-direction:column;
    align-items:center;
  }

  .headdesk-text{
    text-align:justify;
  }

  .headdesk-profile{
    margin-top:30px;
  }

}