.parallax {
    /* The image used */
    background-image: url("img/bannerDireita.png");

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

/*FONTES*/

@font-face {
    font-family: fonteIpanema;
    src: url("../fonts/Museo_Slab.otf")
}

@font-face {
    font-family: fonteIpanemaRegular;
    src: url("../fonts/Museo_Slab_0.otf");
}

@font-face {
    font-family: fonteIpanemaBold;
    src: url("../fonts/Museo_Slab_1.otf");
}

@font-face {
    font-family: fonteIpanemaItalic;
    src: url("../fonts/Museo_Slab_100italic.otf");
}

@font-face {
    font-family: fonteIpanemaLight;
    src: url("../fonts/Museo_Slab_4.otf");
}

html,
body {
    background-color: #FFF;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}


hr {
    background-color: #bca75f;
    width: 10%;
    text-align: center;
    height: 30px;
    margin-top: 8%;
}



#logoGranoSegreto {
    object-fit: contain;
    width: 100%;
    height: 100%
}

#logoipanema {
    width: 25vw;
}

/*NAVBAR*/

.navbar .nav-item:first-of-type {
    margin-right: 8.5vw !important
}

.navbar.navbar-toggleable-md.navbar-light.bg-faded.fixed-top {
    background-color: rgba(116, 255, 255, 0);
    font-size: 1vw;
    right: 1.2vw !important
}

button.navbar-toggler.navbar-toggler-right {}

/*SESSÕES*/

#primeira-sessao {
    background-image: url(../img/bannerDireita.png);
    height: 100%;
    width: 100%;
    background-size: cover !important;
    text-align: center;
}

#primeira-sessao img {
    margin: 0 auto;
    display: block;

}

#primeira-sessao h1 {
    font-size: 4.8vw;
    color: #af9d52;
    letter-spacing: 12px;
    text-align: center;
    font-family: fonteIpanema;
}

#primeira-sessao hr {
    background-color: #af9d52;
    height: 2px;
    width: 70px;
}

#primeira-sessao p {
    font-size: 1.2vw;
    color: #d4ccc1;
    font-family: fonteIpanemaItalic;
    width: 75%;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 8%;
}

#creatingConcept {
    background-image: url(img/d64b5aaaf81bc0f6fecb8071d32e1792_small.jpg);
    height: 43vw;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: -webkit-center;
    text-align: -moz-center;
}


#segunda-filha {
    height: 59%;
    width: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 2%;
    margin: auto;
}

#segunda-filha h2 {
    font-size: 2vw;
    color: #af9d52;
    text-align: center;
    letter-spacing: 5px;
    font-family: fonteIpanema;
}

#segunda-filha p {
    margin-top: 4%;
    font-size: 1.5vw;
    text-align: center;
    font-family: fonteIpanemaItalic;
}

#segunda-filha1 {
    border-top: 8px solid #d0c17a;
    height: 45vw;
    text-align: -moz-center;
    text-align: -webkit-center
}

#segunda-filha1 h2 {
    letter-spacing: 1px;
    font-size: 2vw;
    text-align: center;
    color: #bca75f;
    font-family: fonteIpanema;
    font-weight: 800;
}

#segunda-filha1 p {
    font-size: 1.5vw;
    margin-bottom: 3vw;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    font-family: fonteIpanema;
}

#terceira-sessao {
    height: 45vw;
}

#terceira-sessao .row {
    height: 100%
}

#terceira-filha {
    background-image: url(../img/bannerDireita.png);
    height: 100%;
    width: 100%;
}



.tituloSessao {
    text-align: center;
    font-size: 3.2vw;
    font-family: fonteIpanema;
    letter-spacing: 5px;
    line-height: 5vw;
    color: #bca34d;
}

#diversity {
    height: 45vw;
}

#secaoInspiration {
    padding-top: 4vw;
    padding-bottom: 4vw
}

#terceira-filha hr {
    background-color: #6f613a;
    width: 70px;
    height: 2px
}

#terceira-filha p {
    font-size: 1.55vw;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    color: #FFF;
    font-family: fonteIpanemaItalic;
    margin: 0 auto;
    display: block;
    width: 43%;
}


#quarta-sessao h4 {
    text-align: center;
    font-family: fonteIpanemaBold;
    font-size: 1.5vw;
    color: #493623;
}

