.icone-texto-cursos { margin-top: 0; width: 100%; position: relative; margin-bottom: 3.1vw }

.icone-cursos { width: 5.9vw; height: 2.571vw }

.icone-cursos-imagem { width: 4.4vw; height: 2.571vw; }

.texto-cursos { height: 1.5vw; display: flex; align-items: center; margin-left: 5.9vw; }

.area-cursos-computador { width: 100%; position: relative }

.area-cursos-celular-em-pe, .area-cursos-tablet, .area-cursos-celular-deitado { display: none }

.curso1, .curso2, .curso3, .curso4, .curso5, .imagem-fundo-curso { width: 19.3vw; height: 11.2vw }

.curso1, .curso2, .curso3, .curso4, .curso5 { position: relative }

.curso2, .curso3, .curso5 { margin-top: -11.2vw; }

.curso1 { left: 0; margin-left: 0 }

.curso2 { left: 50%; margin-left: -9.65vw; }

.curso3 { left: 100%; margin-left: -19.3vw; }

.curso4 { left: 25%; margin-left: -4.825vw; margin-top: 3vw; }

.curso5 { left: 75%; margin-left: -14.475vw; }

.nome-curso { width: 100%; height: 11.2vw; margin-top: -11.2vw; display: flex; align-items: center; justify-content: center; position: relative }

.nome-curso a { text-align: center; text-decoration: none; line-height: 3.1vw; font-size: 1.5vw; letter-spacing: 0.07vw }

.nome-curso a:hover { text-decoration: underline }

/*Mídia Móvel*/

/*Celular em pé*/

@media screen and (max-device-width : 500px)
{
.icone-texto-cursos { margin-top: 11vw; width: 100%; position: relative; display: block; align-items: none; height: 9.6vw; }

.icone-texto-cursos { margin-bottom: 12vw; }

.icone-cursos { width: 18.5vw; height: 9.6vw; }

.icone-cursos-imagem { width: 16vw; height: 9.6vw; }

.texto-cursos { margin-left: 18.5vw; height: 6vw; margin-top: -4vw }

.area-cursos-computador, .area-cursos-tablet, .area-cursos-celular-deitado { display: none; }

.area-cursos-celular-em-pe { display: block }

.curso, .ultimo-curso, .imagem-fundo-curso { width: 100%; position: relative; height: 55vw }

.curso { margin-bottom: 3.2vw; }

.ultimo-curso { margin-bottom: 0.5vw }

.nome-curso { width: 100%; height: 55vw; margin-top: -55vw; display: flex; align-items: center; justify-content: center; position: relative }

.nome-curso a { text-align: center; text-decoration: none; line-height: 10vw; font-size: 6vw; letter-spacing: 0.07vw }

.nome-curso a:hover { text-decoration: underline }
}

/*IPAD*/
@media only screen and (min-device-width:501px) and (max-device-width:768px) and (orientation:portrait) 
{
.icone-texto-cursos { margin-top: 0; width: 100%; position: relative; margin-bottom: 5.5vw }

.icone-cursos { width: 11.75vw; height: 6.15vw }

.icone-cursos-imagem { width: 10.25vw; height: 6.15vw; }

.texto-cursos { height: 6.15vw; display: block; align-items: none; margin-left: 11.75vw; margin-top: -5vw }

.area-cursos-computador, .area-cursos-celular-em-pe, .area-cursos-celular-deitado { display: none }

.area-cursos-tablet { display: block; }

.primeira-coluna-cursos, .segunda-coluna-cursos, .terceira-coluna-cursos { width: 100%; position: relative }

.primeira-coluna-cursos, .segunda-coluna-cursos { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 5vw }

.terceira-coluna-cursos {  margin-bottom: 0; }

.curso-sexualidade-inclusiva { left: 50%; margin-left: -23vw; position: relative }

.curso, .imagem-fundo-curso, .curso-sexualidade-inclusiva { width: 46vw; height: 26.8vw }

.nome-curso { width: 100%; height: 26.8vw; margin-top: -26.8vw; display: flex; align-items: center; justify-content: center; position: relative }

.nome-curso a { text-align: center; text-decoration: none; line-height: 7vw; font-size: 3.8vw; letter-spacing: 0.07vw }

.nome-curso a:hover { text-decoration: underline }
}

