/* Laptop - 1024px AAA */










@media screen and (min-width: 769px) and (max-width: 788px) {
    /* DEBUG */
    /*
    iPad Air:           820 x 1180
    Asus Zenbook Fold:  853 x 1280
    Surface Pro 7:      912 x 1368
    Nest Hub:          1024 x 600
    iPad Pro:          1024 x 1366
    */
    /* body {
        background: none;
        background-color: cornflowerblue;
    } */

    /* TESTING */
    .navButtonItem {
        font-size: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .buttonHighlight {
        font-size: 18px !important;
        padding-left: 38px;
        padding-right: 38px;
    }
}

@media screen and (min-width: 789px) and (max-width: 831px) {
    /* DEBUG */
    /*
    iPad Air:           820 x 1180
    Asus Zenbook Fold:  853 x 1280
    Surface Pro 7:      912 x 1368
    Nest Hub:          1024 x 600
    iPad Pro:          1024 x 1366
    */
    /* body {
        background: none;
        background-color: cornflowerblue;
    } */

    /* TESTING */
    .navButtonItem {
        font-size: 13px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .buttonHighlight {
        font-size: 19px !important;
        padding-left: 32px;
        padding-right: 32px;
    }
}

/*
@media screen and (min-width: 829px) and (max-width: 832px) {
    .hideFLap {
        display: none !important;
    }

    .showFlap {
        display: inline !important;
    }
} */

@media screen and (min-width: 833px) and (max-width: 838px) {
    .hideFLap {
        display: none !important;
    }

    .showFlap {
        display: inline !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 831px) {
    .firstCardText {
        margin-top: 38px;
    }
}

@media screen and (min-width: 832px) and (max-width: 872px) {
    .firstCardText {
        margin-top: 57px;
    }
}

/* @media screen and (min-width: 769px) and (max-width: 930px) {

    .whiteCard2,
    .whiteCard6,
    .whiteCard6b {
        padding-left: 12px;
        padding-right: 12px;
    }

    .whiteCard4 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .whiteCard5 {
        padding-left: 26px;
        padding-right: 26px;
    }

    .col-fix-right-lap {
        margin-left: 18px;
    }

    .emailMargin {
        margin-top: 35px !important;
    }
} */



@media screen and (min-width: 769px) and (max-width: 783px) {
    li.nav-item {
        padding-left: 3px;
        padding-right: 0px;
    }

    li:first-child.nav-item {
        padding-left: 0px;
    }

    .navButtonItem {
        font-size: 12px;
        padding-top: 14px;
        padding-bottom: 14px;
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .buttonHighlight {
        font-size: 18px !important;
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media screen and (min-width: 784px) and (max-width: 819px) {
    li.nav-item {
        padding-left: 4px;
        padding-right: 0px;
    }

    li:first-child.nav-item {
        padding-left: 0px;
    }

    .navButtonItem {
        font-size: 12px;
        padding-top: 14px;
        padding-bottom: 14px;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .buttonHighlight {
        font-size: 18px !important;
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media screen and (min-width: 820px) and (max-width: 882px) {
    li.nav-item {
        padding-left: 4px;
        padding-right: 0px;
    }

    li:first-child.nav-item {
        padding-left: 0px;
    }

    .navButtonItem {
        font-size: 13px;
        padding-top: 14px;
        padding-bottom: 14px;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .buttonHighlight {
        font-size: 19px !important;
        padding-left: 32px;
        padding-right: 32px;
    }
}



@media screen and (min-width: 769px) and (max-width: 969px) {
    div.itemText,
    p.itemText {
        margin-bottom: 31px;
    }
}


@media screen and (min-width: 832px) and (max-width: 1024px) {
    /* DEBUG */
    /*
    iPad Air:           820 x 1180
    Asus Zenbook Fold:  853 x 1280
    Surface Pro 7:      912 x 1368
    Nest Hub:          1024 x 600
    iPad Pro:          1024 x 1366
    */
    /* body {
        background: none;
        background-color: cornflowerblue;
    } */

    /* TESTING */
}











/* Tentar dar fix no max-width */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    /* DEBUG */
    /*
    iPad Air:           820 x 1180
    Asus Zenbook Fold:  853 x 1280
    Surface Pro 7:      912 x 1368
    Nest Hub:          1024 x 600
    iPad Pro:          1024 x 1366
    */
    /* body {
        background: none;
        background-color: cornflowerblue;
    } */

    /* TESTING */
}




@media screen and (min-width: 769px) and (max-width: 1010px) {
    :root {
        --site-margin: 18px;
        --site-total-margin: calc(var(--site-margin)*2);

        --site-width: calc(calc(var(--site-base-width) - calc(var(--site-base-width) - var(--screen-width))) - var(--site-total-margin));


        --colfix-right: 50%;
        --colfix-left: calc(100% - var(--colfix-right));
        --flor-width: 398px;
    }
}







/* Quebra na primeira página */
@media screen and (min-width: 769px) and (max-width: 991px) {
    /* DEBUG */
    /*
    iPad Air:           820 x 1180
    Asus Zenbook Fold:  853 x 1280
    Surface Pro 7:      912 x 1368
    */
    /* body {
        background: none;
        background-color: darkorange;
    } */

    /* --site-width: calc(calc(var(--site-base-width) - calc(var(--site-base-width) - var(--screen-width))) - var(--site-total-margin)); */

    /* :root {
        --site-margin: 18px;
        --site-total-margin: calc(var(--site-margin)*2);

        --site-width: calc(calc(var(--site-base-width) - calc(var(--site-base-width) - var(--screen-width))) - var(--site-total-margin));


        --colfix-right: 50%;
        --colfix-left: calc(100% - var(--colfix-right));
        --flor-width: 398px;
    } */

    .textcardLeft {
        min-width: auto;
    }

    .textcardRight {
        margin-left: auto !important;
    }

    /* TESTING */
    .whiteCard4 .image-container {
        width: var(--flor-width);
        margin-left: 21px !important;
        margin-right: -24px !important;
    }

    /* .col-fix-left-lap {
        width: calc(calc(calc(var(--site-width) - 53px) - var(--flor-width)) - 2px);
        padding-left: 0px;
        padding-right: 3px;
    } */

    .col-fix-left-lap {
        width: calc(calc(calc(var(--site-width) - 53px) - var(--flor-width)) - 2px);
        padding-left: 0px;
        padding-right: 3px;
    }

    .col-fix-left-lap .card-body {
        padding-right: 28px;
        padding-left: 10px;
    }

    .col-fix-right-lap {
        width: fit-content;
        min-width: var(--flor-width);
        max-width: var(--flor-width);
        padding-right: 0px;
    }

    /* .col-fix-right-lap {
        width: fit-content;
        min-width: var(--flor-width);
        max-width: var(--flor-width);
        padding-right: 0px;
    } */
}

/*
.testeWidth {
    background-color: cornflowerblue;
    display: inline-block;
    min-width: var(--site-width-diff);
    width: var(--site-width-diff);
    max-width: var(--site-width-diff);
}
*/

@media screen and (min-width: 979px) and (max-width: 991px) {
    .col-fix-left-lap .card-body {
        padding-right: 27px;
        padding-left: 10px;
    }

    .imgContacto {
        transform: translateX(-32px);
    }

    .imgRight4 {
        transform: translateX(-2px);
        margin-top: 33px;
    }

    .imgRight4 img {
        width: 213px !important;
        min-width: 213px !important;
        max-width: 213px !important;
    }

    .cardBodySobreMim {
        padding-right: 30px !important;
    }

    .topMargin31-lap {
        margin-top: 31px !important;
    }

    .rightPadding24-lap {
        padding-right: 3px;
    }

    .bottomPadding14-lap {
        padding-bottom: 20px;
    }

    .whiteCard2,
    .whiteCard6 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .whiteCard6b {
        padding-left: 15px;
        padding-right: 15px;
    }

    .whiteCard3 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .formMain {
        padding-bottom: 21px;
    }

    .rightPanel4 {
        margin-left: -17px;
    }

    div.itemText,
    p.itemText {
        margin-bottom: 31.2px;
        /* margin-bottom: 31px; */
    }

    .navHighlight2 {
        /* margin-top: 18px; */
        margin-top: 34px;
        /* margin-top: 33px; */
        margin-bottom: 38px;
    }

    .emailMargin {
        /* margin-top: 59px !important; */
        margin-top: 43px !important;
        /* margin-top: 45px !important; */
    }
}

@media screen and (min-width: 989px) and (max-width: 991px) {
    .emailMargin {
        margin-top: 86px !important;
        /* margin-top: 45px !important; */
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    /* DEBUG */
    /*
    Nest Hub:          1024 x 600
    iPad Pro:          1024 x 1366
    */
    /* body {
        background: none;
        background-color: purple;
    } */

    /* TESTING */
    .col-fix-left-lap .card-body {
        padding-right: 27px;
        padding-left: 10px;
    }

    .imgContacto {
        transform: translateX(-32px);
    }

    .imgRight4 {
        transform: translateX(-2px);
    }
    
    .imgRight4 img {
        width: 214px !important;
        min-width: 214px !important;
        max-width: 214px !important;
    }

    .cardBodySobreMim {
        padding-right: 25px !important;
        /* padding-right: 30px !important; */
    }

    .topMargin31-lap {
        margin-top: 31px !important;
    }

    .rightPadding24-lap {
        padding-right: 24px;
    }

    .bottomPadding14-lap {
        padding-bottom: 14px;
    }

    .whiteCard2,
    .whiteCard6 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .whiteCard3 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .formMain {
        padding-bottom: 21px;
    }

    .rightPanel4 {
        margin-left: -32px;
        /* margin-left: -17px; */
    }

    div.itemText,
    p.itemText {
        margin-bottom: 36.6px;
        /* margin-bottom: 31px; */
    }

    .navHighlight2 {
        /* margin-top: 18px; */
        margin-top: 33px;
        margin-bottom: 37px;
    }

    .emailMargin {
        margin-top: 72px !important;
        /* margin-top: 87px !important; */
        /* margin-top: 45px !important; */
    }
}



/* 
@media screen and (min-width: 979px) and (max-width: 980px) {
    :root {
        --header-height: 177px;
        --header-mobile-height: 141px;
        / * --site-base-width: 936px; * /
        --site-base-width: 936px;
        --site-width: 936px;
        --text-scroll-height: 384px;
        --text-scroll-mobile-height: 150px;


        --screen-width: 100vw;

        --site-teste-width: 13px;
        --site-width-diff: 0px;
    }

    body {
        background: none;
        background-color: purple;
    }
} */