.botao{
    z-index: 1000;
}
.my-art{
    font-size: 1.5rem;
}
#logo{
    width:70px;
}
.header-m{
        display:none;
    }
    .insta-base{
    position:fixed;
    right:33px;
    bottom:110px;
    z-index:200;
    width:63px;
}
@media (max-width:800px){
    .my-now{
    display:none;
}
.my-line{
    color:green;
}
 .header-m{
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    flex-wrap:nowrap;
    align-items:baseline;
 }
    .media-cell img{
        width:50px;
        position:absolute;
        margin-left:-50px;
        margin-top:-10px;
        z-index: 1000;
    }
    div.media-nome{
        width:50%;
        position:absolute;
        margin:34px 20px;
        padding:10;
        z-index: 1000;
        color:rgb(221, 222, 166)
    }
    .media-nome{
        font-family: Playfair Display; 
        width:30%   
}
    .my-clinic-cell{
        margin-top:-32px;
    }
    .off-screen-menu{
        display:flex;
        }
    
    .my-name{
        font-size: 1.2rem;
    }
    .my-head{
        margin-left:0;
    }
    .my-nav{
        padding-left:0;        
        padding-right:0;
    }
    .myway{
        color:rgb(135, 136, 82);
    }
    .border{
        display:none
    }
    .text-display-lg{
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .my-art{
    font-size: .8rem;
    }
    /* #logo{
    width:40px;
    margin-right:10px;
}         */
        .off-screen-menu {
            position: fixed;
            margin-top: 90px;
            left: -100vw;
            width: 100vw;
            max-width: 100vw;
            height: 40vh;
            color: #fff;
            background-color: #897e42;
            text-decoration: none;
            display:flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-size: 1.2rem;
            transition: 0.3s ease;
            z-index: 999;
            
        }
         .off-screen-menu.active {
            left: 0;
            text-decoration: none;
        } 
        .off-screen-menu, ul, li, a{
            color: #fff;
            text-decoration: none;
            list-style-type: none;
            padding:7px;
        }
        .off-screen-menu li{
            border-bottom: 1px solid #8c873d;
            width: 100vw;
        }
        nav {
            padding: 1rem;
            display: flex;
            background-color: #ded799;
        }
    .ham-menu {
        cursor: pointer;
        right: 40px;
        margin-top: 15px;
        margin-left:0px;
        width: 35px;
        height: 50px;
        position: fixed;
        z-index: 1000;
    }
    .ham-menu span {
        width: 100%;
        height: 3px;
        background-color: #686123;
        border-radius: 25px;
        position:absolute;
        top: 50%;
        left:40%;
        transform: translate(-50%, -50%);
        transition: 0.3s ease;
    }
.ham-menu span:nth-child(1) {
    top: 25%;
}
.ham-menu span:nth-child(3) {
    top: 75%;
}
.ham-menu.active span:nth-child(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.ham-menu.active span:nth-child(2) {
    opacity: 0;
}
.ham-menu.active span:nth-child(3) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
 .insta-base{
    position:fixed;
    right:40px;
    bottom:110px;
    z-index:200;
    width:63px;
}
}