#intro-slider {
    width: 100%;
    height: 50vh;
    margin-bottom: 60px;
}

#intro-slider.swiper .swiper-slide {
    width: 100%;
    height: 100%;
    position:relative;
}

#intro-slider.swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#intro-slider.swiper .swiper-slide .slide-content {
    position: absolute;
    bottom: 0;
    color: #fff;
    background: rgba(0,0,0,0.6);
    padding: 50px;
}

#intro-slider.swiper .swiper-slide .slide-content a{
    background: var(--yellow_color);
    color: var(--purple_color);
    padding: 10px 25px;
    border-radius: 30px;
    display: inline-block;
    margin-top: 20px;
    font-weight: bold;
}

#projects-section {
	margin-top: 60px;
    margin-bottom: 60px;
}


.project {
	position: relative;
	background-size: cover;
	background-position: center;
	height: 300px;
	width: 100%;
	overflow: hidden;
	display: flex;
}

.project-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end; /* pushes content to bottom */
	padding: 20px;
	background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
}

.project-title {
	color: #fff;
	margin: 0 0 10px;
}

#projects-slider .project-overlay a {
	color: #fff;
	font-size: 24px;
	align-self: flex-start;
}

.project-btn:hover {
	background: #cc0040;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 40px;
}

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

    .news-grid .news-grid__item {
        max-height:350px;
    }
}

@media(min-width: 769px) {
    .news-grid .news-grid__item:first-of-type {
        grid-row: span 2;
    }
    .news-grid .news-grid__item:not(:first-of-type) {
        max-height:350px;
    }
}

.news-grid .news-grid__item a {
    height: 100%;
    display: block;
    position: relative;
}
.news-grid .news-grid__item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-grid .news-grid__item a .grid-detail {
    position: absolute;
    bottom: 0;
    padding: 20px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    width:100%;
}

.news-grid .news-grid__item a .grid-detail h3, #projects-slider h3{
    font-size: 1.5rem;
}

.news-grid .news-grid__item a .grid-detail .more-button, #projects-slider .project-overlay a {
    padding: 10px 25px;
    background: var(--purple_darker);
    border-radius: 30px;
}

.news-grid .news-grid__item a:hover .grid-detail .more-button {
    background: var(--purple_color);
}

#news-grid .all-button {
    padding: 10px 25px;
    background: var(--yellow_color);
    border-radius: 30px;
    color: var(--purple_color);
    display: inline-block;
    font-size:1.2rem;
    font-weight:bold;
    margin-bottom:30px;
}

#news-grid .all-button:hover {
    background: var(--purple_darker);
    color: #fff;
}