﻿.sessao-servicos 
{ display: flex; flex-direction: column; height: calc(100vh - clamp(6.075rem, 7.1vw, 16.2vh)); height: calc(100svh - clamp(6.075rem, 7.1vw, 16.2vh)); 
  box-sizing: border-box; background-color: rgb(243, 238, 234); overflow: hidden; width: 100%; 
  padding: clamp(1.8rem, 2vw, 4.1vw) clamp(1.8rem, 2vw, 4.1vw) 0 clamp(1.8rem, 2vw, 4.1vw)}

.sessao-servicos h2 
{ color: rgb(114, 0, 46); font-family: "poppinssemibold"; letter-spacing: 0.05rem; font-size: clamp(1.98rem, 2.325vw, 5.3vh); margin-bottom: clamp(0.85rem, 1vw, 2.3vh); 
  padding-top: 0; flex-shrink: 0 }

/*Celular em pé*/

@media only screen and (max-device-width : 600px) and (orientation: portrait)
{
.sessao-servicos 
{ height: auto; min-height: calc(100vh - 5.15rem); min-height: calc(100svh - 5.15rem); width: 100%; display: flex; flex-direction: column; padding: 1.7rem 0.6rem 0 0.6rem; 
  box-sizing: border-box; position: relative; overflow: visible; }

.sessao-servicos h2 
{ line-height: 1; color: rgb(114, 0, 46); font-family: "poppinssemibold"; letter-spacing: 0.05rem; font-size: 1.46rem; margin-bottom: 0.8rem; padding-top: 0; }
}

/*ipad em pé e deitado*/
@media only screen and (min-width: 601px) and (max-width: 1280px) and (min-height: 601px)
{
.sessao-servicos 
{ display: flex; flex-direction: column; height: calc(100vh - 6.2rem); height: calc(100svh - 6.2rem); box-sizing: border-box; background-color: rgb(243, 238, 234); 
  overflow: hidden; width: 100%; }

.sessao-servicos h2 
{ line-height: 1; color: rgb(114, 0, 46); font-family: "poppinssemibold"; letter-spacing: 0.05rem; font-size: 1.98rem; margin-bottom: 1rem; padding-top: 0; 
  flex-shrink: 0 }
}

/*ipad em pé */
@media only screen and (min-width: 601px) and (max-width: 1280px) and (min-height: 601px) and (orientation: portrait) 
{
.sessao-servicos { padding: 1.7rem 0.6rem 0 0.6rem }
}

/*Mídia móvel deitado

/*IPAD DEITADO*/
@media only screen and (min-width: 601px) and (max-width: 1280px) and (min-height: 601px) and (orientation: landscape) 
{
.sessao-servicos { padding: 1.7rem 0.6rem 1.7rem 0.6rem }
}

/*tim*/
@media screen and (max-device-width : 570px) and (orientation : landscape) 
{
.sessao-servicos 
{ height: auto; width: 100%; display: flex; flex-direction: column; padding: 1.7rem 0.6rem 1.7rem 0.6rem; box-sizing: border-box; position: relative; 
  overflow: visible; }

.sessao-servicos h2 
{ line-height: 1; color: rgb(114, 0, 46); font-family: "poppinssemibold"; letter-spacing: 0.05rem; font-size: 1.46rem; margin-bottom: 1.5rem; padding-top: 0; }
}

/*IPHONE MÃE*/
@media screen and (min-width: 571px) and (max-width: 670px) and (orientation: landscape) 
{
.sessao-servicos 
{ height: auto; width: 100%; display: flex; flex-direction: column; padding: 1.7rem 0.6rem 1.7rem 0.6rem; box-sizing: border-box; position: relative; 
  overflow: visible; }

.sessao-servicos h2 
{ line-height: 1; color: rgb(114, 0, 46); font-family: "poppinssemibold"; letter-spacing: 0.05rem; font-size: 1.46rem; margin-bottom: 1.5rem; padding-top: 0; }
}

/*Celulares grandes*/

@media only screen and (min-width: 671px) and (max-height: 600px) and (orientation: landscape) and (pointer: coarse)
{
.sessao-servicos 
{ height: auto; width: 100%; display: flex; flex-direction: column; padding: 1.7rem 0.6rem 1.7rem 0.6rem; box-sizing: border-box; position: relative; 
  overflow: visible; }

.sessao-servicos h2 
{ line-height: 1; color: rgb(114, 0, 46); font-family: "poppinssemibold"; letter-spacing: 0.05rem; font-size: 1.46rem; margin-bottom: 1.5rem; padding-top: 0; }
}
