/* extra large device */
@media (min-width: 1450px) and (min-height: 768px) {

    /* core */
    :root {
        --upBarHeight: 150px;
        --generalMarginLeft: 300px;
    }

    .primaryButton {
        font-size: 24px;
    }

    .floatingActionButton {
        width: 85px;
        height: 85px;
        right: 40px;
        bottom: 40px;
    }

    /* navigations */
    nav.upBar a div {
        font-size: 24px;
    }

    /* home */
    p.bannerTitle {
        width: 60vw;
        font-size: 40px;
    }

    .bannerSubtitle {
        width: 60vw;
        font-size: 25px;
    }

    .bottomBar {
        font-size: 22px;
    }

    /* seeCandidate */
    .seeCandidateTitle {
        font-size: 40px;
    }

    .seeCandidateSubtitle {
        font-size: 25px;
    }

    /* testimony */
    .testimonyTitle {
        font-size: 40px;
    }

    .testimonySubtitle {
        font-size: 25px;
    }

    div.testimonyCardImage {
        width: 85px;
        height: 85px;
    }

    div.testimonyCardTitle {
        font-size: 22px;
    }

    div.testimonyCardQuote,
    div.testimonyCardJob {
        font-size: 18px;
    }

    /* locations */
    .locationsTitle {
        font-size: 40px;
    }

    .city p {
        font-size: 18px;
    }

    /* footer */
    .footerTag p {
        font-size: 20px;
    }

    p.identity {
        font-size: 20px;
    }

    .socialMediaTitle {
        font-size: 20px;
    }

    .socialMedia img {
        width: 28px;
    }

    .copyright {
        font-size: 20px;
    }
}

@media (min-width: 1050px) {
    div.bannerImage {
        background-position-x: 60vw;
    }
}

@media (min-width: 1100px) {
    div.bannerImage {
        background-size: 35%;
    }
}

@media(min-width: 1200px) {
    div.bannerImage {
        background-position: 55vw;
    }
}

@media (min-width: 1050px) {
    :root {
        --generalMarginLeft: 85px;
    }

    .bannerImage {
        background-size: 45%;
    }

    .bannerTitle {
        font-size: 23px;
    }

    /* testimony */
    .testimonyCard {
        font-size: 14px;
    }

    .testimonyCardImage {
        width: 65px;
        height: 65px;
        margin-right: 20px;
    }

    .testimonyCardTitle {
        font-size: 16px;
    }
}

@media(max-width: 1050px) {
    .bannerTitle {
        width: 50vw;
    }

    .bannerSubtitle {
        width: 50vw;
    }
}

@media (min-width: 1000px) {
    div.banerImage {
        background-position-x: 80vw;
    }
}

@media (min-width: 1000px) and (max-height: 650px) {
    .bannerImage {
        background-position: right;
        background-position-y: 5vh;
    }
}

@media (min-width: 1000px) and (min-height: 650px) {
    :root {
        --upBarHeight: 100px;
        --generalMarginLeft: 150px;
    }
}

@media (min-width: 1000px) and (min-height: 550px) {
    .globe {
        width: 30vw;
    }

    .city {
        font-size: 14px;
    }
}