/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 599.98px){

    /* sessao principais eventos */
    .sessao-principais-eventos{
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        padding: 3em 0;
    }

    .sessao-principais-eventos .abriga-content{
        padding: 0;
    }

    .sessao-principais-eventos .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        text-align: center;
        font-weight: 700;
        color: white;
        margin: 0;
        padding: 0 1em 1.5em 1em;
    }

    .sessao-principais-eventos .abriga-content .abriga-box{
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item{
        padding: .5em;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em .5em;
        border-radius: 10px;

    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 3em;
        height: 3em;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .info-texto{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 500;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .info-texto strong{
        font-weight: 500;
    }


    /* sessao pacotes */
    .sessao-pacotes{
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: #f7f9fa;
    }

    .sessao-pacotes .abriga-content{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 1em;
    }

    .sessao-pacotes .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.4em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
    }

    .sessao-pacotes .abriga-content .sub-titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1em 0;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item{
        width: 100%;
        display: flex;
        padding: .5em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .5em;
        background-color: white;
        padding: 2em 1.5em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: #030f27;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 100%;
        height: 4em;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .info-texto{
        font-family: 'Roboto', sans-serif;
        font-size: 1.1em;
        font-weight: 400;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .info-texto strong{
        font-weight: 400;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .btn-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        border-radius: 25px;
        border: 1px solid #030f27;
        margin: .5em 0;
        padding: .5em 1.5em;
    }

    /* sessao faixa */
    .sessao-faixa{
        width: 100%;
        background-color: #f35c27;
        padding: 1.5em 0;
        display: flex;
        justify-content: center;
    }

    .sessao-faixa .abriga-content{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .sessao-faixa .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: white;
        margin: 0;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones{
        width: 95%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: .5em 0;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim{
        width: 80%;
        background-color: #030f27;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .5em;
        margin-bottom: 1.3em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim span{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-left: .2em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim picture{
        width: 30%;
        display: flex;
        align-items: center;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim img{
        max-width: 100%;
    }



    .sessao-faixa .abriga-content .abriga-telefones .btn-oi{
        width: 80%;
        background-color: white;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi span{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        color: #030f27;
        margin: 0;
        padding-left: .2em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi picture{
        width: 30%;
        display: flex;
        align-items: center;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi img{
        max-width: 100%;
    }


    /* sessao equipamentos */
    .sessao-equipamentos{
        width: 100%;
        background-image: url("../../../uploads/2019/10/equipamentos-para-djs-eventos-e-festas-em-fortaleza.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: center;
        padding: 2.5em 0;
    }

    .sessao-equipamentos .abriga-content{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .5em 1em;
    }

    .sessao-equipamentos .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: white;
        margin: 0;
        padding-bottom: 1.5em;
    }

    .sessao-equipamentos .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item{
        width: 40%;
        padding: .5em;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 1.5em;
        border-radius: 10px;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
    }

    /* sessao video */
    .sessao-video{
        width: 100%;
        margin: auto;
        padding: 2.5em 0;
    }

    .sessao-video .abriga-content{
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .5em 1em;
    }

    .sessao-video .abriga-info{
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .sessao-video .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 900;
        text-align: center;
        color: #f35c27;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-video .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 400;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-video .abriga-video{
        width: 90%;
        display: flex;
        flex-direction: column;
        padding: 1em 0;
    }

    .sessao-video .abriga-video video{
        max-width: 100%;
        -webkit-box-shadow: -10px 20px 0px 0px rgba(3,15,39,1);
        -moz-box-shadow: -10px 20px 0px 0px rgba(3,15,39,1);
        box-shadow: -10px 20px 0px 0px rgba(3,15,39,1);
    }

    /* sessao dj */
    .sessao-dj{
        width: 100%;
        margin: auto;
        padding: 2.5em 0;
        background-color: #030f27;
        display: flex;
        justify-content: center;
    }

    .sessao-dj .abriga-content{
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .5em 1em;
    }

    .sessao-dj .abriga-info{
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: .5em;
    }

    .sessao-dj .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.4em;
        text-align: center;
        font-weight: 900;
        color: white;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-dj .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        text-align: center;
        font-weight: 400;
        color: white;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-dj .abriga-imagem{
        width: 90%;
        display: flex;
        flex-direction: column;
        padding: .5em 2em;
    }

    .sessao-dj .abriga-imagem img{
        max-width: 100%;
    }

    .sessao-dj .abriga-imagem .imagem-dj{
        width: 100%;
        height: 60vh;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }

    /* sessao leve */
    .sessao-leve{
        width: 100%;
        margin: auto;
        padding: 2.5em 0;
        background-color: white;
        display: flex;
        justify-content: center;
    }

    .sessao-leve .abriga-content{
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .5em 1em;
    }

    .sessao-leve .abriga-info{
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: .5em;
        order: 2;
    }

    .sessao-leve .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 900;
        text-align: center;
        color: #030f27;
        margin: 0;
        padding-bottom: .5em;
    }

    .sessao-leve .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 400;
        text-align: center;
        color: #030f27;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-leve .abriga-imagem{
        width: 100%;
        display: flex;
        flex-direction: column;
        order: 1;
    }

    .sessao-leve .abriga-imagem img{
        max-width: 100%;
    }

    .sessao-leve .btn-destaque{
        width: -moz-fit-content;
        width: fit-content;
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: white;
        text-align: center;
        background-color: #f35c27;
        border-radius: 25px;
        padding: .5em 1.5em;
        margin: .5em auto;
    }


    /* footer site */
    .footer-site{
        width: 100%;
        background-color: #030f27;
        border-top: 10px solid #f35c27;
        display: flex;
        justify-content: center;
        padding: 2em 0;
    }

    .footer-site .container-footer{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .footer-site .abriga-logo{
        width: 80%;
        display: flex;
        justify-content: center;
    }

    .footer-site .abriga-logo .logo-footer{
        width: 90%;
        background-color: white;
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5em;
    }

    .footer-site .abriga-logo .logo-footer img{
        max-width: 100%;
    }

    .footer-site .abriga-info-empresa{
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em .5em;
    }

    .footer-site .abriga-info-empresa h6{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 500;
        color: white;
        margin: 0;
        padding: .2em;
    }

    .footer-site .abriga-info-empresa p, .footer-site .abriga-info-empresa address{
        display: flex;
        align-items: center;
        margin: 0;
        padding: .2em;
    }

    .footer-site .abriga-info-empresa p .icone-telefone{
        width: 1.5em;
        height: 1.5em;
        background-image: url("../../../uploads/2019/10/icone-telefone.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-info-empresa p .tel{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-left: .5em;
        text-align: center;
    }

    .footer-site .abriga-info-empresa address .icone-endereco{
        width: 1.5em;
        height: 1.5em;
        background-image: url("../../../uploads/2019/10/icone-endereco.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-info-empresa address .endereco{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        font-style: normal;
        color: white;
        margin: 0;
        padding-left: .5em;
        text-align: center;
    }

    .footer-site .abriga-social{
        width: 80%;
        display: flex;
    }

    .footer-site .abriga-social .social{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-site .abriga-social .social a{
        display: flex;
        margin: 0 .5em;
    }

    .footer-site .abriga-social .social a .icone-facebook{
        width: 2.5em;
        height: 2.5em;
        background-image: url("../../../uploads/2019/10/icone-facebook.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-social .social a .icone-instagram{
        width: 2.5em;
        height: 2.5em;
        background-image: url("../../../uploads/2019/10/icone-insta.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-social .social a .icone-twiter{
        width: 2.5em;
        height: 2.5em;
        background-image: url("../../../uploads/2019/10/icone-twiter.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    /* PARA VOCE */
    .sessao-servicos-especificos-faixa{
        width: 100%;
        background-color: #030f27;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos-faixa .faixa-info{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos-faixa .faixa-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        color: white;
        padding: 0 1em;
    }

    .sessao-servicos-especificos{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos .row-items{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 1.5em .5em;
    }

    .sessao-servicos-especificos .row-items .box-servico{
        width: calc(50% - 1.4em);
        display: flex;
        justify-content: center;
        padding: .7em;
    }

    .sessao-servicos-especificos .row-items .box-servico .box-item{
        width: 100%;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 700;
        color: #030f27;
        text-align: center;
        padding: 1em 1em;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);

    }

    /* Page Galleria */
    .sessao-galeria{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 4em;
    }

    .sessao-galeria h1{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        text-align: center;
        font-weight: 900;
        color: #030f27;
        margin: 0;
    }

    .sessao-galeria h2{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        color: #f35c27;
        margin: 0;
        padding: .2em 1em;
    }

    .sessao-galeria .box-videos{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2em 0;
    }

    .sessao-galeria .box-videos h3{
        text-align: center;
    }

    .sessao-galeria .box-videos .row-videos{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-galeria .box-videos .row-videos .box-item{
        width: calc(95% - 1em);
        padding: .5em;
    }

    .sessao-galeria .box-videos .row-videos .box-item .item{
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 5px;

    }

    .sessao-galeria .box-videos .row-videos .box-item .item video{
        max-width: 100%;
        border-radius: 5px;
    }

    /* sessao faixa youtube */
    .sessao-faixa-youtube{
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: red;
        padding: 2em 0;
    }

    .sessao-faixa-youtube .abriga-coteudo{
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sessao-faixa-youtube .abriga-coteudo .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.1em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-left: 1em;
        order: 2;
    }

    .sessao-faixa-youtube .abriga-coteudo .icone-youtube{
        width: 4em;
        height: 4em;
        background-image: url("../../../uploads/2019/10/icone-youtube.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        order: 1;
    }

    .developer-section{
        background-color: #030f27;
        width: 100%;
        border-top: 1px solid #808080;
        display: flex;
        justify-content: center;
        padding-top: .5em;
        padding-bottom: .5em;
    }

    .developer-section a{
        width: 30%;
        display: flex;
        justify-content: center;
    }

    .developer-section img{
        max-width: 100%;
    }



    /* FESTA PAGE */
    .sessao-como{
        width: 100%;
        margin: 0;
        padding-bottom: 3em;
    }

    .sessao-como .container-sessao{
        width: 90%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .sessao-como .abriga-conteudo{
        width: 100%;
        padding: 0 1em;
    }

    .sessao-como .abriga-midia{
        width: 100%;
        padding: 0 1em;
    }

    .sessao-como .abriga-conteudo .abriga-titulo .titulo{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        margin: 0;
        color: #030f27;
    }

    .sessao-como .abriga-conteudo .abriga-info .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 1em;
        margin: .5em 0;
        color: black;
    }

    /* slider videos */
    .sessao-como .box-videos{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2em 0;
    }

    .sessao-como .box-videos .row-videos{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .sessao-como .box-videos .row-videos .box-item{
        width: calc(100% - 1em);
        padding: .5em;
    }

    .sessao-como .box-videos .row-videos .box-item .item{
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 5px;

    }

    .sessao-como .box-videos .row-videos .box-item .item video{
        max-width: 100%;
        border-radius: 5px;
    }

    .sessao-como .abriga-botao{
        padding: 1em 0;
    }

    .sessao-como .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #f35c27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-como .abriga-botao .btn-orcamento img{
        max-width: 100%;
    }

    .sessao-como .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding-left: 1em;
    }


    .sessao-faixa-festa{
        width: 100%;
        background-color: #030f27;
        padding: 1.5em 0;
    }

    .sessao-faixa-festa .div-container{
        width: 100%;
        max-width: 1140px;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .sessao-faixa-festa .div-container .abriga-item{
        padding: 1em;
    }

    .sessao-faixa-festa .div-container .abriga-item .item{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sessao-faixa-festa .div-container .abriga-item .item img{
        width: 70px;
        height: 70px;
    }

    .sessao-faixa-festa .div-container .abriga-item .item .info{
        max-width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.5em;
        text-align: center;
        text-transform: uppercase;
        color: white;
        padding: .3em 1.5em;
    }


    /* sessao principais beneficios */
    .sessao-principais-beneficios{
        background-color: white;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: center;
        padding: 3em 0;
    }

    .sessao-principais-beneficios .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sessao-principais-beneficios .abriga-content .titulo{
        width: 95%;
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: #f35c27;
        margin: 0;
        padding: 1.5em 0;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item{
        width: 100%;
        padding: .5em;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .3em 1.5em;
        border-radius: 10px;
        transition: all .3s;
    }


    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 76px;
        height: 66px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
        transition: all .3s;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card:hover{
        background-color: #030f27;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card:hover .titulo-box{
        color: white;
    }

    .sessao-principais-beneficios .abriga-botao{
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1em 0;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #f35c27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento img{
        max-width: 100%;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding-left: 1em;
    }



    .sessao-pacotes .abriga-titulo{
        display: flex;
        justify-content: center;
        padding: 1.5em 0;
    }

    .sessao-pacotes .abriga-botao{
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1em 0;
    }

    .sessao-pacotes .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #030f27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding: .5em 1em;
    }

    .btn-whats-festa{
        position: fixed;
        width: 100%;
        height: 4em;
        display: flex;
        align-items: center;
        justify-content: center;

        bottom: 0;
        left: 0;

        background-color: #f35c27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    }

    .btn-whats-festa img{
        width: 36px;
        height: 36px;
    }

    .btn-whats-festa .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1em;
        text-transform: uppercase;
        color: white;
        padding: .5em 1em;
    }
    /* FIM FESTA PAGE */

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 767.98px){

    /* sessao principais eventos */
    .sessao-principais-eventos{
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        padding: 3em 0;
    }

    .sessao-principais-eventos .abriga-content{
        padding: 0;
    }

    .sessao-principais-eventos .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        text-align: center;
        font-weight: 700;
        color: white;
        margin: 0;
        padding: 0 1em 1.5em 1em;
    }

    .sessao-principais-eventos .abriga-content .abriga-box{
        width: 100%;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item{
        width: calc(50% - 1em);
        padding: .5em;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 1em;
        border-radius: 10px;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 3em;
        height: 3em;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .info-texto{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 500;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .info-texto strong{
        font-weight: 500;
    }


    /* sessao pacotes */
    .sessao-pacotes{
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: #f7f9fa;
    }

    .sessao-pacotes .abriga-content{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em .5em;
    }

    .sessao-pacotes .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.4em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
    }

    .sessao-pacotes .abriga-content .sub-titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1em 0;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item{
        width: 33%;
        display: flex;
        padding: .2em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .5em;
        background-color: white;
        padding: 2em 1.5em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: #030f27;
        margin: 0;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 100%;
        height: 4em;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .info-texto{
        font-family: 'Roboto', sans-serif;
        font-size: .9em;
        font-weight: 400;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .info-texto strong{
        font-weight: 400;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .btn-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        border-radius: 25px;
        border: 1px solid #030f27;
        margin: .5em 0;
        padding: .5em 1.5em;
    }

    /* sessao faixa */
    .sessao-faixa{
        width: 100%;
        background-color: #f35c27;
        padding: 1.5em 0;
        display: flex;
        justify-content: center;
    }

    .sessao-faixa .abriga-content{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .sessao-faixa .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: white;
        margin: 0;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones{
        width: 95%;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim{
        width: 43%;
        background-color: #030f27;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim span{
        font-family: 'Roboto', sans-serif;
        font-size: .8em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-left: .2em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim picture{
        width: 30%;
        display: flex;
        align-items: center;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim img{
        max-width: 100%;
    }



    .sessao-faixa .abriga-content .abriga-telefones .btn-oi{
        width: 43%;
        background-color: white;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi span{
        font-family: 'Roboto', sans-serif;
        font-size: .8em;
        font-weight: 700;
        color: #030f27;
        margin: 0;
        padding-left: .2em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi picture{
        width: 30%;
        display: flex;
        align-items: center;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi img{
        max-width: 100%;
    }


    /* sessao equipamentos */
    .sessao-equipamentos{
        width: 100%;
        background-image: url('../../../uploads/2019/09/alugar-equipamentos-para-festas-e-eventos-em-fortaleza.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: center;
        padding: 2.5em 0;
    }

    .sessao-equipamentos .abriga-content{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .5em 1em;
    }

    .sessao-equipamentos .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: white;
        margin: 0;
        padding-bottom: 1.5em;
    }

    .sessao-equipamentos .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item{
        width: 40%;
        padding: .5em;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 1.5em;
        border-radius: 10px;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
    }

    /* sessao video */
    .sessao-video{
        width: 100%;
        margin: auto;
        padding: 2.5em 0;
    }

    .sessao-video .abriga-content{
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .5em 1em;
    }

    .sessao-video .abriga-info{
        width: 80%;
        display: flex;
        flex-direction: column;
    }

    .sessao-video .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 900;
        text-align: center;
        color: #f35c27;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-video .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 400;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-video .abriga-video{
        width: 90%;
        display: flex;
        flex-direction: column;
        padding: 1em 0;
    }

    .sessao-video .abriga-video video{
        max-width: 100%;
    }

    /* sessao dj */
    .sessao-dj{
        width: 100%;
        margin: auto;
        padding: 2.5em 0;
        background-color: #030f27;
        display: flex;
        justify-content: center;
    }

    .sessao-dj .abriga-content{
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .5em 1em;
    }

    .sessao-dj .abriga-info{
        width: 80%;
        display: flex;
        flex-direction: column;
        padding: .5em;
    }

    .sessao-dj .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.4em;
        text-align: center;
        font-weight: 900;
        color: white;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-dj .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        text-align: center;
        font-weight: 400;
        color: white;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-dj .abriga-imagem{
        width: 90%;
        display: flex;
        flex-direction: column;
        padding: .5em 2em;
    }

    .sessao-dj .abriga-imagem img{
        max-width: 100%;
    }

    .sessao-dj .abriga-imagem .imagem-dj{
        width: 100%;
        height: 60vh;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }

    /* sessao leve */
    .sessao-leve{
        width: 100%;
        margin: auto;
        padding: 2.5em 0;
        background-color: white;
        display: flex;
        justify-content: center;
    }

    .sessao-leve .abriga-content{
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .5em 1em;
    }

    .sessao-leve .abriga-info{
        width: 80%;
        display: flex;
        flex-direction: column;
        padding: .5em;
        order: 2;
    }

    .sessao-leve .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 900;
        text-align: center;
        color: #030f27;
        margin: 0;
        padding-bottom: .5em;
    }

    .sessao-leve .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 400;
        text-align: center;
        color: #030f27;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-leve .abriga-imagem{
        width: 80%;
        display: flex;
        flex-direction: column;
        order: 1;
    }

    .sessao-leve .abriga-imagem img{
        max-width: 100%;
    }

    .sessao-leve .btn-destaque{
        width: -moz-fit-content;
        width: fit-content;
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: white;
        text-align: center;
        background-color: #f35c27;
        border-radius: 25px;
        padding: .5em 1.5em;
        margin: .5em auto;
    }


    /* footer site */
    .footer-site{
        width: 100%;
        background-color: #030f27;
        border-top: 10px solid #f35c27;
        display: flex;
        justify-content: center;
        padding: 2em 0;
    }

    .footer-site .container-footer{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .footer-site .abriga-logo{
        width: 80%;
        display: flex;
        justify-content: center;
    }

    .footer-site .abriga-logo .logo-footer{
        width: 50%;
        background-color: white;
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5em;
    }

    .footer-site .abriga-logo .logo-footer img{
        max-width: 100%;
    }

    .footer-site .abriga-info-empresa{
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em .5em;
    }

    .footer-site .abriga-info-empresa h6{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 500;
        color: white;
        margin: 0;
        padding: .2em;
    }

    .footer-site .abriga-info-empresa p, .footer-site .abriga-info-empresa address{
        display: flex;
        align-items: center;
        margin: 0;
        padding: .2em;
    }

    .footer-site .abriga-info-empresa p .icone-telefone{
        width: 1.5em;
        height: 1.5em;
        background-image: url("../../../uploads/2019/10/icone-telefone.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-info-empresa p .tel{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-left: .5em;
        text-align: center;
    }

    .footer-site .abriga-info-empresa address .icone-endereco{
        width: 1.5em;
        height: 1.5em;
        background-image: url("../../../uploads/2019/10/icone-endereco.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-info-empresa address .endereco{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        font-style: normal;
        color: white;
        margin: 0;
        padding-left: .5em;
        text-align: center;
    }

    .footer-site .abriga-social{
        width: 80%;
        display: flex;
    }

    .footer-site .abriga-social .social{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-site .abriga-social .social a{
        display: flex;
        padding: 0 .2em;
    }

    .footer-site .abriga-social .social a .icone-facebook{
        width: 2.5em;
        height: 2.5em;
        background-image: url("../../../uploads/2019/10/icone-facebook.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-social .social a .icone-instagram{
        width: 2.5em;
        height: 2.5em;
        background-image: url("../../../uploads/2019/10/icone-insta.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-social .social a .icone-twiter{
        width: 2.5em;
        height: 2.5em;
        background-image: url("../../../uploads/2019/10/icone-twiter.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    /* PARA VOCE */
    .sessao-servicos-especificos-faixa{
        width: 100%;
        background-color: #030f27;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos-faixa .faixa-info{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos-faixa .faixa-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        color: white;
        padding: 0 1em;
    }

    .sessao-servicos-especificos{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos .row-items{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 1.5em .5em;
    }

    .sessao-servicos-especificos .row-items .box-servico{
        width: calc(50% - 2em);
        display: flex;
        justify-content: center;
        padding: 1em;
    }

    .sessao-servicos-especificos .row-items .box-servico .box-item{
        width: 100%;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: .9em;
        font-weight: 700;
        color: #030f27;
        text-align: center;
        padding: 1em 1.5em;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    }


    /* Page Galleria */
    .sessao-galeria{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 4em;
    }

    .sessao-galeria h1{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        text-align: center;
        font-weight: 900;
        color: #030f27;
        margin: 0;
    }

    .sessao-galeria h2{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        color: #f35c27;
        margin: 0;
        padding: .2em 1em;
    }

    .sessao-galeria .box-videos{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2em 0;
    }

    .sessao-galeria .box-videos h3{
        text-align: center;
    }

    .sessao-galeria .box-videos .row-videos{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-galeria .box-videos .row-videos .box-item{
        width: calc(45% - 1em);
        padding: .5em;
    }

    .sessao-galeria .box-videos .row-videos .box-item .item{
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 5px;

    }

    .sessao-galeria .box-videos .row-videos .box-item .item video{
        max-width: 100%;
        border-radius: 5px;
    }

    /* sessao faixa youtube */
    .sessao-faixa-youtube{
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: red;
        padding: 2em 0;
    }

    .sessao-faixa-youtube .abriga-coteudo{
        width: 80%;
        max-width: 1140px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sessao-faixa-youtube .abriga-coteudo .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-right: 1em;
    }

    .sessao-faixa-youtube .abriga-coteudo .icone-youtube{
        width: 4em;
        height: 4em;
        background-image: url("../../../uploads/2019/10/icone-youtube.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .developer-section{
        background-color: #030f27;
        width: 100%;
        border-top: 1px solid #808080;
        display: flex;
        justify-content: center;
        padding-top: .5em;
        padding-bottom: .5em;
    }

    .developer-section a{
        width: 30%;
        display: flex;
        justify-content: center;
    }

    .developer-section img{
        max-width: 100%;
    }

    /* FESTA PAGE */
    .sessao-como{
        width: 100%;
        margin: 0;
        padding-bottom: 3em;
    }

    .sessao-como .container-sessao{
        width: 90%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .sessao-como .abriga-conteudo{
        width: 100%;
        padding: 0 1em;
    }

    .sessao-como .abriga-midia{
        width: 100%;
        padding: 0 1em;
    }

    .sessao-como .abriga-conteudo .abriga-titulo .titulo{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        margin: 0;
        color: #030f27;
    }

    .sessao-como .abriga-conteudo .abriga-info .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 1em;
        margin: .5em 0;
        color: black;
    }

    /* slider videos */
    .sessao-como .box-videos{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2em 0;
    }

    .sessao-como .box-videos .row-videos{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .sessao-como .box-videos .row-videos .box-item{
        width: calc(100% - 1em);
        padding: .5em;
    }

    .sessao-como .box-videos .row-videos .box-item .item{
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 5px;

    }

    .sessao-como .box-videos .row-videos .box-item .item video{
        max-width: 100%;
        border-radius: 5px;
    }

    .sessao-como .abriga-botao{
        padding: 1em 0;
    }

    .sessao-como .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #f35c27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-como .abriga-botao .btn-orcamento img{
        max-width: 100%;
    }

    .sessao-como .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding-left: 1em;
    }


    .sessao-faixa-festa{
        width: 100%;
        background-color: #030f27;
        padding: 1.5em 0;
    }

    .sessao-faixa-festa .div-container{
        width: 100%;
        max-width: 1140px;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .sessao-faixa-festa .div-container .abriga-item{
        padding: 1em;
    }

    .sessao-faixa-festa .div-container .abriga-item .item{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sessao-faixa-festa .div-container .abriga-item .item img{
        width: 70px;
        height: 70px;
    }

    .sessao-faixa-festa .div-container .abriga-item .item .info{
        max-width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.5em;
        text-align: center;
        text-transform: uppercase;
        color: white;
        padding: .3em 1.5em;
    }


    /* sessao principais beneficios */
    .sessao-principais-beneficios{
        background-color: white;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: center;
        padding: 3em 0;
    }

    .sessao-principais-beneficios .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sessao-principais-beneficios .abriga-content .titulo{
        width: 95%;
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: #f35c27;
        margin: 0;
        padding: 1.5em 0;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item{
        width: 100%;
        padding: .5em;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .3em 1.5em;
        border-radius: 10px;
        transition: all .3s;
    }


    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 76px;
        height: 66px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
        transition: all .3s;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card:hover{
        background-color: #030f27;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card:hover .titulo-box{
        color: white;
    }

    .sessao-principais-beneficios .abriga-botao{
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1em 0;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #f35c27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento img{
        max-width: 100%;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding-left: 1em;
    }



    .sessao-pacotes .abriga-titulo{
        display: flex;
        justify-content: center;
        padding: 1.5em 0;
    }

    .sessao-pacotes .abriga-botao{
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1em 0;
    }

    .sessao-pacotes .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #030f27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding: .5em 1em;
    }

    .btn-whats-festa{
        position: fixed;
        width: 100%;
        height: 4em;
        display: flex;
        align-items: center;
        justify-content: center;

        bottom: 0;
        left: 0;

        background-color: #00cc03;
        box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    }

    .btn-whats-festa .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding: .5em 1em;
    }
    /* FIM FESTA PAGE */

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991.98px){

    /* sessao principais eventos */
    .sessao-principais-eventos{
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        padding: 3em 0;
    }

    .sessao-principais-eventos .abriga-content{
        padding: 0;
    }

    .sessao-principais-eventos .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        text-align: center;
        font-weight: 700;
        color: white;
        margin: 0;
        padding: 0 1em 1.5em 1em;
    }

    .sessao-principais-eventos .abriga-content .abriga-box{
        width: 100%;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item{
        width: calc(50% - 1em);
        padding: .5em;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 1em;
        border-radius: 10px;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 3em;
        height: 3em;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .info-texto{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 500;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .info-texto strong{
        font-weight: 500;
    }


    /* sessao pacotes */
    .sessao-pacotes{
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: #f7f9fa;
    }

    .sessao-pacotes .abriga-content{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em .5em;
    }

    .sessao-pacotes .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.4em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
    }

    .sessao-pacotes .abriga-content .sub-titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1em 0;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item{
        width: 33%;
        display: flex;
        padding: .2em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .5em;
        background-color: white;
        padding: 2em 1.5em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: #030f27;
        margin: 0;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 100%;
        height: 4em;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .info-texto{
        font-family: 'Roboto', sans-serif;
        font-size: .9em;
        font-weight: 400;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .info-texto strong{
        font-weight: 400;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .btn-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        border-radius: 25px;
        border: 1px solid #030f27;
        margin: .5em 0;
        padding: .5em 1.5em;
    }

    /* sessao faixa */
    .sessao-faixa{
        width: 100%;
        background-color: #f35c27;
        padding: 1.5em 0;
        display: flex;
        justify-content: center;
    }

    .sessao-faixa .abriga-content{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .sessao-faixa .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: white;
        margin: 0;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones{
        width: 95%;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim{
        width: 43%;
        background-color: #030f27;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim span{
        font-family: 'Roboto', sans-serif;
        font-size: .8em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-left: .2em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim picture{
        width: 30%;
        display: flex;
        align-items: center;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim img{
        max-width: 100%;
    }



    .sessao-faixa .abriga-content .abriga-telefones .btn-oi{
        width: 43%;
        background-color: white;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi span{
        font-family: 'Roboto', sans-serif;
        font-size: .8em;
        font-weight: 700;
        color: #030f27;
        margin: 0;
        padding-left: .2em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi picture{
        width: 30%;
        display: flex;
        align-items: center;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi img{
        max-width: 100%;
    }


    /* sessao equipamentos */
    .sessao-equipamentos{
        width: 100%;
        background-image: url('../../../uploads/2019/09/alugar-equipamentos-para-festas-e-eventos-em-fortaleza.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: center;
        padding: 2.5em 0;
    }

    .sessao-equipamentos .abriga-content{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .5em 1em;
    }

    .sessao-equipamentos .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: white;
        margin: 0;
        padding-bottom: 1.5em;
    }

    .sessao-equipamentos .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item{
        width: 40%;
        padding: .5em;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 1.5em;
        border-radius: 10px;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
    }

    /* sessao video */
    .sessao-video{
        width: 100%;
        margin: auto;
        padding: 2.5em 0;
    }

    .sessao-video .abriga-content{
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .5em 1em;
    }

    .sessao-video .abriga-info{
        width: 80%;
        display: flex;
        flex-direction: column;
    }

    .sessao-video .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 900;
        text-align: center;
        color: #f35c27;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-video .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 400;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-video .abriga-video{
        width: 90%;
        display: flex;
        flex-direction: column;
        padding: 1em 0;
    }

    .sessao-video .abriga-video video{
        max-width: 100%;
    }

    /* sessao dj */
    .sessao-dj{
        width: 100%;
        margin: auto;
        padding: 2.5em 0;
        background-color: #030f27;
        display: flex;
        justify-content: center;
    }

    .sessao-dj .abriga-content{
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .5em 1em;
    }

    .sessao-dj .abriga-info{
        width: 80%;
        display: flex;
        flex-direction: column;
        padding: .5em;
    }

    .sessao-dj .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.4em;
        text-align: center;
        font-weight: 900;
        color: white;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-dj .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        text-align: center;
        font-weight: 400;
        color: white;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-dj .abriga-imagem{
        width: 60%;
        display: flex;
        flex-direction: column;
        padding: .5em 2em;
    }

    .sessao-dj .abriga-imagem img{
        max-width: 100%;
    }

    .sessao-dj .abriga-imagem .imagem-dj{
        width: 100%;
        height: 60vh;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }

    /* sessao leve */
    .sessao-leve{
        width: 100%;
        margin: auto;
        padding: 2.5em 0;
        background-color: white;
        display: flex;
        justify-content: center;
    }

    .sessao-leve .abriga-content{
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .5em 1em;
    }

    .sessao-leve .abriga-info{
        width: 80%;
        display: flex;
        flex-direction: column;
        padding: .5em;
        order: 2;
    }

    .sessao-leve .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 900;
        text-align: center;
        color: #030f27;
        margin: 0;
        padding-bottom: .5em;
    }

    .sessao-leve .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 400;
        text-align: center;
        color: #030f27;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-leve .abriga-imagem{
        width: 80%;
        display: flex;
        flex-direction: column;
        order: 1;
    }

    .sessao-leve .abriga-imagem img{
        max-width: 100%;
    }

    .sessao-leve .btn-destaque{
        width: -moz-fit-content;
        width: fit-content;
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: white;
        text-align: center;
        background-color: #f35c27;
        border-radius: 25px;
        padding: .5em 1.5em;
        margin: .5em auto;
    }


    /* footer site */
    .footer-site{
        width: 100%;
        background-color: #030f27;
        border-top: 10px solid #f35c27;
        display: flex;
        justify-content: center;
        padding: 2em 0;
    }

    .footer-site .container-footer{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 4em;
    }

    .footer-site .abriga-logo{
        width: 33%;
    }

    .footer-site .abriga-logo .logo-footer{
        width: 50%;
        background-color: white;
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5em;
    }

    .footer-site .abriga-logo .logo-footer img{
        max-width: 100%;
    }

    .footer-site .abriga-info-empresa{
        width: 33%;
        display: flex;
        flex-direction: column;
        padding: .5em;
    }

    .footer-site .abriga-info-empresa h6{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 500;
        color: white;
        margin: 0;
        padding: .2em;
    }

    .footer-site .abriga-info-empresa p, .footer-site .abriga-info-empresa address{
        display: flex;
        align-items: center;
        margin: 0;
        padding: .2em;
    }

    .footer-site .abriga-info-empresa p .icone-telefone{
        width: 1.5em;
        height: 1.5em;
        background-image: url("../../../uploads/2019/10/icone-telefone.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-info-empresa p .tel{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-left: .5em;
        text-align: center;
    }

    .footer-site .abriga-info-empresa address .icone-endereco{
        width: 1.5em;
        height: 1.5em;
        background-image: url("../../../uploads/2019/10/icone-endereco.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-info-empresa address .endereco{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        font-style: normal;
        color: white;
        margin: 0;
        padding-left: .5em;
        text-align: center;
    }

    .footer-site .abriga-social{
        width: 33%;
        display: flex;
    }

    .footer-site .abriga-social .social{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-site .abriga-social .social a{
        display: flex;
        padding: 0 .2em;
    }

    .footer-site .abriga-social .social a .icone-facebook{
        width: 2em;
        height: 2em;
        background-image: url("../../../uploads/2019/10/icone-facebook.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-social .social a .icone-instagram{
        width: 2em;
        height: 2em;
        background-image: url("../../../uploads/2019/10/icone-insta.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-social .social a .icone-twiter{
        width: 2em;
        height: 2em;
        background-image: url("../../../uploads/2019/10/icone-twiter.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    /* PARA VOCE */
    .sessao-servicos-especificos-faixa{
        width: 100%;
        background-color: #030f27;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos-faixa .faixa-info{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos-faixa .faixa-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        color: white;
        padding: 0 1em;
    }

    .sessao-servicos-especificos{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos .row-items{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 1.5em .5em;
    }

    .sessao-servicos-especificos .row-items .box-servico{
        width: calc(50% - 2em);
        display: flex;
        justify-content: center;
        padding: 1em;
    }

    .sessao-servicos-especificos .row-items .box-servico .box-item{
        width: 100%;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: .9em;
        font-weight: 700;
        color: #030f27;
        text-align: center;
        padding: 1em 2em;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    }

    /* Page Galleria */
    .sessao-galeria{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 4em;
    }

    .sessao-galeria h1{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        text-align: center;
        font-weight: 900;
        color: #030f27;
        margin: 0;
    }

    .sessao-galeria h2{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        color: #f35c27;
        margin: 0;
        padding: .2em 1em;
    }

    .sessao-galeria .box-videos{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2em 0;
    }

    .sessao-galeria .box-videos h3{
        text-align: center;
    }

    .sessao-galeria .box-videos .row-videos{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-galeria .box-videos .row-videos .box-item{
        width: calc(45% - 1em);
        padding: .5em;
    }

    .sessao-galeria .box-videos .row-videos .box-item .item{
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 5px;

    }

    .sessao-galeria .box-videos .row-videos .box-item .item video{
        max-width: 100%;
        border-radius: 5px;
    }

    /* sessao faixa youtube */
    .sessao-faixa-youtube{
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: red;
        padding: 2em 0;
    }

    .sessao-faixa-youtube .abriga-coteudo{
        width: 80%;
        max-width: 1140px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sessao-faixa-youtube .abriga-coteudo .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-right: 1em;
    }

    .sessao-faixa-youtube .abriga-coteudo .icone-youtube{
        width: 4em;
        height: 4em;
        background-image: url("../../../uploads/2019/10/icone-youtube.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .developer-section{
        background-color: #030f27;
        width: 100%;
        border-top: 1px solid #808080;
        display: flex;
        justify-content: center;
        padding-top: .5em;
        padding-bottom: .5em;
    }

    .developer-section a{
        width: 30%;
        display: flex;
        justify-content: center;
    }

    .developer-section img{
        max-width: 100%;
    }

    /* FESTA PAGE */
    .sessao-como{
        width: 100%;
        margin: 0;
        padding-bottom: 3em;
    }

    .sessao-como .container-sessao{
        width: 90%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .sessao-como .abriga-conteudo{
        width: 100%;
        padding: 0 1em;
    }

    .sessao-como .abriga-midia{
        width: 100%;
        padding: 0 1em;
    }

    .sessao-como .abriga-conteudo .abriga-titulo .titulo{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        margin: 0;
        color: #030f27;
    }

    .sessao-como .abriga-conteudo .abriga-info .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 1em;
        margin: .5em 0;
        color: black;
    }

    /* slider videos */
    .sessao-como .box-videos{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2em 0;
    }

    .sessao-como .box-videos .row-videos{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .sessao-como .box-videos .row-videos .box-item{
        width: calc(100% - 1em);
        padding: .5em;
    }

    .sessao-como .box-videos .row-videos .box-item .item{
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 5px;

    }

    .sessao-como .box-videos .row-videos .box-item .item video{
        max-width: 100%;
        border-radius: 5px;
    }

    .sessao-como .abriga-botao{
        padding: 1em 0;
    }

    .sessao-como .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #f35c27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-como .abriga-botao .btn-orcamento img{
        max-width: 100%;
    }

    .sessao-como .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding-left: 1em;
    }


    .sessao-faixa-festa{
        width: 100%;
        background-color: #030f27;
        padding: 1.5em 0;
    }

    .sessao-faixa-festa .div-container{
        width: 100%;
        max-width: 1140px;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .sessao-faixa-festa .div-container .abriga-item{
        padding: 1em;
    }

    .sessao-faixa-festa .div-container .abriga-item .item{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sessao-faixa-festa .div-container .abriga-item .item img{
        width: 70px;
        height: 70px;
    }

    .sessao-faixa-festa .div-container .abriga-item .item .info{
        max-width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.5em;
        text-align: center;
        text-transform: uppercase;
        color: white;
        padding: .3em 1.5em;
    }


    /* sessao principais beneficios */
    .sessao-principais-beneficios{
        background-color: white;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: center;
        padding: 3em 0;
    }

    .sessao-principais-beneficios .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sessao-principais-beneficios .abriga-content .titulo{
        width: 95%;
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: #f35c27;
        margin: 0;
        padding: 1.5em 0;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item{
        width: 100%;
        padding: .5em;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .3em 1.5em;
        border-radius: 10px;
        transition: all .3s;
    }


    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 76px;
        height: 66px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
        transition: all .3s;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card:hover{
        background-color: #030f27;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card:hover .titulo-box{
        color: white;
    }

    .sessao-principais-beneficios .abriga-botao{
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1em 0;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #f35c27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento img{
        max-width: 100%;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding-left: 1em;
    }



    .sessao-pacotes .abriga-titulo{
        display: flex;
        justify-content: center;
        padding: 1.5em 0;
    }

    .sessao-pacotes .abriga-botao{
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1em 0;
    }

    .sessao-pacotes .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #030f27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding: .5em 1em;
    }

    .btn-whats-festa{
        position: fixed;
        width: 100%;
        height: 4em;
        display: flex;
        align-items: center;
        justify-content: center;

        bottom: 0;
        left: 0;

        background-color: #00cc03;
        box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    }

    .btn-whats-festa .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding: .5em 1em;
    }
    /* FIM FESTA PAGE */

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199.98px){

    /* sessao principais eventos */
    .sessao-principais-eventos{
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: center;
        padding: 3em 0;
    }

    .sessao-principais-eventos .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sessao-principais-eventos .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 700;
        text-align: center;
        color: white;
        margin: 0;
        padding-bottom: 1.5em;
    }

    .sessao-principais-eventos .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item{
        width: 31%;
        padding: .5em;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 1.5em;
        border-radius: 10px;
        transition: all .3s;
    }



    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 3em;
        height: 3em;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
        transition: all .3s;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .info-texto{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 500;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
        transition: all .3s;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card:hover{
        background-color: #030f27;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card:hover .titulo-box{
        color: white;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card:hover .info-texto{
        color: white;
    }


    /* sessao pacotes */
    .sessao-pacotes{
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: #f7f9fa;
    }

    .sessao-pacotes .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 0;
    }

    .sessao-pacotes .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
    }

    .sessao-pacotes .abriga-content .sub-titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.9em;
        font-weight: 700;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item{
        width: 31%;
        display: flex;
        padding: .5em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .5em;
        background-color: white;
        padding: 2em 1.5em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: #030f27;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 100%;
        height: 4em;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .info-texto{
        font-family: 'Roboto', sans-serif;
        font-size: 1.1em;
        font-weight: 500;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .btn-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        border-radius: 25px;
        border: 1px solid #030f27;
        margin: .5em 0;
        padding: .5em 1.5em;
        transition: all .3s;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .btn-box:hover{
        color: white;
        background-color: #030f27;
    }

    /* sessao faixa */
    .sessao-faixa{
        width: 100%;
        background-color: #f35c27;
        padding: 1.5em 0;
        display: flex;
        justify-content: center;
    }

    .sessao-faixa .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sessao-faixa .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones{
        width: 30%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim{
        background-color: #030f27;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .5em;
        margin-bottom: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim span{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-left: 1em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim picture{
        width: 30%;
        display: flex;
        align-items: center;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim img{
        max-width: 100%;
    }



    .sessao-faixa .abriga-content .abriga-telefones .btn-oi{
        background-color: white;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi span{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 700;
        color: #030f27;
        margin: 0;
        padding-left: 1em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi picture{
        width: 30%;
        display: flex;
        align-items: center;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi img{
        max-width: 100%;
    }


    /* sessao equipamentos */
    .sessao-equipamentos{
        width: 100%;
        background-image: url('../../../uploads/2019/09/alugar-equipamentos-para-festas-e-eventos-em-fortaleza.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: center;
        padding: 5em 0;
    }

    .sessao-equipamentos .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sessao-equipamentos .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 700;
        text-align: center;
        color: white;
        margin: 0;
        padding-bottom: 1.5em;
    }

    .sessao-equipamentos .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item{
        width: 35%;
        padding: .5em;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 1.5em;
        border-radius: 10px;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
    }

    /* sessao video */
    .sessao-video{
        width: 100%;
        max-width: 1140px;
        margin: auto;
        padding: 5em 0;
    }

    .sessao-video .abriga-content{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sessao-video .abriga-info{
        width: 45%;
        display: flex;
        flex-direction: column;
        padding: .5em;
    }

    .sessao-video .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2.5em;
        font-weight: 900;
        color: #f35c27;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-video .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        color: #777777;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-video .abriga-video{
        width: 45%;
        display: flex;
        flex-direction: column;
        padding: .5em 2em;
    }

    .sessao-video .abriga-video video{
        width: 480px;
        height: 360px;
        -webkit-box-shadow: -20px 20px 0px 0px rgba(3,15,39,1);
        -moz-box-shadow: -20px 20px 0px 0px rgba(3,15,39,1);
        box-shadow: -20px 20px 0px 0px rgba(3,15,39,1);
    }

    /* sessao dj */
    .sessao-dj{
        width: 100%;
        margin: auto;
        padding: 5em 0;
        background-color: #030f27;
        display: flex;
        justify-content: center;
    }

    .sessao-dj .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sessao-dj .abriga-info{
        width: 45%;
        display: flex;
        flex-direction: column;
        padding: .5em;
    }

    .sessao-dj .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2.5em;
        font-weight: 900;
        color: white;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-dj .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-dj .abriga-imagem{
        width: 45%;
        display: flex;
        flex-direction: column;
        padding: .5em 2em;
    }

    .sessao-dj .abriga-imagem img{
        max-width: 100%;
    }

    .sessao-dj .abriga-imagem .imagem-dj{
        width: 100%;
        height: 40em;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;

    }

    /* sessao leve */
    .sessao-leve{
        width: 100%;
        margin: auto;
        padding: 5em 0;
        background-color: white;
        display: flex;
        justify-content: center;
    }

    .sessao-leve .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sessao-leve .abriga-info{
        width: 45%;
        display: flex;
        flex-direction: column;
        padding: .5em;
    }

    .sessao-leve .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2.5em;
        font-weight: 900;
        color: #030f27;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-leve .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        color: #030f27;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-leve .abriga-imagem{
        width: 45%;
        display: flex;
        flex-direction: column;
        padding: .5em 2em;
    }

    .sessao-leve .abriga-imagem img{
        max-width: 100%;
    }

    .sessao-leve .btn-destaque{
        width: -moz-fit-content;
        width: fit-content;
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: white;
        text-align: center;
        background-color: #f35c27;
        border-radius: 25px;
        padding: .5em 1.5em;
        margin: .5em auto;
    }


    /* footer site */
    .footer-site{
        width: 100%;
        background-color: #030f27;
        border-top: 10px solid #f35c27;
        display: flex;
        justify-content: center;
        padding: 2em 0;
    }

    .footer-site .container-footer{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 4em;
    }

    .footer-site .abriga-logo{
        width: 33%;
    }

    .footer-site .abriga-logo .logo-footer{
        width: 50%;
        background-color: white;
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5em;
    }

    .footer-site .abriga-logo .logo-footer img{
        max-width: 100%;
    }

    .footer-site .abriga-info-empresa{
        width: 33%;
        display: flex;
        flex-direction: column;
        padding: .5em;
    }

    .footer-site .abriga-info-empresa h6{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 500;
        color: white;
        margin: 0;
        padding: .2em;
    }

    .footer-site .abriga-info-empresa p, .footer-site .abriga-info-empresa address{
        display: flex;
        align-items: center;
        margin: 0;
        padding: .2em;
    }

    .footer-site .abriga-info-empresa p .icone-telefone{
        width: 1.5em;
        height: 1.5em;
        background-image: url("../../../uploads/2019/10/icone-telefone.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-info-empresa p .tel{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-left: .5em;
        text-align: center;
    }

    .footer-site .abriga-info-empresa address .icone-endereco{
        width: 1.5em;
        height: 1.5em;
        background-image: url("../../../uploads/2019/10/icone-endereco.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-info-empresa address .endereco{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        font-style: normal;
        color: white;
        margin: 0;
        padding-left: .5em;
        text-align: center;
    }

    .footer-site .abriga-social{
        width: 33%;
        display: flex;
    }

    .footer-site .abriga-social .social{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-site .abriga-social .social a{
        display: flex;
        padding: 0 .2em;
    }

    .footer-site .abriga-social .social a .icone-facebook{
        width: 2em;
        height: 2em;
        background-image: url("../../../uploads/2019/10/icone-facebook.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-social .social a .icone-instagram{
        width: 2em;
        height: 2em;
        background-image: url("../../../uploads/2019/10/icone-insta.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-social .social a .icone-twiter{
        width: 2em;
        height: 2em;
        background-image: url("../../../uploads/2019/10/icone-twiter.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    /* PARA VOCE */
    .sessao-servicos-especificos-faixa{
        width: 100%;
        background-color: #030f27;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos-faixa .faixa-info{
        width: 100%;
        max-width: 1140px;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos-faixa .faixa-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 900;
        text-align: center;
        color: white;
    }

    .sessao-servicos-especificos{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos .row-items{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-wrap: wrap;
        padding: 3em 0;
    }

    .sessao-servicos-especificos .row-items .box-servico{
        width: 31%;
        display: flex;
        justify-content: center;
        padding: .5em;
    }

    .sessao-servicos-especificos .row-items .box-servico .box-item{
        width: 100%;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: #030f27;
        text-align: center;
        padding: 1em .5em;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);

    }

    /* Page Galleria */
    .sessao-galeria{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 4em;
    }

    .sessao-galeria h1{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 900;
        color: #030f27;
        margin: 0;
    }

    .sessao-galeria h2{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: #f35c27;
        margin: 0;
    }

    .sessao-galeria .box-videos{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2em 0;
    }

    .sessao-galeria .box-videos .row-videos{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .sessao-galeria .box-videos .row-videos .box-item{
        width: calc(33% - 1em);
        padding: .5em;
    }

    .sessao-galeria .box-videos .row-videos .box-item .item{
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 5px;

    }

    .sessao-galeria .box-videos .row-videos .box-item .item video{
        max-width: 100%;
        border-radius: 5px;
    }

    /* sessao faixa youtube */
    .sessao-faixa-youtube{
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: red;
        padding: 2em 0;
    }

    .sessao-faixa-youtube .abriga-coteudo{
        width: 80%;
        max-width: 1140px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sessao-faixa-youtube .abriga-coteudo .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-right: 1em;
    }

    .sessao-faixa-youtube .abriga-coteudo .icone-youtube{
        width: 4em;
        height: 4em;
        background-image: url("../../../uploads/2019/10/icone-youtube.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .developer-section{
        background-color: #030f27;
        width: 100%;
        border-top: 1px solid #808080;
        display: flex;
        justify-content: center;
        padding-top: .5em;
        padding-bottom: .5em;
    }

    .developer-section a{
        width: 10%;
        display: flex;
        justify-content: center;
    }

    .developer-section img{
        max-width: 100%;
    }

    /* FESTA PAGE */
    .sessao-como{
        width: 100%;
        padding: 3em 0;
        margin: 0;
    }

    .sessao-como .container-sessao{
        width: 100%;
        max-width: 1140px;
        margin: auto;
        display: flex;
        align-items: center;

    }

    .sessao-como .abriga-conteudo{
        width: 50%;
        padding: 0 1em;
    }

    .sessao-como .abriga-midia{
        width: 50%;
        padding: 0 1em;
    }

    .sessao-como .abriga-conteudo .abriga-titulo .titulo{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 2em;
        margin: 0;
        color: #030f27;
    }

    .sessao-como .abriga-conteudo .abriga-info .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        margin: .5em 0;
        color: black;
    }

    /* slider videos */
    .sessao-como .box-videos{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2em 0;
    }

    .sessao-como .box-videos .row-videos{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .sessao-como .box-videos .row-videos .box-item{
        width: calc(100% - 1em);
        padding: .5em;
    }

    .sessao-como .box-videos .row-videos .box-item .item{
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 5px;

    }

    .sessao-como .box-videos .row-videos .box-item .item video{
        max-width: 100%;
        border-radius: 5px;
    }

    .sessao-como .abriga-botao{
        padding: 1em 0;
    }

    .sessao-como .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #f35c27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-como .abriga-botao .btn-orcamento img{
        max-width: 100%;
    }

    .sessao-como .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding-left: 1em;
    }


    .sessao-faixa-festa{
        width: 100%;
        background-color: #030f27;
    }

    .sessao-faixa-festa .div-container{
        width: 100%;
        max-width: 1140px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sessao-faixa-festa .div-container .abriga-item{
        padding: 1em;
    }

    .sessao-faixa-festa .div-container .abriga-item .item{
        display: flex;
        align-items: center;
    }

    .sessao-faixa-festa .div-container .abriga-item .item img{
        width: 70px;
        height: 70px;
    }

    .sessao-faixa-festa .div-container .abriga-item .item .info{
        max-width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1em;
        text-transform: uppercase;
        color: white;
        padding-left: 1em;
    }


    /* sessao principais beneficios */
    .sessao-principais-beneficios{
        background-color: white;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: center;
        padding: 3em 0;
    }

    .sessao-principais-beneficios .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sessao-principais-beneficios .abriga-content .titulo{
        width: 70%;
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: #f35c27;
        margin: 0;
        padding: 1.5em 2em;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item{
        width: 31%;
        padding: .5em;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 1.5em;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        transition: all .3s;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 230px;
        height: 200px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
        transition: all .3s;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card:hover{
        background-color: #030f27;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card:hover .titulo-box{
        color: white;
    }

    .sessao-principais-beneficios .abriga-botao{
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1em 0;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #f35c27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento img{
        max-width: 100%;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding-left: 1em;
    }



    .sessao-pacotes .abriga-titulo{
        display: flex;
        justify-content: center;
        padding: 1.5em 0;
    }

    .sessao-pacotes .abriga-botao{
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1em 0;
    }

    .sessao-pacotes .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #030f27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding: .5em 1em;
    }


    /* FIM FESTA PAGE */
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    /* sessao principais eventos */
    .sessao-principais-eventos{
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: center;
        padding: 3em 0;
    }

    .sessao-principais-eventos .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sessao-principais-eventos .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-bottom: 1.5em;
    }

    .sessao-principais-eventos .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item{
        width: 31%;
        padding: .5em;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 1.5em;
        border-radius: 10px;
        transition: all .3s;
    }



    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 3em;
        height: 3em;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
        transition: all .3s;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card .info-texto{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 500;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
        transition: all .3s;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card:hover{
        background-color: #030f27;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card:hover .titulo-box{
        color: white;
    }

    .sessao-principais-eventos .abriga-content .abriga-box .box-item .box-card:hover .info-texto{
        color: white;
    }


    /* sessao pacotes */
    .sessao-pacotes{
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: #f7f9fa;
    }

    .sessao-pacotes .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 0;
    }

    .sessao-pacotes .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
    }

    .sessao-pacotes .abriga-content .sub-titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.9em;
        font-weight: 700;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item{
        width: 31%;
        display: flex;
        padding: .5em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .5em;
        background-color: white;
        padding: 2em 1.5em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: #030f27;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 100%;
        height: 4em;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .info-texto{
        font-family: 'Roboto', sans-serif;
        font-size: 1.1em;
        font-weight: 500;
        text-align: center;
        color: #777777;
        margin: 0;
        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .btn-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        border-radius: 25px;
        border: 1px solid #030f27;
        margin: .5em 0;
        padding: .5em 1.5em;
        transition: all .3s;
    }

    .sessao-pacotes .abriga-content .abriga-box .box-item .box-card .btn-box:hover{
        color: white;
        background-color: #030f27;
    }

    /* sessao faixa */
    .sessao-faixa{
        width: 100%;
        background-color: #f35c27;
        padding: 1.5em 0;
        display: flex;
        justify-content: center;
    }

    .sessao-faixa .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sessao-faixa .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones{
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim{
        background-color: #030f27;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .5em;
        margin-bottom: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim span{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-left: 1em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim picture{
        width: 30%;
        display: flex;
        align-items: center;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-tim img{
        max-width: 100%;
    }



    .sessao-faixa .abriga-content .abriga-telefones .btn-oi{
        background-color: white;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .5em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi span{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 700;
        color: #030f27;
        margin: 0;
        padding-left: 1em;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi picture{
        width: 30%;
        display: flex;
        align-items: center;
    }

    .sessao-faixa .abriga-content .abriga-telefones .btn-oi img{
        max-width: 100%;
    }


    /* sessao equipamentos */
    .sessao-equipamentos{
        width: 100%;
        background-image: url('../../../uploads/2019/09/alugar-equipamentos-para-festas-e-eventos-em-fortaleza.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: center;
        padding: 5em 0;
    }

    .sessao-equipamentos .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sessao-equipamentos .abriga-content .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 700;
        text-align: center;
        color: white;
        margin: 0;
        padding-bottom: 1.5em;
    }

    .sessao-equipamentos .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item{
        width: 35%;
        padding: .5em;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 1.5em;
        border-radius: 10px;
    }

    .sessao-equipamentos .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
    }

    /* sessao video */
    .sessao-video{
        width: 100%;
        max-width: 1140px;
        margin: auto;
        padding: 5em 0;
    }

    .sessao-video .abriga-content{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sessao-video .abriga-info{
        width: 45%;
        display: flex;
        flex-direction: column;
        padding: .5em;
    }

    .sessao-video .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2.5em;
        font-weight: 900;
        color: #f35c27;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-video .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        color: #777777;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-video .abriga-video{
        width: 45%;
        display: flex;
        flex-direction: column;
        padding: .5em 2em;
    }

    .sessao-video .abriga-video video{
        width: 480px;
        height: 360px;
        -webkit-box-shadow: -20px 20px 0px 0px rgba(3,15,39,1);
        -moz-box-shadow: -20px 20px 0px 0px rgba(3,15,39,1);
        box-shadow: -20px 20px 0px 0px rgba(3,15,39,1);
    }

    /* sessao dj */
    .sessao-dj{
        width: 100%;
        margin: auto;
        padding: 5em 0;
        background-color: #030f27;
        display: flex;
        justify-content: center;
    }

    .sessao-dj .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sessao-dj .abriga-info{
        width: 45%;
        display: flex;
        flex-direction: column;
        padding: .5em;
    }

    .sessao-dj .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2.5em;
        font-weight: 900;
        color: white;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-dj .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-dj .abriga-imagem{
        width: 45%;
        display: flex;
        flex-direction: column;
        padding: .5em 2em;
    }

    .sessao-dj .abriga-imagem img{
         max-width: 100%;
     }

    .sessao-dj .abriga-imagem .imagem-dj{
        width: 100%;
        height: 40em;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }

    /* sessao leve */
    .sessao-leve{
        width: 100%;
        margin: auto;
        padding: 5em 0;
        background-color: white;
        display: flex;
        justify-content: center;
    }

    .sessao-leve .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sessao-leve .abriga-info{
        width: 45%;
        display: flex;
        flex-direction: column;
        padding: .5em;
    }

    .sessao-leve .abriga-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2.5em;
        font-weight: 900;
        color: #030f27;
        margin: 0;
        padding-bottom: 1em;
    }

    .sessao-leve .abriga-info p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        color: #030f27;
        margin: 0;
        padding: .5em 0;
    }

    .sessao-leve .abriga-imagem{
        width: 45%;
        display: flex;
        flex-direction: column;
        padding: .5em 2em;
    }

    .sessao-leve .abriga-imagem img{
        max-width: 100%;
    }

    .sessao-leve .btn-destaque{
        width: -moz-fit-content;
        width: fit-content;
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: white;
        text-align: center;
        background-color: #f35c27;
        border-radius: 25px;
        padding: .5em 1.5em;
        margin: .5em auto;
    }


    /* footer site */
    .footer-site{
        width: 100%;
        background-color: #030f27;
        border-top: 10px solid #f35c27;
        display: flex;
        justify-content: center;
        padding: 2em 0;
    }

    .footer-site .container-footer{
        width: 100%;
        max-width: 1140px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer-site .abriga-logo{
        width: 33%;
    }

    .footer-site .abriga-logo .logo-footer{
        width: 50%;
        background-color: white;
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5em;
    }

    .footer-site .abriga-logo .logo-footer img{
        max-width: 100%;
    }

    .footer-site .abriga-info-empresa{
        width: 33%;
        display: flex;
        flex-direction: column;
        padding: .5em;
    }

    .footer-site .abriga-info-empresa h6{
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        font-weight: 500;
        color: white;
        margin: 0;
        padding: .2em;
    }

    .footer-site .abriga-info-empresa p, .footer-site .abriga-info-empresa address{
        display: flex;
        align-items: center;
        margin: 0;
        padding: .2em;
    }

    .footer-site .abriga-info-empresa p .icone-telefone{
        width: 1.5em;
        height: 1.5em;
        background-image: url("../../../uploads/2019/10/icone-telefone.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-info-empresa p .tel{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-left: .5em;
        text-align: center;
    }

    .footer-site .abriga-info-empresa address .icone-endereco{
        width: 1.5em;
        height: 1.5em;
        background-image: url("../../../uploads/2019/10/icone-endereco.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-info-empresa address .endereco{
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        font-style: normal;
        color: white;
        margin: 0;
        padding-left: .5em;
        text-align: center;
    }

    .footer-site .abriga-social{
        width: 33%;
        display: flex;
    }

    .footer-site .abriga-social .social{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-site .abriga-social .social a{
        display: flex;
        margin: 0 .5em;
    }

    .footer-site .abriga-social .social a .icone-facebook{
        width: 3em;
        height: 3em;
        background-image: url("../../../uploads/2019/10/icone-facebook.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-social .social a .icone-instagram{
        width: 3em;
        height: 3em;
        background-image: url("../../../uploads/2019/10/icone-insta.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .footer-site .abriga-social .social a .icone-twiter{
        width: 3em;
        height: 3em;
        background-image: url("../../../uploads/2019/10/icone-twiter.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    /* PARA VOCE */
    .sessao-servicos-especificos-faixa{
        width: 100%;
        background-color: #030f27;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos-faixa .faixa-info{
        width: 100%;
        max-width: 1140px;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos-faixa .faixa-info .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 900;
        text-align: center;
        color: white;
    }

    .sessao-servicos-especificos{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sessao-servicos-especificos .row-items{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-wrap: wrap;
        padding: 3em 0;
    }

    .sessao-servicos-especificos .row-items .box-servico{
        width: 31%;
        display: flex;
        justify-content: center;
        padding: .5em;
    }

    .sessao-servicos-especificos .row-items .box-servico .box-item{
        width: 100%;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: #030f27;
        text-align: center;
        padding: 1em .5em;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);

    }


    /* Page Galleria */
    .sessao-galeria{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 4em;
    }

    .sessao-galeria h1{
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 900;
        color: #030f27;
        margin: 0;
    }

    .sessao-galeria h2{
        font-family: 'Roboto', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        color: #f35c27;
        margin: 0;
    }

    .sessao-galeria .box-videos{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2em 0;
    }

    .sessao-galeria .box-videos .row-videos{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .sessao-galeria .box-videos .row-videos .box-item{
        width: calc(33% - 1em);
        padding: .5em;
    }

    .sessao-galeria .box-videos .row-videos .box-item .item{
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 5px;

    }

    .sessao-galeria .box-videos .row-videos .box-item .item video{
        max-width: 100%;
        border-radius: 5px;
    }

    /* sessao faixa youtube */
    .sessao-faixa-youtube{
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: red;
        padding: 2em 0;
    }

    .sessao-faixa-youtube .abriga-coteudo{
        width: 100%;
        max-width: 1140px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sessao-faixa-youtube .abriga-coteudo .titulo{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        color: white;
        margin: 0;
        padding-right: 1em;
    }

    .sessao-faixa-youtube .abriga-coteudo .icone-youtube{
        width: 4em;
        height: 4em;
        background-image: url("../../../uploads/2019/10/icone-youtube.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .developer-section{
        background-color: #030f27;
        width: 100%;
        border-top: 1px solid #808080;
        display: flex;
        justify-content: center;
        padding-top: .5em;
        padding-bottom: .5em;

    }

    .developer-section a{
        width: 10%;
        display: flex;
        justify-content: center;
    }

    .developer-section img{
        max-width: 100%;
    }




    /* FESTA PAGE */
    .sessao-como{
        width: 100%;
        padding: 3em 0;
        margin: 0;
    }

    .sessao-como .container-sessao{
        width: 100%;
        max-width: 1140px;
        margin: auto;
        display: flex;
        align-items: center;

    }

    .sessao-como .abriga-conteudo{
        width: 50%;
        padding: 0 1em;
    }

    .sessao-como .abriga-midia{
        width: 50%;
        padding: 0 1em;
    }

    .sessao-como .abriga-conteudo .abriga-titulo .titulo{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 2em;
        margin: 0;
        color: #030f27;
    }

    .sessao-como .abriga-conteudo .abriga-info .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 1.3em;
        margin: .5em 0;
        color: black;
    }

    /* slider videos */
    .sessao-como .box-videos{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2em 0;
    }

    .sessao-como .box-videos .row-videos{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .sessao-como .box-videos .row-videos .box-item{
        width: calc(100% - 1em);
        padding: .5em;
    }

    .sessao-como .box-videos .row-videos .box-item .item{
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 5px;

    }

    .sessao-como .box-videos .row-videos .box-item .item video{
        max-width: 100%;
        border-radius: 5px;
    }

    .sessao-como .abriga-botao{
        padding: 1em 0;
    }

    .sessao-como .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #f35c27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-como .abriga-botao .btn-orcamento img{
        max-width: 100%;
    }

    .sessao-como .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding-left: 1em;
    }


    .sessao-faixa-festa{
        width: 100%;
        background-color: #030f27;
    }

    .sessao-faixa-festa .div-container{
        width: 100%;
        max-width: 1140px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sessao-faixa-festa .div-container .abriga-item{
        padding: 1em;
    }

    .sessao-faixa-festa .div-container .abriga-item .item{
        display: flex;
        align-items: center;
    }

    .sessao-faixa-festa .div-container .abriga-item .item img{
        width: 70px;
        height: 70px;
    }

    .sessao-faixa-festa .div-container .abriga-item .item .info{
        max-width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1em;
        text-transform: uppercase;
        color: white;
        padding-left: 1em;
    }


    /* sessao principais beneficios */
    .sessao-principais-beneficios{
        background-color: white;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: center;
        padding: 3em 0;
    }

    .sessao-principais-beneficios .abriga-content{
        width: 100%;
        max-width: 1140px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sessao-principais-beneficios .abriga-content .titulo{
        width: 70%;
        font-family: 'Roboto', sans-serif;
        font-size: 2em;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: #f35c27;
        margin: 0;
        padding: 1.5em 2em;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item{
        width: 31%;
        padding: .5em;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card{
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3em 1.5em;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        transition: all .3s;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card .imagem-box{
        width: 230px;
        height: 200px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card .titulo-box{
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
        color: #030f27;
        margin: 0;
        transition: all .3s;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card:hover{
        background-color: #030f27;
    }

    .sessao-principais-beneficios .abriga-content .abriga-box .box-item .box-card:hover .titulo-box{
        color: white;
    }

    .sessao-principais-beneficios .abriga-botao{
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1em 0;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #f35c27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento img{
        max-width: 100%;
    }

    .sessao-principais-beneficios .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding-left: 1em;
    }



    .sessao-pacotes .abriga-titulo{
        display: flex;
        justify-content: center;
        padding: 1.5em 0;
    }

    .sessao-pacotes .abriga-botao{
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1em 0;
    }

    .sessao-pacotes .abriga-botao .btn-orcamento{
        width: fit-content;
        width: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: #030f27;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        border-radius: 15px;

        padding: .5em 1em;
    }

    .sessao-pacotes .abriga-botao .btn-orcamento .info{
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: uppercase;
        color: white;
        padding: .5em 1em;
    }


    /* FIM FESTA PAGE */
}

.img-fluid{
    max-width: 100%;
}