/*configuraçoes gerais*/

* {
    margin:0;
    padding:0;
    box-sizing:border-box;
    color: #0e5106;
    font-size: 20px;
    background-color: #FDFFED;
}
.flex {
    display:flex;
}
.interface {
    max-width:1280px;
    margin:0 auto;
}
.anton-regular {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.pacifico-regular {
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
}

/*estilos do cabeçalho*/

header {
    padding:40px 4%;
}
header .logo{
    display:flex;
    align-items:center;
    vertical-align:middle;
    justify-content:space-between;
}
header .logo h1{
    font-family:Arial, Helvetica, sans-serif;
    color: green;
    text-align: left;
}
header .logo h3{
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color:#A82762;
    text-align: left;
    padding-left:40px;
}
header img{
    border-radius:60px;
    width:100px;
    height:100px;
}
header .menu-desktop{
    padding:40px 4%;
}
header nav ul {
    list-style-type:none;
    display: flex;
    vertical-align: middle;
    align-items:center;
}
header nav ul li {
    display:inline-block;
    vertical-align: middle;
    padding: 0 40px;
}
header nav ul li a {
    text-decoration:none;
    vertical-align: middle;
}
header nav ul li button{
    display:inline-block;
    vertical-align: middle;
    text-decoration:none;
    background-color: green;
    font-weight: 600;
    padding:10px 40px;
    border-radius:15px;
}
header nav ul li button a{
    color:white;
    background-color:green;
}


/*estilo topo do site*/

section.topo-site {
    padding:40px 4%;
}
section.topo-site .flex {
    align-items:center;
    justify-content:center;
    gap:40px;
}
.topo-site h1 {
    color: green;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}
.topo-site h3 {
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color:rgb(96, 8, 179);
    text-align: left;
    margin-bottom:20px;
}
.topo-site .img1 img {
    width:200px; 
    height:200px;
    border:none;
    border-radius:30px;
}
/*estilo especialidades*/

section.especialidades{
    padding:40px 4%;
}
section.especialidades .flex {
    align-items:center;
    justify-content:center;
}    

.especialidades h2 {
    font-family:Arial, Helvetica, sans-serif;
    color: green;
    text-align: left;
    margin-top:30px;
    margin-bottom:30px;
}
.especialidades .flex .text2 ul {
    padding-left:50px;
}
/*estilos tratamentos*/

section.tratamentos{
    padding:40px 4%;
    flex-direction:column;
}
.tratamentos h2 {
    font-family:Arial, Helvetica, sans-serif;
    color: green;
    text-align: left;
    margin-top:30px;
    margin-bottom:30px;
}
.tratamentos .flex .text3 ul {
    padding-left:50px;
}
.tratamentos .img2 img{
    width: 90%;
    padding:40px 4%;
    border-radius:80px;
}

/*estilos aviso*/

section.aviso{
    padding:40px 4%;
}
section.aviso .flex{
    display:block;
    align-items:center;
}
.aviso h2 {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#A82762;
    text-align: center;
    margin-top:30px;
    margin-bottom:30px;
}
.aviso .btn-contato button a{
    display:inline-block;
    text-decoration:none;
    background-color: green;
    color:white;
    font-weight: 600;
}
.aviso .btn-contato button{
    padding:10px 40px;
    border-radius:15px;
    align-items:center;
    justify-content:center;
    background-color: green;
}
.aviso .btn-contato{
    display:flex;
    align-items:center;
    justify-content:center;
}
.aviso h3{
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#A82762;
    text-align: center;
    margin-top:30px;
    margin-bottom:30px;
}

/*estilos local*/

.local {
    display:flex;
    flex-direction: column;
}    

.local .text5 h2{
    font-family:Arial, Helvetica, sans-serif;
    color: green;
    text-align: left;
    margin-top:30px;
    margin-bottom:30px;
    flex-direction:column;
}   
.maps{
    padding-top:40px;
    justify-content:center;
    align-items:center;
}    


/*estilos icones social media*/

.social {
    padding:40px 4%;
}
.social .flex{
    display:inline-block;
    align-items:center;
    justify-content:space-between;
}
.social img{
    width:5%;
    vertical-align:middle;
}
.social a{
    text-decoration:none;
}
.social ul li{
    display:inline-block;
    align-items:center;
}



/*estilos rodapé*/

footer {
    background-color: green;
    font-weight:bold;
    color: white;
    padding: 10px 0;
    text-align: center;
    width: 100%;
} 
footer p{
    background-color: green;
    color:white;
}
 
@media screen and (max-width:1020px){
    /*estilos gerais*/
    *{
        font-size:40px;
    }
    .flex{
        flex-direction:column;
    }
    
    /*cabeçalho*/
    
    .menu-desktop{
        display:none;
    }
    .local{
        flex-direction:column;
    }
    
    /*rodapé*/
    
    footer p{
        font-size:25px;
    }
}