/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .project-link h2{
        bottom: -1.7rem;
    }

    h1,
    .project-link h2{
    /* .project-title h1, */
    /* .banner h1 */
        font-size: 2.5rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .footer-icons{
        bottom: 55px;
        max-width: 92vw;
    }

    .project-link.sm img{
        height: 500px;
        object-fit: cover;
        width: 615px;
    }

    .project-link.sm.text-right h2{
        left: auto;
        right: 0;
    }

    .project-link.sm.text-right+h3,
    .project-link.sm.text-right+h3+h3{
        margin-left: auto;
    }

    .project-other-0,
    .project-other-1{
        margin-bottom: 0;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    h1{
        font-size: 4.2rem;
    }

    .project-link h2{
        bottom: -2.5rem;
    }

    .project-link h2,
    .project-title h1{
        font-size: 4.2rem;
        max-width: 80%;
    }

    .project-link+h3,
    .project-link+h3+h3{
        margin-top: 3.5rem;
    }

    .project-link.sm img{
        height: 778px;
    }

    .project-title{
        top: 100px;
    }

    .project-other h2{
        margin-bottom: 6rem;
    }

    .project-other a{
        margin-bottom: 2rem;
    }

    .project-other a span{
        font-size: 2rem;
    }

    .project-other-0{
        padding-right: calc(3rem + 15px);
    }
    
    .project-other-1{
        padding-left: calc(1.5rem + 15px);
        padding-right: calc(1.5rem + 15px);
    }
    
    .project-other-2{
        padding-left: calc(3rem + 15px);
    }
}