#quarta-sessao h3 {
    color: #af9d52;
    font-size: 4vw;
    text-align: center;
}

#quarta-sessao span {
    color: #af9d52;
    font-size: 2vw;
    margin-top: -10px;
    text-align: center;
}

.vertical-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
}


#quarta-sessao p {
    font-family: fonteIpanemaRegular;
    font-size: 1.2vw;
    color: #444242;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    margin: 0 auto;
}


#quinta-sessao {
    height: 100%;
    margin-bottom: 4em;
}

#quinta-filha {
    background-image: url(../img/Rectangle%2013%20copy%2015.png);
    background-size: cover;
    height: 100%;
    border-bottom: 5px solid #d0c17a;
}

#secaoHarmony {
    background-color: white;
    height: 17vw;
}

#quinta-filha h2 {
    padding-top: 6em;
}

#quinta-filha hr {
    background-color: #6f613a;
    width: 70px;
    height: 2px
}

#quinta-filha p {
    font-size: 1.6vw;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    color: #FFF;
    font-family: fonteIpanemaItalic;
    margin: 0 auto;
    display: block;
    padding-bottom: 10em;
}

#quinta-filha1 h2 {
    font-family: fonteIpanema;
    font-size: 1.8vw;
    color: #bca75f;
    padding-top: 3.5vh;
    margin-bottom: 1.4em;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#quinta-filha1 h2:first-of-type {
    padding-top: 2.8em;
}

#quinta-filha1 p {
    font-size: 1.5vw;
    margin: 0 auto;
    font-family: fonteIpanemaRegular;
    display: block;
}


#img-quinta img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding-top: 4em;
}

#quinta-filha2 {
    margin-top: 6vh
}

#quinta-filha2 h2 {
    text-align: center;
    font-size: 1.8vw;
    padding: 1.5em;
    font-family: fonteIpanema;
    letter-spacing: 5px;
    color: #bca75f;
}

#quinta-filha2 p {
    font-size: 1.5vw;
    font-family: fonteIpanemaRegular;
    text-align: center;
    margin: 0 auto;
    display: block;

}

#sexta-sessao {
    height: 100%;
    background: linear-gradient(to right, #F1FCFE, #CCEFFF);
}


#sexta-filha1 {
    background-image: url(../img/brown.png);
    background-size: cover;

}

#sexta-filha1 p {
    font-size: 1.46vw;
    text-align: center;
    font-family: fonteIpanemaItalic;
    margin: 0 auto;
    color: #FFF;
    display: block;
    width: 55%;
}

#sexta-filha1 h3 {
    text-align: center;
    font-family: fonteIpanemaRegular;
    font-size: 1.8vw;
    color: #FFF;
}

#sexta-filha1 hr {
    background-color: #bca34d;
    height: 3px;
    width: 80px;
}

#sexta-filha2 {
    background-image: url('../img/ceu.png');
    background-size: cover;
    background-repeat: no-repeat;
}

#sexta-filha2 > .mapa {
    bottom: 0;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
}

#tabela {
    margin-top: 2vw;
    margin-bottom: 22vw;
}

#innovation {
    height: 45vw;
}

#sexta-filha2 p {
    font-size: 1.5vw;
    text-align: justify;
    -moz-text-align-last: center;
    font-family: fonteIpanema;
    text-align-last: center;
    margin: 0 auto;
    display: block;
}


#setima-sessao {
    height: 100%;
}

#setima-filha1 {
    background-image: url(../img/black.jpg);
    background-size: cover;
    border-bottom: 5px solid #d0c17a;
}

#placeToVisit {
    width: 90%;
}


#setima-filha1 p {
    font-size: 1.50vw;
    text-align: center;
    font-family: fonteIpanemaItalic;
    margin: 0 auto;
    width: 52%;
    color: #FFF;
    display: block;
}

#setima-filha1 h3 {
    text-align: center;
    font-size: 1.8vw;
    font-family: fonteIpanemaRegular;
    color: #FFF;
}

#setima-filha2 h2 {
    text-align: center;
    font-size: 2vw;
    font-family: fonteIpanema;
    color: #bca75f;
}

#setima-filha2 p {
    font-size: 1.3vw;
    text-align: center;
    font-family: fonteIpanema;
    margin: 0 auto;
    display: block;
}



