@media(max-width:900px){

  .hero{
    grid-template-columns:1fr;
  }

  .hero h1{
    font-size:44px;
  }

}

@media(max-width:768px){

  .container{
    padding:20px;
  }

  .section-header{
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }

}

@media (min-width: 1200px) {
    .tutor-col-xl-8 {
        flex: none;
        width: 95%;
	}}
body{
	background-color: #F1F3F4;
}