.intro {
    background-color: #640b19;
    display: flex;
}

.intro-content {
    display: flex;
    flex-direction: column;
}

.intro-main-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.intro-photo {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.intro-logo {
    display: flex;
    flex-direction: column;
}

.intro-main-text {
    display: flex;
    flex-direction: column;
}

.intro-main-text .mensagem-convenio-portrait {
    border-style: solid;
    border-radius: 5px;
    padding: 2px;
    text-align: center;
}

.intro-main-text .mensagem-convenio-landscape {
    text-align: center;
}

.intro-main-description {
    background-color: #731d2b;
    border-radius: 10px;
    padding: 12px;
}

.agendar-sessao-portrait {
    display: flex;
    position: absolute;
    bottom: 10px;
    width: 100%;
    justify-content: center;
}



.agendar-sessao-portrait p {
    color: #731d2b;
    background-color: #FAF6F4;
    border-radius: 10px;
    padding: 22px;
    font-size: large;
    margin: 0px;
    margin-top: 10px;
    cursor: pointer;
    border-style: solid;
    border-width: 2px;
    text-align: center;
    max-width: 90vw;
    box-shadow: 4px 4px 6px 0px #0000007d;
    animation: zoom 1.0s infinite alternate;
}

.agendar-sessao-landscape {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

.div-mensagem-convenio-portrait {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    font-size: large;
    border-style: solid;
    border-radius: 20px;
    text-align: center;
    border-color: #FAF6F4;
}

.div-mensagem-convenio-landscape {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    font-size: large;
    border-style: solid;
    border-width: thick;
    border-radius: 20px;
    padding: 10px;
    text-align: center;
    border-color: #FAF6F4;
}

.agendar-sessao-landscape .div-mensagem-convenio h3 {
    font-size: 25px;
}


.agendar-sessao-landscape .animation {
    color: #731d2b;
    background-color: #FAF6F4;
    border-radius: 10px;
    padding: 22px;
    font-size: large;
    margin: 0px;
    margin-top: 10px;
    cursor: pointer;
    min-width: 330px;
    text-align: center;
    animation: zoom 1.0s infinite alternate;
}

.bold-text {
    font-family: 'aller-bd', -apple-system, system-ui;
    margin: 5px;
    text-align: left;
}

.standard-text {
    margin: 5px;
    font-family: 'aller-rg', -apple-system, system-ui;
    text-align: left;
}

.it-text {
    margin: 5px;
    font-family: 'aller-it', -apple-system, system-ui;
    text-align: left;
}

.white-text {
    color: #FAF6F4;
}


.intro-photo .intro-background-container {
    display: flex;
}

@media only screen and (orientation: portrait) {
    .intro {
        flex-direction: column;
        min-height: 100vh;
        height: auto;
        position: relative;
        justify-content: space-between;
    }

    .intro-content {
        height: 50%;
        padding: 10px;
    }   

    .intro-logo {
        height: 30%;
        align-items: center;
    }

    .intro-logo img {
        width: 100%;
        height: 100%;
        padding: 10px;
        object-position: center;
        object-fit: contain;
        max-width: 500px;
    }

    .landscape {
        display: none;
    }

    .intro-main-text p {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 4vw;
    }

    .intro-photo {
        height: 50%;
        flex: 1;
        justify-content: flex-end;
    }

    .intro-main-logo-container {
        display: none;
    }

    .intro-background-container {
        height: 100%;
    }

    .fabiana-background {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        max-width: 460px; /* limit */
    }
}

@media only screen and (orientation: landscape) {
    .intro {
        flex-direction: row;
        height: auto;
        min-height: 100vh;
        min-width: 1000px;
    }

    .intro-content {
        width: 60%;
        height: fit-content;
        padding: 4vw;
    }

    .intro-logo {
        height: 30%;
    }

    .intro-logo img {
        width: 100%;
        height: 100%;
        padding: 10px;
        object-position: left;
        object-fit: contain;
        max-width: 600px;
    }

    .portrait {
        display: none;
    }

    .intro-main-text p {
        font-size: 20px;
    }
    
    .intro-main-text h3 {
        font-size: 20px;
    }

    .intro-main-description p b{
        font-size: 20px;
    }

    .intro-main-description p i {
        font-size: 20px;
    }

    /* = ===============================*/

    .intro-photo {
        width: 40%;
        display: flex;
        flex-direction: column;
        /* justify-content: flex-end;
        align-content: flex-end;
        flex-wrap: wrap; */
    }

    .intro-main-logo-container {
        height: 30%;
    }

    .main-logo {
        width: 500px;
        height: 200px;
        object-fit: cover;
    }

    .intro-background-container {
        height: 100%;
    }

    

    .fabiana-background {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: bottom right;
        /* /* max-width: 460px; */
    }
    
    .portrait {
        display: none;
    }

}