#textoLegacy {
    text-align: left;
    width: 30vw;
    color: #211915;
}

#estrutura {
    margin: 0 auto;
    display: block;
    margin-bottom: 3%;
    margin-top: 5%;
    width: 70%;
}

arqu2 {
    width: 90%;
}

arqu1 {
    width: 70%;
}

#oitava-sessao {
    height: 100%;
    background-color:#1b2a39;
    background-size: cover;
    color: #FFF;
}

#oitava-sessao #collections {
    height: 17vw
}

#oitava-sessao h2 {
    text-align: center;
    font-size: 5em;
    color: #bca34d;
}

#oitava-filha1 {
    background-image: url(../img/unqss.png);
    background-size: cover;
    border-bottom: 5px solid #d0c17a;
}


#oitava-filha1 p {
    font-size: 1.60vw;
    text-align: center;
    font-family: fonteIpanemaItalic;
    margin: 0 auto;
    color: #FFF;
    width: 40%;
    display: block;
    padding-bottom: 7em;
}

#uniqueness {
    height: 45vw
}

#oitava-filha1 h3 {
    text-align: center;
    font-family: fonteIpanemaRegular;
    color: #FFF;
    font-size: 1.8vw;
    padding-top: 7em;
}

#oitava-filha2 {
    height: 60vw
}

#oitava2b {
    margin-bottom: 3vw;
}

#oitava2b p {
    font-size: 1.5vw;
    font-family: fonteIpanema;
    margin-bottom: 3vw;
    text-align: center
}

#secaoWaterFactory {
    height: 17vw
}

#oitava2b h2 {
    font-size: 3vw;
    font-family: fonteIpanema;
    margin: 4vw;
}

#oitava-filha2 p {
    font-size: 1.5vw;
    font-family: fonteIpanema;
}

#oitava-filha3 {
    border-bottom: 5px solid #d0c17a;
    background-image: url(../img/smarth.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8em;
    height: 100%;
    padding-bottom: 8em;
}

#oitava-filha3 p {
    font-size: 1.35vw;
    text-align: left;
    font-family: fonteIpanema;
    color: #FFF;
}

#oitava-filha3 h2 {
    text-align: justify;
    font-size: 2.3vw;
    font-family: fonteIpanema;
    color: #d0c17a;
}

#oitava-filha3 h3 {
    font-size: 1.5vw;
    color: #9f9261;
    font-family: fonteIpanemaBold;
    letter-spacing: 5px;
    margin-bottom: 2.5em
}

#oitava-filha4 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#oitavafilha5 h2 {
    font-size: 2.3vw;
    font-family: fonteIpanema;
    padding-bottom: 1.2em;
    color: #d0c17a;
}

#oitavafilha5 p {
    font-size: 1.45vw;
    text-align: center;
    font-family: fonteIpanema;
}



#nona-sessao {
    height: 45vw;
    background-image: url(../img/ipanema-img2.png);
}


#nona-sessao h3 {
    text-align: center;
    font-size: 1.8vw;
    font-family: fonteIpanemaRegular;
    color: #FFF;
}

#nona-sessao p {
    font-size: 1.45vw;
    text-align: center;
    font-family: fonteIpanemaItalic;
    margin: 0 auto;
    margin-top: 0px;
    width: 55%;
    color: #FFF;
    display: block;
    /* margin-top: 2vw; */
}


#decima-sessao h4 {
    text-align: center;
    font-size: 1.7vw;
    font-weight: 900;
    letter-spacing: 0.1em;
    font-family: fonteIpanemaRegular;
    color: #21472c;
}

#decima-sessao p {
    letter-spacing: 1.5px;
    font-size: 1.1vw;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    font-family: fonteIpanemaRegular;
    margin: 0 auto;
    display: block;
}


#decimaprimeira-sessao {
    height: 45vw;
    background-image: url(../img/coffee_cup.png);
    background-size: cover;
    padding: 0;
    border-bottom: 5px solid #d0c17a;
    text-align: center;
    color: #bca34d;
}

#decimaprimeira-sessao h3 {
    text-align: center;
    font-size: 1.8vw;
    color: #FFF;
    font-family: fonteIpanemaRegular;

}


#decimaprimeira-sessao p {
    font-size: 1.75vw;
    text-align: center;
    width: 46%;
    font-family: fonteIpanemaItalic;
    margin: 0 auto;
    color: #FFF;
    display: block;
}