/*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
{
.icone-texto-cursos { margin-top: 0; width: 100%; position: relative; margin-bottom: 6.5vh }

.icone-cursos { width: 20.5vh; height: 10.8vh }

.icone-cursos-imagem { width: 18vh; height: 10.8vh; }

.texto-cursos { height: 7.5vh; display: block; align-items: none; margin-left: 20.5vh; margin-top: -9vh }

.area-cursos-computador, .area-cursos-celular-em-pe { display: none }

.area-cursos-tablet { display: block; }

.primeira-coluna-cursos, .segunda-coluna-cursos, .terceira-coluna-cursos { width: 100%; }

.primeira-coluna-cursos, .segunda-coluna-cursos { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 4vh }

.terceira-coluna-cursos { margin-bottom: 1vh }

.curso, .curso-sexualidade-inclusiva, .imagem-fundo-curso { width: 48vw; height: 20.1vw }

.curso-sexualidade-inclusiva { left: 50%; margin-left: -24vw; position: relative }

.nome-curso { width: 100%; height: 20.1vw; margin-top: -20.1vw; display: flex; align-items: center; justify-content: center; position: relative }

.nome-curso a { text-align: center; text-decoration: none; line-height: 10.5vh; font-size: 6.4vh; letter-spacing: 0.07vh }

.nome-curso a:hover { text-decoration: underline }
}

/*tim*/
@media screen and (max-device-width : 350px) and (orientation : landscape)
{
.icone-texto-cursos { margin-top: 0; width: 100%; position: relative; margin-bottom: 3.2vw }

.icone-cursos { width: 10.5vw; height: 5.5vw }

.icone-cursos-imagem { width: 9vw; height: 5.5vw; }

.texto-cursos { height: 5.5vw; display: block; align-items: none; margin-left: 10.5vw; margin-top: -4.8vw }

.area-cursos-computador, .area-cursos-celular-em-pe, .area-cursos-celular-deitado { display: none }

.area-cursos-tablet { display: block; }

.primeira-coluna-cursos, .segunda-coluna-cursos, .terceira-coluna-cursos { width: 100%; }

.primeira-coluna-cursos, .segunda-coluna-cursos { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 3vw }

.terceira-coluna-cursos { margin-bottom: 0.5vw }

.curso, .curso-sexualidade-inclusiva, .imagem-fundo-curso { width: 46.5vw; height: 26.8vw }

.curso-sexualidade-inclusiva { left:50%; margin-left: -23.25vw; position: relative }

.nome-curso { width: 100%; height: 26.8vw; margin-top: -26.8vw; display: flex; align-items: center; justify-content: center; position: relative }

.nome-curso a { text-align: center; text-decoration: none; line-height: 5vw; font-size: 3.3vw; letter-spacing: 0.07vw }

.nome-curso a:hover { text-decoration: underline }

}

/*IPHONE MÃE*/
@media screen and (min-device-width : 351px) and (max-device-width : 570px) and (orientation : landscape) 
{
.icone-texto-cursos { margin-top: 0; width: 100%; position: relative; margin-bottom: 6.5vh }

.icone-cursos { width: 20.5vh; height: 10.8vh }

.icone-cursos-imagem { width: 18vh; height: 10.8vh; }

.texto-cursos { height: 10.8vh; display: block; align-items: none; margin-left: 20.5vh; margin-top: -9vh }

.area-cursos-computador, .area-cursos-celular-em-pe, .area-cursos-celular-deitado { display: none }

.area-cursos-tablet { display: block; }

.primeira-coluna-cursos, .segunda-coluna-cursos, .terceira-coluna-cursos { width: 100%; }

.primeira-coluna-cursos, .segunda-coluna-cursos { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 2.5vh }

.terceira-coluna-cursos { margin-bottom: 1vh }

.curso, .curso-sexualidade-inclusiva, .imagem-fundo-curso { width: 46.7vw; height: 26.8vw }

.curso-sexualidade-inclusiva { left: 50%; margin-left: -23.35vw; position: relative }

.nome-curso { width: 100%; height: 26.8vw; margin-top: -26.8vw; display: flex; align-items: center; justify-content: center; position: relative }

.nome-curso a { text-align: center; text-decoration: none; line-height: 10.5vh; font-size: 6.5vh; letter-spacing: 0.07vh }

.nome-curso a:hover { text-decoration: underline }
}

/*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
{
.icone-texto-cursos { margin-top: 0; width: 100%; position: relative; margin-bottom: 5.7vh }

.icone-cursos { width: 12.85vh; height: 6.15vh }

.icone-cursos-imagem { width: 11.25vh; height: 6.15vh; }

.texto-cursos { height: 6.15vh; display: block; align-items: none; margin-top: -5.5vh; margin-left: 12.85vh; }

.area-cursos-computador, .area-cursos-celular-em-pe, .area-cursos-celular-deitado { display: none }

.area-cursos-tablet { display: block; }

.primeira-coluna-cursos, .segunda-coluna-cursos, .terceira-coluna-cursos { width: 100%; }

.primeira-coluna-cursos, .segunda-coluna-cursos { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 3.5vh }

.terceira-coluna-cursos { margin-bottom: 1vh }

.curso, .curso-sexualidade-inclusiva, .imagem-fundo-curso { width: 67vh; height: 29vh }

.curso-sexualidade-inclusiva { left: 50%; margin-left: -33.5vh; position: relative }

.nome-curso { width: 100%; height: 29vh; margin-top: -29vh; display: flex; align-items: center; justify-content: center; position: relative }

.nome-curso a { text-align: center; text-decoration: none; line-height: 7vh; font-size: 4vh; letter-spacing: 0.07vh }

.nome-curso a:hover { text-decoration: underline }
}