@media only screen and (max-width: 1920px) {
}

@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 15px;
    }
    h2 {
        font-size: 3rem;
        margin-bottom: 1rem;
    }
    .section.one p, .section.two p, .servicesList a {
        font-size: 1.25rem;
    }
    .servicesList a img {
        width: 2.5rem;
    }
    .pkg h4 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width: 1199px) {
    .section.two ul li {
        padding: 1rem;
    }
    .section.one p, .section.two p, .servicesList a {
        font-size: 1.125rem;
    }
    h2 {
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
    }
    .pkg {
        padding: 1rem;
        min-height: 33rem;
    }
    .pkg ul {
        list-style: none;
    }
    footer h4 {
        margin: 4rem 0 1rem;
    }
}

@media only screen and (max-width: 991px) {
    .pkg {
        min-height: auto;
        margin-bottom: 1rem;
    }
    .map iframe {
        height: 16rem;
        margin-top: 2rem;
    }
    footer p + strong {
        font-weight: 300;
    }
}

@media only screen and (max-width: 767px) {
    h2 {
        font-size: 2rem;
    }
    .section.two ul li {
        flex: 0 0 100%;
        width: 100%;
        padding: 1rem 0;
        border-bottom: 1px solid var(--white);
    }
    .section.two ul li {
        border-right: none;
    }
    .section.two ul li:first-child, .section.two ul li:nth-child(4), .section.two ul li:nth-child(5),
    .section.two ul li:nth-child(2), .section.two ul li:nth-child(3) {
        border-bottom: 1px solid var(--white);
        padding: 1rem 0; 
    }
    .section.two ul li:last-child{
        border-bottom: 0;
    }
    .directorCell .content .info {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    .directorCell .content .info {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    .directorCell {
        gap: 1rem;
        margin-bottom: 2rem;
    }
    .directorCell .img {
        width: 15%;
    }
    .directorCell .content {
        width: 85%;
    }
    
    .servicesList {
        flex-direction: column;
        margin-top: 2rem;
    }
    footer h4 {
        margin: 3rem 0 1rem;
    }
    header img {
        width: 15rem;
    }
    .sidebar {
    width: 20rem;
    height: 100vh;
}
}

@media only screen and (max-width: 575px) {
    .section {
        padding: 3rem 0;
    }
    .directorCell {
        flex-direction: column;
    }
    .directorCell .img,
    .directorCell .content {
        width: 100%;
    }
    .personList {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    .personList .content {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
}