/* MOBILE GLOBALS */
@media only screen and (max-width: 768px),
only screen and (orientation: portrait) {

    /* Formulário Nome e Sobrenome */
    .contact-form>.form-group:nth-child(1),
    .contact-form>.form-group:nth-child(2) {
        display: flex;
        width: 100%;
        margin-right: 0;
    }

    .contact-form>.form-group:nth-child(2) {
        position: relative;
        right: unset;
    }
}

/* MOBILE - Landscape */
@media only screen and (max-width: 768px) and (orientation: landscape) {

    /* Titles and Texts */
    h1 {
        font-size: 4vw;
        line-height: 4vw;
    }

    h6 {
        font-size: 1.26vw;
    }

    p,
    span,
    li,
    a {
        font-size: 1.85vw;
        line-height: 3vw;
    }

    /* SECTION - Quem Sou */
    #quem-sou p {
        width: 55vw;
    }

    /* SECTION - Serviços */
    #servicos .box p {
        width: 90%;
    }

    /* SECTION - Contactar */
    .contact-form {
        gap: 2vw;
    }

    #contactar .box p {
        width: 50%;
    }

    #contactar ul li {
        width: 11%;
    }

    .form-group input,
    .form-group textarea {
        height: 5vw;
        font-size: 1.85vw;
    }

    #form-message {
        font-size: 1.85vw;
    }

    .form-group textarea {
        height: 16vw;
    }

    button {
        font-size: 2.2vw;
    }

    /* SECTIONS - O Poder da Relação e Publicações */
    #o-poder-da-relacao p,
    #publicacoes p {
        width: 54vw;
    }
}

/* MOBILE - Portrait */
@media only screen and (orientation: portrait) {

    /* Titles and Texts */
    h1 {
        font-size: 8vw;
        line-height: 8vw;
        letter-spacing: .2vw;
    }

    h6 {
        font-size: 2.8vw;
        letter-spacing: -.04vw;
    }

    p {
        font-size: 3vw;
        line-height: 6vw;
    }

    /* Header */
    header {
        justify-content: flex-end;
    }

    header img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    header .containerTexts {
        position: relative;
        align-items: center;
        gap: 2vw;
        top: unset;
        left: unset;
        width: 55vw;
        height: 26%;
        transform: none;
    }

    header .containerTexts h1,
    header .containerTexts h6 {
        text-align: center;
    }

    /* SECTIONS */
    section {
        padding: 15vw 0 5vw 0;
    }

    section h1 {
        padding-bottom: 4vw;
    }

    section .box {
        gap: 7vw;
        width: 90%;
        padding: 10vw 0;
        border: 1vw solid var(--rose-boxes);
    }

    /* Linha das sections */
    section.line::after,
    section.line::before {
        width: .3vw;
        height: 20vw;
    }

    /* SECTION - Quem Sou */
    #quem-sou {
        padding: 15vw 0;
    }

    #quem-sou p {
        width: 89vw;
    }

    /* SECTION - Serviços and Contactar */
    #servicos .box,
    #contactar .box {
        width: 90%;
    }

    #servicos .box p {
        width: 92%;
    }

    #servicos .box img {
        width: 55vw;
    }

    /* SECTION - Contactar */
    #contactar .box p {
        width: 45%;
    }

    #contactar ul {
        gap: 5.5vw;
    }

    #contactar ul li {
        width: 11%;
    }

    /* SECTION - Formulário */
    .contact-form {
        gap: 3vw;
        width: 70%;
    }

    .form-group input:nth-child(1),
    .form-group input:nth-child(2) {
        height: 8vw;
    }

    .form-group input,
    .form-group textarea {
        font-size: 3vw;
        padding: 0 3vw;
    }

    #form-message {
        font-size: 3vw;
    }

    .form-group textarea {
        height: 30vw;
    }

    .contact-form .button-submit {
        font-size: 3.2vw;
        padding: 1.5vw 0;
    }

    /* SECTIONS - O Poder da Relação e Publicações */
    #o-poder-da-relacao p,
    #publicacoes p {
        width: 88vw;
    }

    #o-poder-da-relacao img,
    #publicacoes img {
        width: 55vw;
        padding-top: 5vw;
    }
}

/* MOBILE - Portrait (Tablet) */
@media only screen and (min-width: 768px) and (orientation: portrait) {

    /* Titles and Texts */
    h1 {
        font-size: 6vw;
        line-height: 6vw;
    }

    h6 {
        font-size: 2vw;
        letter-spacing: normal;
    }

    p {
        font-size: 2vw;
        line-height: 4.5vw;
    }

    /* Header */
    header .containerTexts {
        height: 23%;
    }

    /* SECTION - Quem Sou, O Poder da Relação e Publicações */
    #quem-sou p,
    #o-poder-da-relacao p,
    #publicacoes p {
        width: 75vw;
    }

    /* SECTION - Contactar */
    #contactar .box p {
        width: 35%;
    }

    /* Formulário */
    .form-group input,
    .form-group textarea,
    #form-message {
        font-size: 2vw;
    }

    .contact-form .button-submit {
        font-size: 2.2vw;
    }
}