.mobile-on {
    display: none;
}

#intro {
    margin-top: 110px;
}

.intro-info {
    max-width: 690px;
    padding-left: 80px;
}

.cel-img {
    margin-top: 200px;
}

#intro-bred {
    background: linear-gradient(180deg, #ffffff 80%, #FFCA05 50%);
    height: 100vh !important;
}

.intro-text {
    padding-top: 17vh;
    margin-left: 7vw;
    text-align: justify;
    letter-spacing: -2px;
}

.intro-text-1 {
    font-size: 60px;
    color: black;

}

.intro-text-2 {
    font-size: 50px;
    color: black;
    font-weight: bold;
    margin-left: -7px;
}

.intro-text-3 {
    font-size: 45px;
    color: black;
    font-weight: bold;
    margin-left: -5px;
}

.intro-text h2 {
    font-weight: bold;
    color: #020202;
    line-height: 1.5;
    font-size: 40px;
}

.seja-um-franq {
    height: 25vh;
    position: absolute;
    bottom: 60px;
    left: 20vw;
}

.img-fluid {
    position: absolute;
    height: 65vh;
    bottom: 0;
    right: 0;
}

.yellow-card {
    background: #FFCA05;
    height: calc(100vh - 40px);
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.yellow-card img {
    max-width: 170px;
    height: auto;
    margin: 0 auto;
}

.yellow-card h1 {
    font-weight: bold;
    color: #020202;
    max-width: 80%;
    margin: 20px auto;
}

.aspas {
    font-size: 8vh;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.logos-sobre {
    width: 90%;
    height: auto;
    margin-bottom: 15px;
}

.container-produtos,
.container-padrao {
    margin-right: 100px;
    margin-left: 100px;
}

.product img {
    display: block;
    height: 25vh;
    margin: auto;
}

#padrao-vis .product img {
    height: auto;
}

.itens-prod {
    margin-top: 10vh;
}

.itens-prod h3 {
    font-weight: bold;
    color: #020202;
    font-size: 4vh;
}

.itens-prod p {
    font-weight: 600;
    color: #020202;
    font-size: 15px;
}

.product-last img {
    padding-left: 4vh;
}

.text-sobre {
    padding: 0 40px;
    margin-top: auto;
}

.sobre-black {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 25vh;
    background-color: #020202;
    text-align: center;
    margin-left: -15px;
    margin-top: auto;
    color: #fff;
}

.sobre-black p {
    margin: auto 80px;
}

span {
    color: #FFCA05;
    font-weight: bold;
}

.header-yellow {
    color: #FFCA05;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 6vh;
}

#padrao-vis .header-yellow {
    padding-top: 10vh;
}

#devo-investir {
    background: #FFCA05;
    padding: 15vh 0;
}

#devo-investir img {
    max-width: 100%;
    padding: 0px 4vh;
}

#devo-investir h2 {
    font-weight: bold;
    font-size: 5.5vh;
    color: #020202;
    text-align: center;
    max-width: 70%;
    margin: 30px auto;
}

.faca-img {
    width: 100%;
    height: 100vh;
    display: block;
    margin: auto;
    object-fit: cover;
    margin-left: 0em !important
}

#faca-sua-parte .col-md-6 {
    padding: 0px;
}

.col-faca {
    padding-right: 15px !important;
}

#faca-sua-parte h1 {
    color: #FFCA05;
    font-weight: bold;
    font-size: 7.5vh;
    text-align: end;
    padding-top: 15vh;
}

#faca-sua-parte p {
    color: #020202;
    text-align: end;
    font-size: 2.5vh;
}

.logo-capa {
    display: block;
    max-width: 300px !important;
    height: auto !important;
    margin-left: auto;
    margin-right: 0;
    margin-top: 5vh;
}

#padrao-vis {
    padding: 60px 0 40px 0;
    background: linear-gradient(180deg, #020202 71%, #ffffff 50%);
}

.padrao-visual-p {
    max-width: 70%;
    text-align: center;
    color: #fff;
    margin: auto;
    font-size: 2.3vh;
    padding-bottom: 8vh;
}

.shirts {
    margin-top: 8vh;
}

.yellow-bg {
    background: #FFCA05;
    height: calc(100vh - 40px);
}

