/* Mobile L - 425px */
@media screen and (min-width: 376px) and (max-width: 425px) {
    body {
        /* background: none;
        background-color: yellowgreen; */
        --header-height: 181px;
        --header-mobile-height: 141px;
    }

    html,
    body {
        height: 100vh;
    }

    body {
        background-attachment: scroll;
        background-size: cover !important;
        background-position: center top;
    }



    /* #region Header */
    .siteHeader {
        max-height: var(--header-mobile-height) !important;
        position: unset !important;
    }

    .siteHeader img {
        max-height: var(--header-mobile-height) !important;
    }

    .logo .navbar {
        background-color: white !important;
        padding-top: 0px !important;
    }

    .logo nav {
        max-height: var(--header-mobile-height);
    }

    .logo nav .container-fluid .offcanvas {
        background: url(../images/decorativas/abstract-pastel-blue-paint-brushstroke-textured-background.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .logo nav .container-fluid .offcanvas .navButtonItem {
        background-color: transparent !important;
        /* background-color: darkorange !important; */
        display: inline-block;
        min-width: 220px !important;
        max-width: 220px !important;
        width: 220px !important;

        text-align: center;
        border-bottom: solid 2px rgb(124, 146, 142);
        color: black;

        position: relative;
        left: 50%;
        transform: translate(-50%);

        font-family: proxima-n-w01-reg, sans-serif;
        font-size: 20px;
        font-weight: 400;
        letter-spacing: normal;
        height: 42.3906px;
        line-height: 42.4px;
    }

    .logo nav .container-fluid .offcanvas .navButtonItem div {
        position: relative;
        margin-top: -14px !important;
        display: block !important;
    }

    .logo nav .container-fluid .offcanvas .navButtonItem.active {
        color: #7c928e !important;
    }

    .logo nav .container-fluid .offcanvas .offcanvas-header {
        /* background-color: red; */
        margin-left: auto !important;
        margin-right: 0px !important;
        /* margin-top: 80px !important; */
        margin-top: 42px !important;
    }

    .offcanvas-header button {
        position: relative;
        top: -54px;
        right: 10px;
    }

    .logo img {
        position: relative;
        left: 50%;
        transform: translate(-50%);
    }

    /* #endregion Header */

    .siteContentFluid {
        /* margin: var(--header-mobile-height) auto 0 auto; */
        margin: 0 auto 0 auto;
    }

    /* #region Social Media */
    .socialMedia {
        margin-left: 0px;
        margin-top: 0px;
        min-width: 100vw;
        max-width: 100vw;
        text-align: center;
    }

    .copyright {
        min-width: 100vw;
        max-width: 100vw;
        margin-top: 55px;
        float: none !important;
        /* font-size: 16.7px; */
        letter-spacing: -0.28px;
        text-align: center;
    }

    /* #endregion Social Media */

    .cardBody {
        font-family: avenir-lt-w01_35-light1475496, sans-serif;
        /* font-size: 21px; */
        font-size: 19.1px;
        /* font-weight: 400; */
        /* height: auto; */
        /* letter-spacing: normal; */
        /* line-height: 27.2px !important; */
        /* line-height: 32.6px !important; */

        /* line-height: 32px !important; */
        line-height: 33px;

        /* line-height: 36px !important; */

        padding-left: 0px;
        padding-right: 0px;
    }

    .cardBodyInicio {
        /* margin-top: 39px !important; */
        margin-top: 37.6px !important;
    }

    div.itemTitle,
    span.itemTitle {
        text-align: left !important;
    }

    div.itemText,
    p.itemText {
        margin-bottom: 36px;
        /* margin-bottom: 73px; */
        /* margin-bottom: 39px; */
        font-size: 19.1px;
        line-height: 33px;
    }

    div.itemText .itemTitle,
    p.itemText .itemTitle {
        font-size: 19.1px;
        margin-bottom: 10px;
    }

    div.itemText .itemBody,
    p.itemText .itemBody {
        font-size: 19.1px;
        line-height: 33px;
    }

    .itemTitle2 {
        font-size: 19px;
    }

    .itemMail {
        font-size: 19px;
    }

    .buttonHighlight {
        /* font-size: 18px !important; */
        font-size: 20px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        white-space: nowrap !important;
    }

    .formButtonFrame {
        margin-top: 37px;
    }

    .formButtonFrame button {
        font-size: 20px;
    }

    .noBottomPadding-ml {
        padding-bottom: 0px !important;
    }

    .bottomPadding3-ml {
        padding-bottom: 3px !important;
    }

    .bottomPadding4-ml {
        padding-bottom: 4px !important;
    }

    .bottomPadding5-ml {
        padding-bottom: 5px !important;
    }

    .bottomPadding22-ml {
        padding-bottom: 22px !important;
    }

    .bottomPadding26-ml {
        padding-bottom: 26px !important;
    }

    .bottomPadding32-ml {
        padding-bottom: 32px !important;
    }

    .bottomPadding34-ml {
        padding-bottom: 34px !important;
    }

    .bottomPadding46-ml {
        padding-bottom: 46px !important;
    }

    .bottomMargin30-ml {
        margin-bottom: 30px !important;
    }

    .bottomMargin39-ml {
        margin-bottom: 39px !important;
    }

    .bottomMargin51-ml {
        margin-bottom: 51px !important;
    }

    .bottomMargin57-ml {
        margin-bottom: 57px !important;
    }

    .topMargin13-ml {
        margin-top: 13px !important;
    }

    .topMargin16-ml {
        margin-top: 16px !important;
    }

    .topMargin24-ml {
        margin-top: 24px !important;
    }

    .topMargin27-ml {
        margin-top: 27px !important;
    }

    .topMargin30-ml {
        margin-top: 30px !important;
    }

    .topMargin37-ml {
        margin-top: 37px !important;
    }

    .topMargin39-ml {
        margin-top: 39px !important;
    }

    .topMargin45-ml {
        margin-top: 45px !important;
    }

    .topMargin60-ml {
        margin-top: 60px !important;
    }

    .topMargin62-ml {
        margin-top: 62px !important;
    }

    .noTopPadding-ml {
        padding-top: 0 !important;
    }

    .topPadding8-ml {
        padding-top: 8px !important;
    }

    .topPadding9-ml {
        padding-top: 9px !important;
    }

    .topPadding11-ml {
        padding-top: 11px !important;
    }

    .topPadding17-ml {
        padding-top: 17px !important;
    }

    .topPadding24-ml {
        padding-top: 24px !important;
    }

    .topPadding25-ml {
        padding-top: 25px !important;
    }

    .topPadding28-ml {
        padding-top: 28px !important;
    }

    .topPadding29-ml {
        padding-top: 29px !important;
    }

    .topPadding30-ml {
        padding-top: 30px !important;
    }

    .topPadding31-ml {
        padding-top: 31px !important;
    }

    .topPadding33-ml {
        padding-top: 33px !important;
    }

    .topPadding34-ml {
        padding-top: 34px !important;
    }

    .topPadding37-ml {
        padding-top: 37px !important;
    }

    .topPadding38-ml {
        padding-top: 38px !important;
    }

    .topPadding39-ml {
        padding-top: 39px !important;
    }

    .topPadding46-ml {
        padding-top: 46px !important;
    }

    .rightPanel4 {
        margin-top: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .lineHeight33-ml {
        line-height: 33px !important;
    }

    .rightPanel4 .itemBody {
        font-size: 19.1px;
    }

    /* #region Title */
    .whiteCard2 {
        /* padding-left: 18px !important;
        padding-right: 18px !important; */

        padding-left: 23px;
        padding-right: 23px;
        /* padding-right: 24px; */



        padding-top: 38px;
        padding-bottom: 29px;
        margin-top: 37px;
    }

    .whiteCard2 .card-body {
        padding-top: 11px;
        padding-bottom: 4px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .whiteCard2 .cardBodySobreMim2 {
        padding-bottom: 30px !important;
    }

    .whiteCard3 {
        margin-top: 17px !important;
        background-color: transparent !important;
        border-width: 0px !important;
    }

    .textcardLeft {
        min-width: unset !important;
    }

    .textcardRight {
        max-width: unset !important;
    }

    .cardBodyAbordagem {
        margin-top: 40px !important;
        padding-bottom: 30px !important;
    }

    .cardBodyAbordagem ul li {
        margin-top: 36px;
    }

    .cardBodyAbordagem ul li:first-child {
        margin-top: 36px;
    }

    .formMain {
        padding-bottom: 30px !important;
    }

    .inicioCard {
        background-color: white !important;
        margin-top: 37px !important;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 31px;
        padding-bottom: 28px;
    }

    .firstCardText {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        /* font-size: 19.1px; */
        /* font-size: 16px; */
        font-size: 19.1px;
        /* line-height: 22.4px; */
        line-height: 26.9px;
        transform: translateY(var(--text-scroll-mobile-height));
        /* background-color: yellowgreen; */

    }

    .adjustP {
        margin-top: 39px;
        /* line-height: 27.2px; */
        line-height: 33px;
    }

    .adjustP p {
        margin-bottom: 42px;
    }

    .firstCardText .line-break {
        height: 26.9px;
    }

    .whiteCard2 .line-break,
    .whiteCard6 .line-break {
        height: 33px;
    }

    .cardBody p {
        margin-top: 36px;
        /* margin-top: 33px; */
    }

    @keyframes raiseText {
        from {
            opacity: 0;
            transform: translateY(var(--text-scroll-mobile-height));
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .imgInicio {
        width: 100%;
        height: 276px;
        margin-left: 18px !important;
    }

    .imgRight3 {
        text-align: center;
    }

    .imgRight4 {
        overflow: hidden !important;
        padding-right: 0px !important;
        margin-right: 4px !important;
    }

    .imgPosition1 {
        transform: translate(2px, 5px);
    }

    .imgPosition3 {
        width: 980px;
        height: 210px !important;
        object-fit: cover;
        /* POSICIONAMENTO */
        top: -5px;
        left: -273px;
        transform: translate(0px, 5px);
    }

    .navHighlight2 {
        margin-top: 33px;
        margin-bottom: 30px;
    }

    .navHighlight3 {
        margin-top: 44px;
        padding-bottom: 30px;
    }

    .whiteCard4 {
        margin-top: 31px;

        padding-bottom: 0px;
        /* padding-left: 15px !important;
        padding-right: 18px !important; */

        padding-left: 24px;
        padding-right: 24px;
    }

    .whiteCard4 .card-body {
        padding-top: 11px !important;
    }

    .whiteCard5 {
        background-color: transparent !important;
        border-width: 0px !important;
    }

    .whiteCard5 .card-body {
        padding-bottom: 0px !important;
    }

    .cardHeaderWelcome {
        font-family: "libre baskerville", serif !important;
        /* font-size: 26px; */
        font-size: 31.3px;
        line-height: 39px;
        /* line-height: normal; */
    }

    .cardHeader {
        /* font-size: 31.3px; */
        font-size: 26.3px;
        line-height: normal;
        /* line-height: 39px; */
    }

    .cardMain {
        width: 330px;
        min-width: 330px;
        max-width: 330px;
        height: 215px;
        min-height: 215px;

        padding-top: 60px;
    }

    .cardMain:first-child {
        padding-top: 0px;
    }

    .cardMain:last-child {
        padding-bottom: 0px !important;
        min-height: unset;
        height: min-content;
        /* padding-bottom: 28px !important; */
    }

    .cardTitle {
        font-family: proxima-n-w01-reg, sans-serif;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: normal;
        line-height: 21px;
        margin-top: 21px;
    }

    .cardText {
        font-size: 19px;
        /* line-height: 1.4em; */
        line-height: 28px;
        margin-top: 21px;
    }

    .mobileSmallBottomPadding {
        padding-bottom: 2px !important;
    }

    .titleWhiteCard {
        min-height: 210px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
        margin-top: 17px !important;
        padding: 0px 25px !important;
        background-color: transparent !important;
    }

    .titleWhiteCard .image-container {
        width: 980px;
        height: 210px !important;
    }

    .imgPosition3 {
        width: 980px;
        height: 210px !important;
        object-fit: cover;
        /* POSICIONAMENTO */
        top: -5px;
        left: -273px;
        transform: translate(0px, 5px);
    }

    h2.aboutMe2,
    h5.aboutMe2 {
        font-size: 39px !important;
        height: auto;
        letter-spacing: normal;
    }

    h2.aboutMe2 br,
    h5.aboutMe2 br {
        display: inline-block;
    }

    h2.aboutMe2 span,
    h5.aboutMe2 span {
        display: none;
    }

    .aboutMe2 {
        padding: 18px 49px !important;
        position: absolute;
        left: 50%;
        top: 50%;
        /* margin-top: 116px !important; */
        transform: translate(-50%, -50%);
        z-index: 10;
    }

    /* #endregion Title */

    .normalSidePadding-ml {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* #region Card */
    .whiteCard6 {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 29px;
        /* padding-bottom: 20px !important; */
        padding-bottom: 34px;
        margin-top: 31px;
    }

    .whiteCard6.whiteCard2_2 .card-body {
        padding-top: 4px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .whiteCard6 .row:first-child {
        margin-top: 0 !important;
        padding-top: 5px !important;
        padding-left: 0px !important;
        /* line-height: 1.7em !important; */
        line-height: 33px !important;
    }

    .whiteCard6.teste2 {
        display: inline-block !important;
        background-color: transparent !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 54px !important;
        margin-bottom: 23px !important;
    }

    .whiteCard6.teste2 .row {
        padding-left: 0px !important;
        padding-top: 6px !important;
    }

    .whiteCard6.teste2 .row .imgDiv {
        margin-top: 0px !important;
        margin-left: 2px !important;
        margin-top: 27.2px;
    }

    .whiteCard6.teste2 .row .imgDiv div {
        margin-right: 5px !important;
        text-align: center !important;
    }


    .whiteCard6b {
        margin-top: 31px;
        padding-top: 31px;
        padding-bottom: 20px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .whiteCard6b.teste2 {
        display: inline-block !important;
        background-color: transparent !important;
        padding-top: 0px !important;
    }

    .whiteCard6b.teste2 .row {
        padding-left: 0px !important;
        padding-top: 6px !important;
    }

    .whiteCard6b.teste2 .row .imgDiv {
        margin-top: 0px !important;
        margin-left: 2px !important;
    }

    .cardBodySobreMim {
        margin-top: 0px !important;
        padding-left: 1px !important;
        padding-right: 1px !important;
        padding-top: 0px !important;
        padding-bottom: 4px !important;
    }

    .cardBodySobreMim2 {
        margin-top: 40px;
        padding-left: 1px;
        padding-right: 1px;
        padding-top: 0px;
        padding-bottom: 4px;
    }

    .cardBodySobreMim p:first-child {
        /* margin-top: 24px !important; */
        margin-top: 4px !important;
    }

    .cardBodySobreMim2 p:first-child {
        margin-top: 0px;
    }

    /* .adjustP {
        line-height: 27.2px !important;
    } */

    .adjustP p {
        margin-top: 37px !important;
    }

    .hideMobile {
        display: none !important;
    }

    /* #endregion Card */

    .formBody .teste {
        min-width: auto;
        max-width: 100%;
        width: auto;
        padding-top: 24px !important;
    }

    .teste {
        min-width: auto;
        max-width: 100%;
        width: auto;
    }

    .contactText {
        margin-top: 0px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .fixPadding {
        padding-bottom: 20px;
        padding-top: 25px;
    }

    .form-signin {
        margin-top: 0px !important;
    }
}