#decimasegunda-sessaofilha {
    float: right
}

#decimasegunda-sessaofilha p {
    font-size: 1.5vw;
    font-family: fonteIpanemaRegular;
}

#decimasegunda-sessao {
    height: 40vw;
    text-align: -webkit-center;
    text-align: -moz-center
}


#img-story {
    width: 20%;
}


/* GABRIEL FOOTER */

#footer {
    height: 28vw;
    background-color: #211a11;
    font-family: fonteIpanema;
    border-top: 8px solid #d0c17a;
}

#footer-child {
    text-align: -webkit-center;
    text-align: -moz-center;
    font-family: fonteIpanema;
}

#footer h2 {
    color: #a5944e;
    font-size: 1.5vw;
    letter-spacing: 10px;
    font-family: fonteIpanema;
    font-weight: bold;
}

#footer ul {
    padding-left: 0 !important;
    margin: 1.8vw;
}

#footer li {
    display: inline;
    font-size: 0.9vw;
    letter-spacing: 4px;
    font-weight: bold;
    font-family: fonteIpanemaRegular;
}

#footer a {
    color: #FFF;
    text-decoration: none;
    font-size: 0.9vw;
    font-family: fonteIpanema;
}

#footer #ipanemaFooter {
    margin-top: 3vw;
}

.icons {
    width: 1.7vw;
    margin-right: 2.5vw;
}

#logo-ipanema {
    width: 6.5vw;
    margin: 2vw;
    display: block;
}


/* MEDIA QUERIES*/

/* Small */

@media(max-width:768px) and (max-width:1199px) {

    .nav-link {
        font-size: 4vw !important;
    }

    .tituloSessao {
        font-size: 6vw;
        line-height: 8vw;
    }

    #oitava-sessao #sessaoContainer {
        height: auto !important
    }

    #primeira-sessao p {
        font-size: 2.8vh !important;
    }

    #creatingConcept {
        height: 130vw !important
    }

    #segunda-filha h2 {
        font-size: 6vw;
    }

    #quarta-sessao h3 {
        font-size: 10vw !important;
    }

    #segunda-filha p {
        font-size: 4vw !important;
    }

    #quinta-filha1 h2,
    #quinta-filha2 h2,
    #oitava2b h2,
    #collections h2 {
        font-size: 4.8vw !important;
    }

    #oitava-filha2 p {
        text-align: center !important
    }

    #terceira-sessao {
        height: 120vw;
    }

    #terceira-filha p {
        width: 90%;
    }

    #quarta-sessao h3 {
        font-size: 10vw;
    }

    #quarta-sessao span {
        font-size: 8vw;
    }

    #quarta-sessao h4,
    #setima-filha2 h2 {
        font-size: 6.5vw;
    }

    .imagemMosaico {
        padding: 10px;
        height: 44vw;
    }


    #segunda-filha {
        width: 80%;
        height: 80%
    }

    #decimaprimeira-sessao,
    #diversity,
    #uniqueness,
    #nona-sessao {
        height: 140vw;
    }


    h3,
    #oitava-filha3 h2 {
        font-size: 3.5vw !important;
    }

    #sexta-filha1 p,
    #setima-filha1 p,
    #oitava-filha1 p,
    #nona-sessao p,
    #decimaprimeira-sessao p {
        width: 85%;
    }

    #primeira-sessao h1 {
        font-size: 1.8em;
    }

    #segunda-filha1 {
        height: 160vw
    }

    #oitavafilha5 h2 {
        font-size: 6.3vw;
        margin-top: 10vw;
        padding-bottom: 0.2em;
    }

    #textoLegacy {
        text-align: center;
        width: 100%;
    }

    #segunda-filha1 h2 {
        font-size: 6vw;
    }

    #innovation {
        height: 120vw;
    }

    #logoipanema {
        width: 15em !important
    }

    p {
        font-size: 3.5vw !important
    }

    #oitava-filha3 {
        padding-top: 2em;
        padding-bottom: 2em;
        text-align: center
    }

    #oitava-filha3 h2,
    #oitava-filha3 p {
        text-align: center;
    }

    #placeToVisit {
        width: 100%
    }

    #secaoHarmony {
        height: 40vw;
    }

    #decima-sessao h4 {
        font-size: 4.7vw !important;
        line-height: 7.4vw !important;
    }

    .imagemMosaico {
        height: 30vw !important
    }

    #secaoWaterFactory {
        height: 60vw
    }

    #oitava-filha2 {
        height: 100vw !important
    }

    #oitava1b {
        height: auto !important
    }

    #footer {
        height: 68vw;
    }

    #footer h2 {
        font-size: 3.5vw;
    }

    #footer ul {
        padding-left: 0 !important;
        margin: 1.8vw;
    }

    #footer a {
        font-size: 2.9vw;
    }

    .icons {
        width: 5.7vw;
    }

    #logo-ipanema {
        width: 18.5vw;
    }

    .navbar.navbar-toggleable-md.navbar-light.bg-faded.fixed-top {
        right: 0px !important
    }

}

