#hero{
    height: 500px;
    background-size: cover;
    background-position: center;
}

#hero .slider,
#hero .slick-list,
#hero .slick-track,
#hero .slick-slide div{
    height: 500px;
}

#hero .slick-slide img{
    height: 100%;
    object-fit: cover;
}

#s1{
    padding: 50px 0;
}

#s1 h1{
    text-align: center;
    margin-bottom: 20px;
}

#s1 p{
    text-align: center
}

#s2 h2{
    text-align: center;
    margin-bottom: 50px;
}
#s2 a{
    text-decoration: none;
}
#s2 img{
    width: 100%;
    height: 100%;
    overflow: cover;
}

#s2 .row{
    align-items: center;
}

#s2 span{
    font-weight: 700;
    color: var(--black);
    width: 100px 
}

#s2 .location,
#s2 .date,
#s2 .link{
    display: flex;
}

#s3 h2{
    text-align: center;
    margin-bottom: 50px;
}

#s3 .row{
    align-items: center;
}

#s3 h3{
    font-size: 23px;
}

#s3 img{
    width: 100%;
    height: 470px;
    object-fit: cover;
}

.link span{
    width: 100px !important;
    display: block;
}