@media screen and (width <=1100px) {

    .carousel-slider {
        grid-auto-columns: 33.3%;
    }

    .email-layout-container {
        width: 100%;
    }

    .social-links img {
        width: 2.25rem;
    }

    .photography-social img {
        width: 2.25rem;
    }
}

@media screen and (width <=750px) {
    #loading-text {
        font-size: 4.5rem;
    }

    #loading-bar {
        width: 75%;
        height: 25px;
    }

    #loading-bar-fill {
        height: 25px;
    }

    main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #home-intro-text {
        align-self: flex-start;
        font-size: 12rem;
    }

    .social-links {
        align-self: flex-start;
        width: max-content;
        padding-bottom: 7rem;
        padding-left: 6.25rem;
    }

    .social-links div {
        width: 10rem;
    }

    .social-links img {
        width: 4rem;
    }

    .section-heading {
        font-size: 7.5rem;
        line-height: 8rem;
    }

    .section-content {
        width: 100%;
        left: 0;
        box-sizing: border-box;
        padding-inline: 6.25rem;
        font-size: 3rem;
        line-height: 4rem;
    }

    .section-content>p {
        font-size: 4rem;
    }

    .section-container {
        padding-inline: 0;
    }

    .section-seperator {
        transform: scale(0.5);
    }

    #project-grid {
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-columns: none;
        padding-inline: 6.25rem;
        box-sizing: border-box;
    }

    #project-card {
        height: 23rem;
    }

    .project-header {
        font-size: 4.5rem;
    }

    .languages-used::before {
        width: 16.2rem;
    }

    .languages-used {
        font-size: 3rem;
        line-height: 4rem;
    }

    #project-overview>button {
        font-size: 1.8rem;
        padding: 2rem 3rem;
    }

    #photography-section {
        gap: 9.25rem;
    }

    .photography-social::before {
        width: 10rem;
    }

    .photography-social {
        gap: 2.7rem;
        width: 30rem;
        top: 10rem;
    }

    .photography-social img {
        width: 4rem;
    }

    .gallery-icon {
        font-size: 4rem;
    }

    .gallery-icon sup {
        font-size: 3rem;

    }

    .photography-writeup {
        width: 100%;
    }

    h2.section-heading {
        font-size: 5rem;
    }

    .carousel-slider {
        grid-auto-columns: 50%;
    }

    .email-layout-container {
        width: 90%;
        height: 120rem;
        font-size: 3rem;
    }

    .title-bar-left>img {
        width: 3.25rem;
    }

    .email-layout-container input,
    .email-layout-container textarea {
        font-size: calc(3rem + 2px);
    }

    .title-bar-buttons>img:nth-child(1) {
        width: 1.8rem;
    }

    .title-bar-buttons>img:nth-child(2) {
        width: 1.9rem;
    }

    .title-bar-buttons>img:nth-child(3) {
        width: 2rem;
    }

    .bottom-bar button {
        font-size: 3.1rem;
        margin: 1rem;
        padding: 1.75rem 3.5rem;
        border-radius: 2.75rem;
    }
}