.titulo-imersao h1{  font-family: 'Montserrat', sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1!important;
  letter-spacing: -1.5px;
}

.titulo-imersao h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1 !important;
    letter-spacing: -1.5px;
}

.invertido h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -1px;
}

.presenciais p{
    margin-bottom:15px;
}

section{
  margin:18vh 0;
}

.os-animation {
    opacity: 0;
}

.os-animation.animated {
        opacity: 1;
    }

p {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  line-height: 1.6;
}

.heading{
  font-family: 'Montserrat', sans-serif;
  font-size:13px;
  font-weight: 400;
}
.underline, .underline-centrado, .underline-colorido{
  position: relative;
}
.underline::after{
  content:'';
  position: absolute;
  height: 2px;
  background-color: black;
  width: 30px;
  bottom: -15px;
  left: 0;
}
.underline-centrado::after{
  content:'';
  position: absolute;
  height: 2px;
  background-color: black;
  width: 30px;
  bottom: -15px;
  left: 50%;
  transform:translateX(-50%)
}
.underline-colorido::after {
        content: '';
        position: absolute;
        height: 2px;
        background-color: goldenrod;
        width: 30px;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%)
    }


.invertido h3{
    color:goldenrod;
}

.invertido .heading {
    color:#f6f6f6
}
.invertido .titulo-imersao h2 {
    color: goldenrod
}


.invertido .titulo-imersao p{
    color:#f6f6f6;
}


.titulo-imersao h1, h2{
  margin-top: 20px
}
.box-inovando{
  position: relative;
  padding: 15px
}
.box-inovando img{
  margin: auto;
  display: block;
}
.underline-img{
  position: relative;
  border-bottom: 2px solid black;
  width: 20%;
  padding: 10px 0;
  margin:auto;
}
.exp-acao{
  text-align: center;
  margin-top: 15px;
}

.texto-centralizado{
  position: absolute;
  top:50%;
  transform:translate(-50%, -50%);
  left:50%;
  width:100%;

}

.botao {
    border: 2px solid white;
    border-radius: 50px;
    color: goldenrod;
    padding: 10px 25px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    top: 0;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all linear 0.2s;
    transition: all ease-in 0.2s;
}

    .botao:hover {
        background-color: goldenrod;
        color: black;
    }

.botao-invertido {
    border: 2px solid black;
    color: black;
    padding: 10px 25px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

    .botao-invertido:hover {
        background-color: black;
        color: white;
    }

    .chamada-cursos{
        background-color:black;
        width:100%;
        height:22vh;
        padding:15px 0;
        text-align:center;
    }

        .chamada-cursos h4 {
            color:goldenrod;
            font-size:1.7em;
            font-weight:700;
            font-family:'Montserrat', sans-serif;
        }

.img-wrapper {
    position: relative;
    color: white;
}
.info-box{
  background-color: white;
  height: auto;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.info-box:hover{
box-shadow: 0 7px 14px rgba(0,0,0,0.15), 0 5px 5px rgba(0,0,0,0.12);
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
transform: translateY(-3px);
}

.img-imersao {
    box-shadow: 0 7px 14px rgba(0,0,0,0.15), 0 5px 5px rgba(0,0,0,0.12);
}

.info-box ul{
  list-style: none;
  padding: 40px 40px 40px 40px
}
.info-box ul li{
  line-height: 2.2
}
.info-box ul li:nth-child(2){
  margin-top: 30px;
}

.info-box-cursos {
    background-color: white;
    height: auto;
    position: relative;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}


.info-box-cursos ul {
    list-style: none;
    padding: 40px 40px 40px 40px
}

 .info-box-cursos ul li {
        line-height: 1.4
    }

.info-box-cursos ul li:nth-child(2) {
    margin-top: 30px;
}

.cursos{
    height:100%;
}

.cursos ul li{
    font-family:'Montserrat', sans-serif;
    font-size:21px;
    text-align:center;
    font-weight:500;
    color:black;
}

.prof{
  margin:0 auto;
  float: none;
}

.prof span{
  font-weight: 400;
  font-style: italic;
  text-align: left;
  float: left;
}
.prof ul{
  padding: 0;
}
.prof ul li{
  line-height: 1.4;
  font-weight: 600;

}
.prof ul li:nth-child(n){
  margin-top: 50px;
}

.aulao ul{
  list-style: none;
  padding:40px 0;
}
.aulao li{
  line-height: 2.2;
  font-weight: 600;
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
}
.aulao li span{
  font-weight: 400;
}
.aulao ul li:nth-child(2){
  margin-top: 0;
}

.big{font-size:2.5em;
     font-weight:700
}

@media (max-width:468px){
    .info-box{
        margin-top:5vh
    }
    .titulo-imersao h2{
        text-align:center
    }
    .titulo-imersao p{
        text-align:left;
    }
    .centralizado-mobile {
        margin: 0 auto;
        text-align: center;
        float: none
    }
    .underline::after {
        content: '';
        position: absolute;
        height: 2px;
        background-color: black;
        width: 30px;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%)
    }
    .botao-invertido{
        left:33%!important;
    }
}

@media (max-width:768px){
    .info-box{
        margin-top:5vh;
    }
}