﻿@media only screen and (max-width: 1100px) and (min-width: 801px) {



    .personal-link-section > .social-media-block {
        padding: 0;
    }

    .personal-link-section > .header {
        padding: 0;
        font-size: xxx-large;
    }

    .personal-link-section > .button-container {
        padding: 0 15%;
    }

    .personal-link-section > .text {
        padding: 0 12%;
    }

    .personal-split-section > .info-block {
        grid-template-rows: 40% 60%;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 1025px) {

    .personal-section-1-image {
        background-image: url('../../assets/Personal/Personal 1400.webp');
    }
}

@media only screen and (max-width: 1024px) and (min-width: 500px) {

    .personal-section-1-image {
        background-image: url('../../assets/Personal/Personal 1024.webp');
    }
}