/* Medium */

@media(min-width:768px) and (max-width:1199px) {
    .nav-link {
        font-size: 1vw !important;
    }

    .tituloSessao {
        font-size: 4vw;
        line-height: 8vw;
    }

    #sessaoMosaico p {
        font-size: 1.3vw !important
    }

    #oitava-sessao #sessaoContainer {
        height: 70vw !important
    }

    #primeira-sessao p {
        font-size: 1.4vh !important;
    }

    #creatingConcept {
        height: 70vw !important
    }

    #segunda-filha h2 {
        font-size: 3vw;
    }

    #quarta-sessao h3 {
        font-size: 5vw !important;
    }

    #segunda-filha p {
        font-size: 2vw !important;
    }

    #quinta-filha1 h2,
    #quinta-filha2 h2,
    #collections h2 {
        font-size: 2.8vw !important;
    }


    #oitava-filha2 p {
        text-align: left !important
    }

    #quinta-filha2 {
        margin-top: 2vh;
    }

    #terceira-sessao {
        height: 60vw;
    }

    #terceira-filha p {
        width: 60%;
    }

    #quarta-sessao h3 {
        font-size: 5vw;
    }

    #quarta-sessao span {
        font-size: 3vw;
    }

    #quarta-sessao h4 {
        font-size: 2vw
    }

    #setima-filha2 h2 {
        font-size: 3.5vw;
    }

    .imagemMosaico {
        padding: 10px;
        height: 30vw !important;
    }

    #decimasegunda-sessao,
    #decimaprimeira-sessao,
    #diversity,
    #uniqueness,
    #nona-sessao {
        height: 60vw !important;
    }

    h3,
    #oitava-filha3 h2 {
        font-size: 3.5vw !important;
    }

    #sexta-filha1 p,
    #setima-filha1 p,
    #oitava-filha1 p,
    #nona-sessao p,
    #decimaprimeira-sessao p {
        width: 55% !important;
    }

    #segunda-filha1 {
        height: 70vw
    }

    #oitavafilha5 h2 {
        font-size: 3.3vw;
        margin-top: 10vw;
        padding-bottom: 0.2em;
    }

    #textoLegacy {
        text-align: center;
        width: 100%;
    }

    #segunda-filha1 h2 {
        font-size: 3vw;
    }

    #innovation {
        height: 60vw;
    }

    #logoipanema {
        width: 15em !important
    }

    p {
        font-size: 2vw !important
    }

    #oitava-filha3 {
        padding-top: 2em;
        padding-bottom: 2em;
        text-align: center
    }

    #oitava-filha3 h2,
    #oitava-filha3 p {
        text-align: center;
    }

    #placeToVisit {
        width: 100%
    }

    #secaoHarmony {
        height: 30vw;
    }

    #decima-sessao h4 {
        font-size: 2vw !important;
        line-height: 3.4vw !important;
    }


    #secaoWaterFactory {
        height: 30vw
    }

    #quinta-filha p {
        width: 50%
    }

    #footer {
        height: 40vw;
    }

    #footer h2 {
        font-size: 2vw;
    }

    #footer ul {
        padding-left: 0 !important;
        margin: 1.8vw;
    }

    #footer a {
        font-size: 1vw;
    }

    .icons {
        width: 2.7vw;
    }

    #logo-ipanema {
        width: 10.5vw;
    }

    .navbar.navbar-toggleable-md.navbar-light.bg-faded.fixed-top {
        right: 0px !important
    }

}