/****************** SECTION FRASE MASI ******************/
section.frase_masi {
    padding-top: 90px;
}

section.frase_masi p {
    font-family: 'Roboto-Regular';
    color: #7687c3;
    margin: 0;
    font-size: 18px;
}

section.frase_masi p.bg-yellow {
    font-family: 'RobotoCondensed-Bold';
    color: #FFF;
    font-size: 28px;
    line-height: 1.2;
}

section.frase_masi p:nth-child(2) {
    width: 38%;
    margin: auto;
}

section.frase_masi p:nth-child(2):after {
    content: url(../images/1x/Asset_9.png);
    position: absolute;
    top: -40px;
    right: 28%;
}

section.frase_masi p:nth-child(3) {
    width: 33%;
    margin: auto;
}

section.frase_masi p.autor {
    font-family: 'Roboto-Italic';
    margin-top: 5px;
}

/****************** SECTION CENARIO ******************/
section.cenario {
    background-image: url(../images/bkg_cenario.png);
    background-size: cover;
    background-repeat: no-repeat;
}

section.cenario h3 {
    line-height: 0.8;
}

section.cenario .text_cenario {
    position: absolute;
    top: 128px;
    left: 75px;
    text-align: center;
}

section.cenario .text_cenario p {
    margin: 0;
    font-size: 19px;
}

section.cenario .cenario_1 .text_cenario {
    top: 100px;
}

section.cenario .cenario_1 .text_cenario p:nth-child(1) {
    padding: 0 10px;
}

section.cenario .cenario_1 .text_cenario p:nth-child(2) {
    width: 70%;
    margin: auto;
}

section.cenario .cenario_2 .text_cenario {
    left: 70px;
}

section.cenario .cenario_3 .text_cenario {
    left: 85px;
}

section.cenario .cenario_2 .text_cenario p:nth-child(1),
section.cenario .cenario_3 .text_cenario p:nth-child(1){
    padding: 0 15px;
}

section.cenario .cenario_2 .text_cenario p:nth-child(2),
section.cenario .cenario_3 .text_cenario p:nth-child(2){
    width: 95%;
    margin: auto;
}

/****************** SECTION ECOSSISTEMA ******************/
section.ecossistema {
    background-color: #54b7c9;
}

section.ecossistema h2:nth-child(1) {
    margin-bottom: 0;
    line-height: 0.9;
}

section.ecossistema .bg-red {
    width: 70%;
}

section.ecossistema .bg-red:after {
    content: url(../images/1x/Asset_8.png);
    position: absolute;
    top: -2px;
    right: 32%;
}

/****************** SECTION SERVICOS ******************/
section.servicos {
    background-color: #eb585e;
}

section.servicos .title {
    background-color: #54b7c9;
    padding: 2px 10px;
}

section.servicos ul.list-unstyled ul {
    font-family: 'Roboto-Regular';
    padding-left: 20px !important;
}

/****************** SECTION SOBRE ******************/
section.sobre {
    background-color: #d7d9ef;
}

section.sobre .title {
    background-color: #7687c3;
    padding: 2px 10px;
}

section.sobre p {
    font-family: 'Roboto-Regular';
    color: #6e6e6e;
    text-align: justify;
    margin: 0 !important;
}

/*******************************************************/
/********************* RESPONSIVO **********************/
/*******************************************************/

/* General Mobile */
@media (min-width: 320px) and (max-width: 768px) {
    img {
        width: 100%;
    }

    section.frase_masi p:nth-child(1) {
        text-align: left;
    }

    section.frase_masi p:nth-child(2),
    section.frase_masi p:nth-child(3){
        width: 100%;
    }

    section.frase_masi p:nth-child(2):after {
        right: 5%;
    }

    section.cenario h3 {
        margin-bottom: 0;
        line-height: 1.2;
    }

    section.ecossistema .bg-red {
        width: 100%;
    }

    section.ecossistema .bg-red:after {
        top: 20px;
        right: 10%;
    }
}

/* IPhone 5/SE */
@media (min-width: 320px) and (max-width: 480px) {
    section.cenario .cenario_1 .text_cenario {
        top: 105px !important;
        left: 40px !important;
    }

    section.cenario .cenario_2 .text_cenario,
    section.cenario .cenario_3 .text_cenario {
        top: 135px !important;
        left: 34px !important;
    }

    section.cenario .cenario_3 .text_cenario {
        left: 45px !important;
    }
}

/* IPhone 7 & Similar */
@media (min-width: 375px) and (max-width: 767px) {
    section.cenario .cenario_1 .text_cenario {
        top: 125px !important;
        left: 65px !important;
    }

    section.cenario .cenario_2 .text_cenario,
    section.cenario .cenario_3 .text_cenario {
        top: 155px !important;
        left: 55px !important;
    }

    section.cenario .cenario_3 .text_cenario {
        top: 155px !important;
        left: 70px !important;
    }
}

/* IPhone 7/8 Plus */
@media (min-width: 414px) and (max-width: 812px) {
    section.cenario .cenario_1 .text_cenario {
        top: 150px !important;
        left: 80px !important;
    }

    section.cenario .cenario_2 .text_cenario,
    section.cenario .cenario_3 .text_cenario {
        top: 185px !important;
        left: 75px !important;
    }

    section.cenario .cenario_3 .text_cenario {
        left: 100px !important;
    }
}

/* IPad */
@media (min-width: 768px) and (max-width: 1024px) {
    section.cenario .text_cenario p {
        font-size: 40px;
    }

    section.cenario .cenario_1 .text_cenario {
        top: 270px !important;
        left: 150px !important;
    }

    section.cenario .cenario_2 .text_cenario,
    section.cenario .cenario_3 .text_cenario {
        top: 310px !important;
        left: 120px !important;
    }

    section.cenario .cenario_3 .text_cenario {
        left: 140px !important;
    }
}

/* IPad Landscape */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    section.cenario .text_cenario p {
        font-size: 19px;
    }

    section.cenario .cenario_1 .text_cenario {
        top: 100px !important;
        left: 75px !important;
    }

    section.cenario .cenario_2 .text_cenario,
    section.cenario .cenario_3 .text_cenario {
        top: 128px !important;
        left: 70px !important;
    }

    section.cenario .cenario_3 .text_cenario {
        top: 128px !important;
        left: 85px !important;
    }
}