@media (max-width:1290px) {
    .split-content-container.img-left .img-container{ padding: 0 50px 0 0;}
    .split-content-container.img-right .img-container{ padding: 0  0 0 50px;}

    .services-grid{display:grid; gap: 25px; grid-template-columns: repeat(2, minmax(0, 1fr));}
}



@media (max-width:1080px) {
    .split-heading-container, .split-content-container{flex-direction: column; align-items: flex-start;}
    .split-heading-container .text-content{margin-bottom: 15px;}

    .split-content-container .text-container{margin-bottom: 25px; max-width:100%; order:1;}
    .split-content-container .img-container{order:2; display:flex; justify-content:center; width:100%; max-width:none;}
    .split-content-container.img-left .img-container, .split-content-container.img-right .img-container{padding:0;}

    .portfolio-grid{gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (max-width:880px) {
    nav.desktop{display:none;}
    .trigger-overlay{display:flex;}

    .footer-container{flex-direction: column;}
    .footer-container .links{flex-wrap: wrap; justify-content:center; margin-top:20px;} 
    .footer-container .links > a{ margin: 3px 10px;}
    .footer-container .links .social-links{width:100%; margin-top:20px;}

    .services-grid{display:grid; gap: 25px; grid-template-columns: repeat(1, minmax(0, 1fr));}
}

@media (max-width:720px) {
    .portfolio-grid{gap: 20px; grid-template-columns: repeat(1, minmax(0, 1fr));}
    .portfolio-item{height: auto;}
}

@media (max-width:600px) {
    .banner-wrapper .site-container{margin-bottom: 40px;}
    .banner-wrapper .tagline{letter-spacing: 4px; font-size: 1em; padding: 0 0 8px 0; margin-bottom: 12px;}
    .banner-wrapper h2, h2{line-height: 2.55rem; font-size: 2rem;}
    .banner-wrapper .button-container{margin-top:10px;}
    .scroll-button{width:50px; height:50px;}

    .split-heading-container .text-content{    margin-bottom: 10px;}

    .blog-card{padding:10px;}
}

@media (max-width:540px) {
    .services-card{padding:30px;}

    
}