.professores-computador { display: block }

.professores-celular-em-pe, .professores-tablet-em-pe { display: none }

.titulo-corpo-docente { font-family: Arial; font-size: 1.6vw; color:#fff; padding-bottom: 0; margin-bottom: 3.1vw; letter-spacing: 0.07vw; line-height: 2.5vw  }

.icone-texto-corpo-docente { margin-top: 4vw; width: 100%; position: relative; margin-bottom: 3.1vw }

.icone-corpo-docente { width: 5.9vw; height: 4.8vw }

.icone-corpo-docente-imagem { width: 4.4vw; height: 4.8vw; }

.texto-corpo-docente { margin-top: -2vw; height: 2vw; display: flex; align-items: center; margin-left: 5.9vw }

.professor { margin-bottom: 5vw }

.professor-andrea { margin-bottom: 7.3vw }

.ultimo-professor { margin-bottom: -1vw }

.lista-texto-corpo-docente { margin-left: 27vw; }

.lista-texto-corpo-docente li, .lista-texto-corpo-docente li.ultimo
{ margin-left: 4.5vw; font-family: Arial; color: #fff; letter-spacing: 0.07vw; font-size: 1.4vw; line-height: 2.5vw; list-style-type: circle }

.lista-texto-corpo-docente li { margin-bottom: 1.5vw }

.lista-texto-corpo-docente li.ultimo { margin-bottom: 0 }

.foto-andrea, .foto-graca, .foto-paulo, .foto-regina { width: 27vw; float: left; margin-right: 1.5vw }

.foto-andrea { height: 37.7377vw; }

.foto-graca { height: 23.4985vw; }

.foto-paulo { height: 37.8155vw; }

.texto-paulo { margin-bottom: 23.25vw }

.foto-regina { height: 27.3112vw; }

/*Mídia Móvel*/

/*Celular em pé*/

@media screen and (max-device-width : 500px)
{
.professores-computador, .professores-tablet-em-pe { display: none }

.professores-celular-em-pe { display: block }

.titulo-corpo-docente { font-family: Arial; font-size: 6vw; color:#fff; padding-bottom: 0; margin-bottom: 6.5vw; letter-spacing: 0.07vw; line-height: 8vw  }

.icone-texto-corpo-docente { width: 100%; position: relative; margin-bottom: 11.4vw; margin-top: 9vw }

.icone-corpo-docente { width: 16vw; height: 17.6vw }

.icone-corpo-docente-imagem { width: 16vw; height: 17.6vw; }

.texto-corpo-docente { margin-top: -10vw; height: 10vw; display: flex; align-items: center; margin-left: 19.3vw }

.professor { margin-bottom: 15vw }

.ultimo-professor { margin-bottom: 1.5vw }

.lista-texto-corpo-docente { margin-left: 2.5vw; }

.lista-texto-corpo-docente li, .lista-texto-corpo-docente li.ultimo
{ margin-left: 1.8vw; font-family: Arial; color: #fff; letter-spacing: 0.07vw; font-size: 5.5vw; line-height: 8.7vw; list-style-type: circle }

.lista-texto-corpo-docente li { margin-bottom: 4vw }

.lista-texto-corpo-docente li.ultimo { margin-bottom: 0 }

.foto-andrea, .foto-graca, .foto-paulo, .foto-regina { width: 100%; float: none; margin-right: 0; margin-bottom: 2.5vw; margin-top: -8vw }

.foto-andrea { height: 133vw; }

.foto-graca { height: 82.7vw; }

.foto-paulo { height: 133.5vw; }

.foto-regina { height: 95.9vw; }
}

/*IPAD*/
@media only screen and (min-device-width:501px) and (max-device-width:768px) and (orientation:portrait) 
{
.professores-computador { display: block }

.professores-celular-em-pe { display: none }

.titulo-corpo-docente { font-family: Arial; font-size: 3.8vw; color:#fff; padding-bottom: 0; margin-bottom: 7vw; letter-spacing: 0.07vw; line-height: 5vw  }

.icone-texto-corpo-docente { margin-top: 6vw; width: 100%; position: relative; margin-bottom: 6.7vw }

.icone-corpo-docente { width: 10.25vw; height: 9.4vw }

.icone-corpo-docente-imagem { width: 8.75vw; height: 9.4vw; }

.texto-corpo-docente { margin-top: -4.5vw; height: 5vw; display: flex; align-items: center; margin-left: 10.25vw }

.professor, .professor-andrea { margin-bottom: 11vw }

.ultimo-professor { margin-bottom: 0.7vw }

.nome-professor { left: -2.9vw; position: relative; }

.lista-texto-corpo-docente { margin-left: 0; margin-top: -3vw }

.lista-texto-corpo-docente li, .lista-texto-corpo-docente li.ultimo
{ margin-left: 3vw; font-family: Arial; color: #fff; letter-spacing: 0.07vw; font-size: 3.2vw; line-height: 5vw; list-style-type: circle }

.lista-texto-corpo-docente li { margin-bottom: 5vw }

.lista-texto-corpo-docente li.ultimo { margin-bottom: 0 }

.foto-andrea, .foto-graca, .foto-paulo, .foto-regina { all: unset; width: 32.5vw; float: left; padding-right: 4.5vw; }

.foto-andrea { height: 45.5vw; }

.foto-graca { height: 28.3vw; }

.foto-paulo { height: 45.5vw; }

.texto-paulo { margin-bottom: 0 }

.foto-regina { height: 32.9vw; }
}

/*Mídia móvel deitado*/

/*Celulares grandes*/

@media only screen and (min-device-width: 415px) and (max-device-width: 950px) and (max-device-height: 450px) and (orientation: landscape), handheld
{
.professores-computador { display: block }

.professores-celular-em-pe { display: none }

.titulo-corpo-docente { font-family: Arial; font-size: 6.4vh; color:#fff; padding-bottom: 0; margin-bottom: 6.5vh; letter-spacing: 0.07vh; line-height: 8vh  }

.icone-texto-corpo-docente { width: 100%; position: relative; margin-bottom: 11.6vh; margin-top: 7vh }

.icone-corpo-docente { width: 16vh; height: 19vh }

.icone-corpo-docente-imagem { width: 16vh; height: 19vh; }

.texto-corpo-docente { margin-top: -10vh; height: 10vh; display: flex; align-items: center; margin-left: 19.3vh }

.professor, .professor-andrea { margin-bottom: 19vh }

.ultimo-professor { margin-bottom: 1.5vh }

.nome-professor { all: unset; left: -4.8vh; position: relative; }

.lista-texto-corpo-docente { all: unset; margin-top: -3vh; margin-left: 0; }

.lista-texto-corpo-docente li, .lista-texto-corpo-docente li.ultimo
{ margin-left: 4.5vh; font-family: Arial; color: #fff; letter-spacing: 0.07vh; font-size: 5.9vh; line-height: 9.2vh; list-style-type: circle }

.lista-texto-corpo-docente li { margin-bottom: 8vh }

.lista-texto-corpo-docente li.ultimo { margin-bottom: 0 }

.foto-andrea, .foto-graca, .foto-paulo, .foto-regina { all: unset; width: 32.5vw; float: left; padding-right: 8vh; }

.foto-andrea { height: 45.5vw; }

.foto-graca { height: 28.3vw; }

.foto-paulo { height: 45.5vw; }

.texto-paulo { margin-bottom: 17vh; }

.foto-regina { height: 32.9vw; }
}

/*tim*/
@media screen and (max-device-width : 350px) and (orientation : landscape)
{
.professores-computador { display: block }

.professores-celular-em-pe { display: none }

.titulo-corpo-docente { font-family: Arial; font-size: 3.3vw; color:#fff; padding-bottom: 0; margin-bottom: 3.2vw; letter-spacing: 0.07vw; line-height: 3.8vw }

.icone-texto-corpo-docente { width: 100%; position: relative; margin-bottom: 8.5vw; margin-top: 6.5vw }

.icone-corpo-docente { width: 8vw; height: 11vw }

.icone-corpo-docente-imagem { width: 8.7vw; height: 11vw; }

.texto-corpo-docente { margin-top: -6vw; height: 5vw; display: flex; align-items: center; margin-left: 10.2vw }

.professor, .professor-andrea { margin-bottom: 10vw }

.ultimo-professor { margin-bottom: 1vw }

.nome-professor { left: -3.5vw; position: relative; }

.lista-texto-corpo-docente { margin-top: -1.5vw; margin-left: 0; }

.lista-texto-corpo-docente li, .lista-texto-corpo-docente li.ultimo
{ margin-left: 3.5vw; font-family: Arial; color: #fff; letter-spacing: 0.07vw; font-size: 3.4vw; line-height: 5.1vw; list-style-type: circle }

.lista-texto-corpo-docente li { margin-bottom: 2.5vw }

.lista-texto-corpo-docente li.ultimo { margin-bottom: 0 }

.foto-andrea, .foto-graca, .foto-paulo, .foto-regina { all: unset; width: 32.5vw; float: left; padding-right: 5vw; }

.foto-andrea { height: 45.5vw; }

.foto-graca { height: 28.3vw; }

.foto-paulo { height: 45.5vw; }

.texto-paulo { margin-bottom: 10vw; }

.foto-regina { height: 32.9vw; }

}

/*IPHONE MÃE*/
@media screen and (min-device-width : 351px) and (max-device-width : 570px) and (orientation : landscape) 
{
.professores-computador { display: block }

.professores-celular-em-pe { display: none }

.titulo-corpo-docente { font-family: Arial; font-size: 6.5vh; color:#fff; padding-bottom: 0; margin-bottom: 6vh; letter-spacing: 0.07vh; line-height: 8vh  }

.icone-texto-corpo-docente { width: 100%; position: relative; margin-bottom: 14vh; margin-top: 7vh }

.icone-corpo-docente { width: 16vh; height: 19vh }

.icone-corpo-docente-imagem { width: 16vh; height: 19vh; }

.texto-corpo-docente { margin-top: -10vh; height: 10vh; display: flex; align-items: center; margin-left: 19.3vh }

.professor, .professor-andrea { margin-bottom: 17vh }

.ultimo-professor { margin-bottom: 1.5vh }

.nome-professor { all: unset; left: -6vh; position: relative }

.lista-texto-corpo-docente { margin-left: 0; }

.lista-texto-corpo-docente li, .lista-texto-corpo-docente li.ultimo
{ margin-left: 6vh; font-family: Arial; color: #fff; letter-spacing: 0.07vh; font-size: 6.1vh; line-height: 9.2vh; list-style-type: circle }

.lista-texto-corpo-docente li { margin-bottom: 9.5vh }

.lista-texto-corpo-docente li.ultimo { margin-bottom: 0 }

.foto-andrea, .foto-graca, .foto-paulo, .foto-regina { all: unset; width: 32.5vw; float: left; padding-right: 8.8vh; }

.foto-andrea { height: 45.5vw; }

.foto-graca { height: 28.3vw; }

.foto-paulo { height: 45.5vw; }

.texto-paulo { margin-bottom: 15vh; }

.foto-regina { height: 32.9vw; }
}

/*Ipad*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1200px) and (min-device-height: 600px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), handheld
{
.professores-computador { display: block }

.professores-celular-em-pe { display: none }

.titulo-corpo-docente { font-family: Arial; font-size: 4.05vh; color:#fff; padding-bottom: 0; margin-bottom: 5.7vh; letter-spacing: 0.07vh; line-height: 5.3vh  }

.icone-texto-corpo-docente { margin-top: 6vh; width: 100%; position: relative; margin-bottom: 7vh }

.icone-corpo-docente { width: 10.25vh; height: 9.4vh }

.icone-corpo-docente-imagem { width: 8.75vh; height: 9.4vh; }

.texto-corpo-docente { margin-top: -4.5vh; height: 5vh; display: flex; align-items: center; margin-left: 10.25vh }

.professor, .professor-andrea { margin-bottom: 10.5vh }

.ultimo-professor { margin-bottom: -0.1vh }

.nome-professor { left: -2.9vh; position: relative; }

.lista-texto-corpo-docente { margin-left: 0; margin-top: -3vh }

.lista-texto-corpo-docente li, .lista-texto-corpo-docente li.ultimo
{ margin-left: 3.2vh; font-family: Arial; color: #fff; letter-spacing: 0.07vh; font-size: 3.5vh; line-height: 5vw; list-style-type: circle }

.lista-texto-corpo-docente li { margin-bottom: 3.2vh }

.lista-texto-corpo-docente li.ultimo { margin-bottom: 0 }

.foto-andrea, .foto-graca, .foto-paulo, .foto-regina { all: unset; width: 32.5vh; float: left; padding-right: 5vh; }

.foto-andrea { height: 45.5vh; }

.foto-graca { height: 28.3vh; }

.foto-paulo { height: 45.5vh; }

.texto-paulo { margin-bottom: 0 }

.foto-regina { height: 32.9vh; }

}