.events {
  display: flex;
  justify-content: center;
}
.events .main-body {
  width: 752px;
  max-width: 752px;
}
.events .heading {
    padding: 60px 0;
    font-size: 30px;
    font-weight: bold;
    color: #d28518;
}
.events .intro img{
    max-width: 100%;
}
.events .intro .info-box{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-left: 70px;
}
.events .intro .info-box p{
    margin: 0;
    font-size: 17px;
    color: rgb(96, 96, 96);
}
.events .intro .info-box .time , .events .intro .info-box .location{
    width: 100%;
}
.events .intro .info-box .time{
    margin-bottom: 40px;
}
.events .intro .info-box .time>p:first-child{
    font-weight: 500;
    color: black;
}
.events .intro .info-box .location>p:first-child{
    font-weight: 500;
    color: black;
}
.events .about-event{
    margin-top: 30px;
    padding-bottom: 50px;
}
.events .about-event .about-heading{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: rgb(48, 48, 48);
}
.events .about-event .title-text{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.events .about-event .info-text{
    font-size: 16px;
    color: rgb(96, 96, 96);
}

@media (max-width: 986px) {
    .events .main-body{
        padding: 0 10px;
    }
    .events .heading{
        font-size: 24px;
        padding: 30px 0;
    }
    .events .intro .img-box{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .events .intro .info-box{
        padding-left: 0;
        padding-top: 30px;
    }
}