@charset "utf-8";

@media screen and (max-width: 799px) {
    #clinicafoto {
        background-image: url(../../imagens/clinica.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 35em;
        display: flex;
        align-items: end;
        justify-content: center;
    }

    #info-box {
        background-color: rgba(0, 0, 0, 0.678);
        width: 20em;
        padding: 10px;
        text-align: center;
        margin-bottom: 15px;
    }

    #info-box > h2 {
        margin: auto;
        font-size: 30px;
        font-weight: 1;
        width: fit-content;
        color: white;
    }

    #info-box > hr {
        width: 95%;
        margin: auto;
        margin-bottom: 4px;
        border: none;
        height: 1px;
        background-color: #EEAC6F;
    }

    #info-box > p {
        text-align: center;
        font-family: "K2D Thin", Arial, Helvetica, sans-serif;
        font-style: italic;
        font-weight: 1;
        color: white;
    }

    #estado-clinica > h2 {
        text-align: center;
        font-family: "Karla", Arial, Helvetica, sans-serif;
        font-weight: 350;
        color: red;
    }

    #estado-clinica > p {
        text-align: center;
        font-family: "K2D", Arial, Helvetica, sans-serif;
        color: white;
    }

    #horario {
        color: rgb(255, 255, 157)
    }

    #map-container {
        width: 0;
        height: 0;
    }

    iframe {
        width: 100%;
        height: 100%;
    }

    #informacoes > h2 {
        text-align: center;
        font-family: "K2D", Arial, Helvetica, sans-serif;
        font-size: 40px;
        color: rgb(0, 105, 122);
    }

    tr {
        display: flex;
        flex-direction: column;
        position: absolute;
        width: 30vw;
        font-size: 18px;
    }

    tr:nth-child(1) {
        background-color: lightgray;
        font-family: "K2D", Arial, Helvetica, sans-serif;
        left: 5vw;
    }
    
    tr:nth-child(2) {
        left: 35vw;
        border-right: 2px solid black;
    }

    tr:nth-child(3) {
        position: relative;
        left: 65vw;
    }

    td {
        height: 4em;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 2px solid black;
        border-top: 2px solid black;
    }

    td:nth-child(n + 2) {
        border-top: 1px solid black;
    }

    td:nth-child(-n + 5) {
        border-bottom: 1px solid black;
    }

    #phone {
        margin-top: 15px;
    }

    #p1::before, #p2::before {
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        width: 19px;
        height: 19px;
    }

    #p1::before {background-image: url(../../imagens/telefone.png);}
    #p2::before {background-image: url(../../imagens/telefone2.png);}

    #informacoes > p {
        text-align: center;
        font-family: "K2D", Arial, Helvetica, sans-serif;
        font-size: 19px;
    }

    #informacoes > hr {
        width: 11em;
        margin: auto;
        border: none;
        height: 1px;
        background-color: black;
    }
}