.firstView{
    height: 42rem;
    width: 100%;
    background-image: url("../src/img/medico.png");
    background-repeat: round no-repeat;
    background-position: 0rem;
}

#introductionText{
    font-family: 'Libre Baskerville:wght@700', serif;
    font-weight: 700;
    font-size: 3.5rem;
    padding-top: 10%;
    padding-left: 4.5%;
    color: beige;
    text-shadow: 0.5px 0.5px 3px rgb(22, 22, 22);
}

#detailsText{
    font-family: 'Libre Baskerville:wght@400', serif;
    padding-top: 1rem;
    color: rgb(37, 37, 37);
    text-shadow: 0.5px 0.5px 1px beige;
    padding-left: 4.5%;
    font-size: 1.5rem;
}




@media (max-width: 718px) {
    .firstView{
        height: 42rem;
        background-size: auto;
        background-image: url("../src/img/medicoCelular.png");
    }
  }
 
  @media (max-width: 380px) {
    .firstView{
        height: 61rem;
        background-size: auto;
        background-image: url("../src/img/medicoCelularChico.png");
    }
  }