.about-content {
    height: calc(100vh - 40px);
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.yellow-bg h1 {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 7.5vh;
    text-align: end;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    padding-right: 30px;
}

.escolha-2 {
    padding: 20px 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: calc(100vh - 30px);
}

.escolha-2 h3 {
    color: #FFCA05;
    font-weight: bold;
    font-size: 3.5vh;
    margin: 0;
}

.escolha-2 p {
    font-size: 1.8vh;
    color: #020202;
}

section {
    height: calc(100vh - 40px);
    position: relative;
}

#padrao-vis {
    height: calc(100vh - 25px);
}

#franquias,
#franquias-2 {
    padding-top: 120px;
    height: 100%;
    margin-bottom: -5px;
}

#franquias .col-md-6,
#franquias-2 .col-md-6 {
    padding: 0px;
    padding-left: -15px !important;
    padding-right: -15px !important;
}

.franquia-img-1 {
    padding-top: 3px !important;
}

.bred-group {
    font-size: 24px;
}

.franquia-img {
    width: 100%;
    object-fit: cover;
    display: block;
    margin-left: auto;
    height: 84vh;
}

.ballon-franquia {
    position: absolute;
    max-height: 80px;
    top: -60px;
}

.ballon-franquia-left {
    left: 130px;
}

.ballon-franquia-right {
    right: 130px;
}

.passos-img {
    width: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
}

#gostou {
    height: calc(100vh - 40px);
    position: relative;
    display: block;
    background-color: #020202;
    text-align: center;
}

#gostou h1 {
    font-size: 9.5vh;
    color: #FFCA05;
    font-weight: bold;
    margin-top: 25vh;
}

#gostou p {
    color: #ffffff;
    font-weight: bold;
    font-size: 3.3vh;
}

#gostou .text {
    margin-top: 15vh;
}

.owl-h3 {
    font-size: 21px;
    color: white;
}

.owl-p {
    font-size: 11px;
    color: white;
}

#passos {
    height: calc(100vh - 40px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFCA05;
}

.passos-bal {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#passos img {
    max-width: 80%;
}

.passos-p {
    font-size: 2em;
    color: black;
    text-align: center;
    padding-top: 30px;
}

.copy {
    padding: 30px 0px 0px 0px;
    background: #020202;
    color: white;
    border-top: #FFCA05 solid 15px;
}

.fale-conosco {
    font-size: 18px;
    color: #FFCA05;
}

.row-info {
    margin-top: 0.5em;
}

.form-group {
    margin-top: 2em;

}

.title-form {
    color: #FFCA05;
    font-size: 36px;
    letter-spacing: -2px;
}

.subtitle-form {
    color: black;
    margin-bottom: -1em;
}

.btn-send {
    background-color: black;
    color: #FFCA05
}

.btn-send:hover {
    background-color: #FFCA05;
    color: white;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
    background: black;
    border: 1px solid black;
    width: 35%;
    padding: 6px 0;
    text-align: center;
    color: #FFCA05;
    transition: 0.3s;
    cursor: pointer;
}

.investimentos {
    margin-left: auto;
    margin-right: auto;
    display: inline-block
}

.selo {
    background-image: url('../img/selo1.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    float: right;
    position: absolute;
    right: 3em;
    width: 14em;
    top: 2em;
}

.selo:hover {
    background-image: url('../img/selo.png');
}


.invest {
    margin-top: 0.5em;
    font-size: 40px;
    position: absolute;
    text-align: center;
    z-index: 10;
}

.first-subtitle {
    margin-top: -2em;
}

.security-title {
    color: red;
    margin-top: -2.5em;
    font-size: 12px;
}

.form-last {
    margin-bottom: 2em;
}

.text-center {
    margin-top: 2em;
}

.icons {
    max-width: 32px;
    margin-right: 10px;
}

.footer-right {
    display: block;
    margin-left: auto;
}

#mapa-pin {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: black;
    min-height: calc(100vh - 40px);
}

#mapa-pin img {
    max-width: 115%;
}

.map-right {
    padding-left: 45px;
}

.map-texts h1 {
    padding-top: 50px;
    width: 100%;
    text-align: center;
    color: black;
    font-weight: bold;
}

.map-texts h3 {
    text-align: center;
    color: #FFCA05;
    font-weight: bold;
}

.mapa-pin-h1 {
    padding: 30px 0px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: black;
}

.logo-bred-white {
    width: 280px;
    margin-right: 15px;
}

.l-bred{
    max-height: 20%;
}