/* Mobile and Tablet Responsiveness */

@media (max-width: 1024px) {
    .profile {
        flex-direction: column-reverse;
        text-align: center;
        gap: 1.5rem;
    }
    .profile p {
        text-align: center;
    }
    .welcome{
        margin: 15dvh;
    }
    .welcome h1{
        font-size: 50px;
    }
    .welcome p{
        font-size: 15px;
    }
    .name{
        font-size: 20px;
    }
    footer .links a{
        font-size: 1rem;
    }
    .photo-gallery{
        flex-direction: column;
        padding: 1rem;
    }
}

@media (max-width: 900px) {
    .nav1 {
        display: none;
    }
    .mobile-nav {
        display: flex;
    }
    .portfolio-container {
        flex-direction: column;
    }
    .details-container {
        width: 100%;
    }
}

@media (max-width: 600px) {
    body {
        padding-left: 10px;
        padding-right: 10px;
    }
    .section-text {
        font-size: 28px;
        padding: 20px 0;
    }
    #con-container {
        padding: 15px;
        width: 300px;
    }
    .btn {
        width: 100%;
        max-width: 250px;
    }
    .links {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
}