@media (min-width: 481px) {

    .solucoes {
        left: 100%;
    }

    .solucoes .solucoes-titulo {
        top: 4vh;
        width: 100vh;
        position: absolute;
    }

    .solucoes .solucoes-titulo p {
        font-size: 6.75em;
        font-weight: 500;
        line-height: 1.125em;
        letter-spacing: -.05em;
    }

    .solucoes .solucoes-texto {
        width: 85vh;
        top: 55vh;
        position: absolute;

        z-index: 1;
    }

    .solucoes .solucoes-texto .solucoes-subtitulo {
        font-size: 3.5em;
        font-weight: 500;
        font-style: italic;
        letter-spacing: -0.025em;

        margin-bottom: 3vh;
    }

    .solucoes .solucoes-texto .separador,
    .underline {
        width: 12vw;
        height: .125em;
        margin: 3vh 0 5vh 7px;
    }

    .solucoes .solucoes-texto .solucoes-descricao {
        width: 70vh;
        font-size: 1.85em;
        font-weight: 300;
    }

    .solucoes-bloco {
        width: 70vh;
        height: 80vh;
        margin: 5vh 0 5vh 0;
        left: 100%;
    }

    .solucoes-bloco .solucoes-description {
        width: 55vh;
        font-size: 1.85em;
        font-weight: 300;
        margin: 5vh 0 0 0;
    }

    .solucoes-bloco.nacional {
        z-index: 5;
    }

    .solucoes-bloco.internacional {
        z-index: 1;
    }

    .solucoes-bloco h3 {
        font-family: 'Roboto';
        font-size: 2.25em;
        font-weight: 500;
        letter-spacing: -0.025em;
        line-height: 1em;

        margin: 0 0 5vh 0;
        padding-left: .125em;
    }
 
    .solucoes-bloco span {
        font-size: 4.5em;
        font-family: 'Roboto';
        line-height: 1em;

        letter-spacing: -0.05em;
        font-weight: 400;
    }

    .solucoes-bloco .tooltip {
        font-size: 5.5em;
        font-family: 'Roboto';
        line-height: 1em;
        text-decoration: none;

        letter-spacing: -0.05em;
        font-weight: 400;
        background-repeat: repeat-x;
        
        position: relative;
        display: inline-block;
        cursor: pointer;
        z-index: 5;
    }

    .solucoes-bloco .tooltip span {
        font-size: 1em !important;
    }

    .solucoes-bloco .tooltip:hover {
        background-image: url(../assets/svg/dot.svg);
        background-position: left bottom;
        background-size: 15px 15px;
    }

    .solucoes-bloco .tooltiptext {
        z-index: 10;

        transition: all 0.5s ease;
        -webkit-transition: all .5s ease;

        display: inline-block;
        position: absolute;
        opacity: 0;
        
        width: 25vh;
        padding: 1em;

        border-radius: .75em;
        background-color: #B6860E;
        color: #FFF;

        font-size: .9em;
        font-weight: 200;
        line-height: 1.125em;
        letter-spacing: 0.05em;

        margin: 2vh 0 0 2vh;

        background-image: url(../assets/svg/dot.svg);
        background-position: -10px center;
        background-size: 15px 15px;

    }

    .solucoes-bloco .tooltiptext::after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;

      left: -1.5vh;
      top: 35%;

      border-style: solid;
      border-width: 1.5vh 1.5vh 1.5vh 0;
      border-color: transparent #B6860E transparent transparent;
      transition: all .4s ease;
    }

    div.tooltip:hover ~ div.tooltiptext {
        opacity: 1;
    }

    .solucoes-bloco.plus {
        
        height: 12.5vh;
        width: 12.5vh;
        top: 35vh;

        background-image: url(../assets/svg/plus.svg);
        background-repeat: no-repeat;
        background-size: 12.5vh 12.5vh;
        background-position: center;
    }


    .burjkhalifa {
        left: 100%;
        width: 35vh;

        background-image: url(../assets/svg/burj_khalifa.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 105%;
    }


    .emirados {
        left: 100%;
        width: 65vh;
        padding: 6.25vh 0 0 0;
    }

    .emirados .emirados-titulo {
        margin: 0 0 4vh 0;
    }

    .emirados .emirados-titulo p {
        font-size: 5.5em;
        font-weight: 100;
        line-height: 1.125em;
        letter-spacing: -.05em;
    }

    .emirados .underline {
        width: 12vw;
        height: .125em;
        margin: 3vh 0 5vh 4px;
    }

    .emirados .emirados-texto {
        font-size: 1.85em;
        font-weight: 300;
    }

    .emirados .emirados-descricao {
        font-size: 1.25em;
        line-height: 1.5em;
        font-weight: 100;
        margin: 2vh 0 0 0;
    }

}

@media (max-width: 480px) {

    .solucoes .solucoes-titulo {
        font-size: 4em;
        font-weight: 500;
        line-height: 1.1em;
    }

    .solucoes .solucoes-titulo p {
        letter-spacing: -.05em !important;
    }

    .solucoes .solucoes-texto {
        margin-top: 1.25em;
    }

    .solucoes .solucoes-texto .solucoes-subtitulo {
        font-size: 2.5em;
        font-weight: 300;
        font-style: italic;
    }

    .solucoes .solucoes-texto .solucoes-descricao {
        margin: 1em 0 2.5em 0;
        line-height: 1.5em;
        font-size: 1.5em;
        font-weight: 300;
    }

    .solucoes-bloco .solucoes-description {
        font-size: 1.35em;
        line-height: 1.35em;
        font-weight: 300;

        margin: 0 0 2em 0;
    }

    .solucoes-bloco h3 {
        font-size: 2.5em;
        font-weight: 300;
        letter-spacing: -0.025em;
        line-height: 1em;
        margin: 1.5em 0 .5em 0;
    }

    .solucoes-bloco.right {
        text-align: right;
    }

    #solucoes .box {
        margin-bottom: 2em;
    }

    #solucoes .box .title {
        font-size: 1.75em;
        font-weight: 500;
        margin-bottom: .25em;
    }

    #solucoes .box .description {
        font-size: 1.35em;
        line-height: 1.35em;
        font-weight: 300;
        letter-spacing: .0125em;
        
    }


}