*{
    
    margin: 0;
    padding: 0;	
    
    
}
a{
    text-decoration: none;
    
}

    @media screen and (min-width: 600px) {
    

        .celularv{
            display: none;
        }
        .strong{
            font-weight: bold;
            text-decoration: underline ;
        }
        
        .subheader{
        
            
            position: relative;
            
        }
        h5{
            height: 149px;
            left: 0;
            width: 740px;
            position: relative;
            font-family: "font-subtitulo1";
            top: 20px;
            left: -260px;
            font-size: 60px;
        }
        .detalhes-servicos{
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
            position: relative;
            top: 550px;
            margin-bottom: 75px ;
            height: 600px;
            width: 100%;
            background-color: rgba(255, 255, 255, 0.5) ;
        }
        .fundo{
            background-color: rgba(255, 255, 255, 0.5) ;
            width: calc(100% - 260px);
            width: 90%;
            height: 600px;
            border-radius: 0 200px 200px 0 ;
        }
        .fundo1{
            background-color: rgba(255, 255, 255, 0.5)  ;
            left: 10%;
            width: 90%;
            height: 600px;
            border-radius: 200px 0 0 200px ;
        }
        
        
        
        .imgservicos{
            border-radius: 50%;
            height: 250px;
            position: absolute; 
            top: 75px;
            left: 1325px;
        }
        .imgservicos2{
            border-radius: 50%;
            height: 200px;
            position: absolute; 
            top: 56px;
            left: 1325px;
        }
        
        .detalhes-subtexto{
            position: relative;
            top: 20px;
            left: 180px;
            font-size: 22px;
            font-weight: 400;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 24px;
            width: 580px;
            font-weight: 600;
            
            
            
            
        }
        .imgservicos:hover{
            border-radius: 50%;
            height: 265px;
            position: absolute; 
            top: 75px;
            left: 1325px;
            
            transition: 0.6s;
            
        }
        
        
        .quad{
            border-radius: 50%;
            
            position: absolute; 
            top: 75px;
            left: 1325px;
            
            border-radius: 50%;
            height: 250px;
            position: absolute; 
            top: 56px;
            left: 1325px;
        }
        .quad:hover{
            border-radius: 50%;
            height: 265px;
            position: absolute; 
            top: 56px;
            left: 1325px; 
            transition: 0.6s;
            
            
        }
        .quad2{
            border-radius: 50%;
            
            position: absolute; 
            top: 336px;
            left: 1325px;
            
            border-radius: 50%;
            height: 250px;
            position: absolute; 
            
            left: 1325px;
        }
        .quad2:hover{
            border-radius: 50%;
            height: 265px;
            position: absolute; 
            top: 330px;
            left: 1325px; 
            transition: 0.6s;
            
            
        }
        .imgservicos2:hover{
            border-radius: 50%;
            height: 320px;
            
            
            position: absolute; 
            
            
            transition: 0.6s;
            
        }
        
        .subtitulo1{
            border-radius: 100px;
            padding: 20px 20px 20px 40px;
            background-color: #BC8F8F ;
            max-width: 400px;
            position: absolute;
            top:180px ;
            left:240px ;
            letter-spacing: 1px;
            font-weight:100;
            font-family: "font-subtitulo";
            font-size: 50px;
            color: white;
        }
        .conteudo{
            position: relative;
            width: 1905px;
            margin-left: auto;
            margin-right: auto;
            
            
        }
        body{
            background-attachment: fixed;
            background-size: cover;
            background-color: #D89EA6; 
            /* overflow-x: hidden; */
            
        }
        
        
        
        .linktop{
            text-decoration: none;
            color: rgb(65, 42, 42);
            font-family: "font-menu";
            font-size: 23px;
            font-weight: 500;
            
        }
        .linktop:hover{
            text-decoration: none;
            color: white;
            font-family: "font-menu";
            font-size: 24px;
            transition: 0.6s;
            
            
        }
        .cor{
            
            height: 100px;
            background-color: #ffffff8e;
        }
        nav{
            
            height: 90px;
            
        }
        
        
        ul{
            list-style: none;
        }
        
        .whatsapp-icon{
            height: 25px;
            overflow: hidden;
        }
        .logo1{
            
            font-family: "font-rubrica";
            font-size: 60px;
            color: rgb(0, 0, 0);
            position: absolute;
            width: 180px;
            top: -5px;
            font-weight:500;
            padding: 10px 0 0 40px ;
            float: left;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }
        .logo{
            
            font-family: "font-rubrica";
            font-size: 60px;
            color: rgb(51, 43, 43);
            position: absolute;
            left: 0px;
            top: -7px;
            font-weight:500;
            padding: 10px 0 0 40px ;
            float: left;
            position: absolute;
            
        }
        
        .menu-item {
            
            float: right;
            padding: 27.5px 20px 0 0;
            margin-right: 15px;
            box-sizing: content-box;
        }
        .contato{
            padding: 26px 20px 0 0;
        }
        .imagem-header{
            background-image: url(./image/header.png);
            
            background-size: cover;
            background-attachment: local;
            overflow: visible;
            height: 500px;
            max-width: 100%;
            
            
        }
        .texto-header{
            font-family: "font-header";
            text-align: center;
            color: white;
            font-weight: bold;
            
        }
        strong{
            font-weight: normal;
        }
        h1{
            letter-spacing: 8px;
            padding: 80px 0 0 0 ;
            text-shadow: 7px 5px 4px black;
            font-weight: 600;
            padding: auto;
            font-size: 60px;
            
            color: white;
        }
        h2{
            font-size: 32px;
            font-weight: 600;
            padding: 30px 0 30px 40px;
            
        }
        .subtitulo{
            padding: 20px 0 0 0;
            margin: auto;
            max-width: 400px;
            letter-spacing: 2px;
            line-height: 25px;
            font-size: 21px;
        }
        .biografia{
            font-family: "font-menu";
            padding: 60px 0 0 0;
        }
        .biografia-foto{
            margin: 100px 40px 0 230px ;
            height: 400px;
            float: left;
            width: fit-content;
            
        }
        .biografiaback{
            background-color: rgba(240, 128, 128, 0.5);
            height: 430px; 
            width: 296px;
            border-radius: 50%;
            top: 719px;
            left: 229px;
            position: absolute;
            z-index: -1;
        }
        .texto-biografia{
            padding-left: 40px;
            padding-top: 0;
            padding-bottom: 0 ;
            padding-right: 0px;
            max-width: 510px;
            float: left;
            font-size: 30px;
            line-height: 30px;
            
        }
        .caixa{
            
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25) ;
            width: 575px;
            height: 650px;
            float: right;
            margin: 0 80px 0 0;
            background-color: #EAB3B3;
            overflow-y: scroll;
            
            border-radius: 20px;
            scrollbar-width: thin;
            scrollbar-color: rgb(169, 169, 169) rgba(211, 211, 211, 0);
            
            
        }
        .servicos{
            padding: 0;
            margin: 0;
        }
        
        .li{
            background-color: #ffffff49;
            padding: 5px 0px 15px 3px;
            box-sizing: content-box;
            font-family: "font-servicos";
            
            
            
        }
        .li1{
            background-color: #ffffff49;
            
            font-family: "font-servicos";
            
            
            
        }
        .li>.img{
            height: 150px;
            border-radius: 8px;
            margin: 4px 0 0 5px;
            border: 2px solid rgba(255, 255, 255, 0.329);
            
            
        }
        .caixa-texto{
            box-sizing: content-box;
            padding: 20px 72px 0 0;
            float: right;
            font-size: 19px;
            
            
        }    
        .caixa-texto2{
            padding: 15px 32px 0 0;
            float: right;
            font-size: 19px;
        }    
        .caixa-texto3{
            padding: 20px 22px 0px 0px;
            float: right;
            font-size: 19px;
        }    
        .sub-texto{
            padding: 20px 0 0 68px;
            max-width: 200px;
            font-size: 12px;
            font-family: "font-menu";
            text-align: center;
        }    
        .sub-texto2{
            padding: 5px 0 0 30px;
            text-align: center;
            font-size: 18px;
            font-family: "font-menu";
        }    
        .sub-texto3{
            padding: 5px 0 0 30px;
            text-align: center;
            font-size: 18px;
            font-family: "font-menu";
        }    
        .preco{
            padding: 8px 0 0 0;
            font-size: 20px;    
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 800;
            color: #B06D76;
            
        }
        .preco1{
            padding: 3px 5px;
            font-size: 40px;    
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 800;
            background-color: #EAB3B3;
            color: #B06D76;
            position: absolute;
            left: 663px;
            top: 431px;
            border-radius: 75px;
            max-width: 500px;
        }
        .preco2{
            padding: 3px 5px;
            font-size: 40px;    
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 800;
            color: #B06D76;
            position: absolute;
            
            border-radius: 75px;
            left: 814px;
            top: 459px;
            
        }
        .preco3{
            padding: 3px 5px;
            font-size: 40px;    
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 800;
            color: #B06D76;
            position: absolute;
            top: 107px;
            left: 814px;
            border-radius: 75px;
            
        }
        h3{
            
            font-family: "font-menu";
            font-weight: 900;
            position: relative;
            padding: 0 0 10px 1450px;
            font-size: 20px;
            
            letter-spacing: 1px;
        }    
        
        .botao{
            position: relative;
            max-width: 100px;
            left: 934px;
            top: 450px;
            background-color: #ffffff59;
            padding: 15px;    
            border-radius: 40px ;
            
            text-decoration: none;
            color: rgb(65, 42, 42);
            font-family: "font-menu";
            font-size: 23px;
            font-weight: 500;
            
            
        }    
        .botao1{
            
            position: relative;
            max-width: 100px;
            left: 1048px;
            top: 475px;
            background-color: #ffffff59;
            padding: 15px;    
            border-radius: 40px ;
            
            text-decoration: none;
            color: rgb(65, 42, 42);
            font-family: "font-menu";
            font-size: 23px;
            font-weight: 500;
            
            
        }    
        .botao2{
            
            position: relative;
            max-width: 100px;
            left: 430px;
            top: 450px;
            background-color: #ffffff59;
            padding: 15px;    
            border-radius: 40px ;
            
            text-decoration: none;
            color: rgb(65, 42, 42);
            font-family: "font-menu";
            font-size: 23px;
            font-weight: 500;
            
            
        }    
        
        .botao3{
            
            position: absolute;
            max-width: 100px;
            left: 1050px;
            top: 108px;
            background-color: #ffffff59;
            padding: 15px;    
            border-radius: 40px ;
            max-width: 183px;
            text-decoration: none;
            color: rgb(65, 42, 42);
            font-family: "font-menu";
            font-size: 23px;
            font-weight: 500;
            
            
        }    
        
        footer{
            width: 100%;
            background-color: #ffffff8e;
            margin-top: 100px;
            position: relative;
            top: 618px;
            height: 550px;
            
            
        }
        
        .logofooter{
            padding: 10px 0 0 0;
            font-size: 40px;
            font-family: "font-rubrica1";
            font-weight:500;
            position: absolute;
            left: 90px;
            top: 160px;
            float: right;
        }
        .imgfooter{
            padding: 10px 0 0 0;
            font-size: 24px;
            font-family: "font-menu";
            font-weight: 900;
            position: relative;
            left: 100px;
            top: 40px;
            float: left;
        }
        
        .redes>img{
            position: absolute;
            
            
            
            width: 50px;   
        }
        .local{
            position: absolute;
            top: 260px;
            left: 370px;
            line-height: 32px;
            
            
        }
        .ul2{
            position: absolute;
            top: 115px;
            left: 50%;
            
            transform: translateX(-50%); 
            text-align: center;
            font-family: "font-menu";
            font-size: 28px;
            line-height: 40px;
            
        }
        .li2{
            list-style: none;
            margin-bottom: 20px;
            padding: 15px;
            background-color:  #bc8f8f81 ;
            border-radius: 30px;
            width: 200px;
        }   
        .ul2>li>a{
            text-decoration: none;
            color: black;
            font-family: "font-menu";
            font-size: 32px;
            font-weight: 500;
            
        }
        .ul2>li>a:hover{
            text-decoration: none;
            color: black;
            font-family: "font-menu";
            font-size: 32px;
            font-weight: 500;
            font-size: 35px;
            transition: 0.6s ease-in-out ;
            color: white;
        }
        
        .prog{
            position: absolute;
            right:  315px;
            font-family: "font-menu";
            top: 300px;
            
            font-size: 22px;
        }
        
    }
        @media screen and (max-width: 600px) {
         
            body{
                background-color: #D89EA6; 
            }
       .pcv{
        display: none;
       }
        
.navcel{

    background-color: #EED4D7;
    font-family: "font-menu";
    font-size: 20px;
    width: 100%;
    height: 150px;
    
}
.navcel>img{
    padding: 10px 0 0 0;
    position: relative;
  
    top: 40px;
    left: 50px;
    width: 150px;
    
}

.loc{
    padding: 15px;
left: 250px;
    top: -70px;
}
.contat{
    padding: 15px 25px;
    left: 257px;
    top: -60px;
}
 .menu-cel>li>a{
    border-radius: 10px;
    
    
    width: fit-content;
    color: rgb(65, 42, 42)
 }
 .menu-cel>li{
    color:65, 42, 42 ;
    background-color: #d5b1b291;
border-radius: 10px;
    width: fit-content;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    
    
    font-size: 20px;
    
 }


.header-cel{
    background-position: center;
    background-size: cover;
    color: #412A2A;
    padding-top: 30px ;
    background-image: url(./image/header.png);
    padding-bottom: 30px;
}
.header-cel>h1{

    text-align: center;
    font-family: "font-rubrica";
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: 500;
    color: whitesmoke;
    text-shadow: 2px 1px 2px black;
}
.header-cel>p{
    padding-top: 10px;
    text-align: center;
    font-family: "font-menu";
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    width: 250px;
    color: whitesmoke;
    position: relative;
    left: 50%;
    text-shadow: 2px 1px 2px black;
    transform: translateX(-50%);
}
.biografia-cel{
   
}
.caixa-biografia{
    padding: 5px 0 0 0;
    overflow: scroll;
    background-color: #eed4d773;
    border-radius: 15px;
    width: 240px;
    height: 300px;
    position: relative;
    top: -150px;
    left: 160px;
}
.biografia-cel>div>p{
   
    width: 200px;
font-family: "font-menu";
font-size: 16px;
position: relative;
left: 8px;
font-weight: 500;




color: #412A2A;



}
.biografia-cel>img{
    
    border-radius: 50%;
    width: 150px;
    position: relative;
top: 50px;
left: 5px;
    
}
.biografia-back{
    background-color: rgba(240, 128, 128, 0.5);
    height: 200px;
    width: 150px;
    
    border-radius: 50%;
   
    position: absolute;
    
    top: 387px;
    left: 5px;
}
.biografia-cel>div>h2{
    color: #412A2A;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    text-align: center;
    font-size: 23px;
  
    padding: 0 0 10px 0;
    font-family: "font-menu";
    font-weight: 600;
    letter-spacing: 1px;
}






 ul{
    list-style: none;
    width: fit-content;
 }



}


@font-face {
    font-family: "font-rubrica";
    src: url(./fonts/Playlist\ Script.otf);
}
@font-face {
    font-family: "font-menu";
    src: url(./fonts/CalSans-Regular.ttf);
}
@font-face {
    font-family: "font-header";
    src: url(./fonts/Cousine-Regular.ttf);}
@font-face {
    font-family: "font-servicos";
    src: url(./fonts/RubikMonoOne-Regular.ttf);
}
@font-face {
    font-family: "font-subtitulo";
    src: url(./fonts/MillionDesign.ttf);
}
@font-face {
    font-family: "font-subtitulo1";
    src: url(./fonts/Oswald-VariableFont_wght.ttf);
}

@font-face {
    font-family: "font-rubrica1";
    src: url(./fonts/Playlist\ Script.otf);}