.bg_f{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

.bg{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 1100px) {
}

/*IPAD HORIZONTAL*/
@media only screen and (max-width: 1024px) {
    .bg_f{
        background-attachment: scroll;
    }

    .deps .departamento{
        width: 50%;
        max-width: 50%;
    }

    .banner_txts h1{
        font-size: 20px;
        padding: 15px;
    }

    .banner_txts h2{
        font-size: 14px;
        padding: 0px 15px 15px 15px;
    }

    .banner_txt{
        padding: 15px;
        font-size: 14px;
    }

    .banner_logo{
        width: 15%;
        left: 15px;
        top: 15px;
    }
}

/*IPAD VERTICAL*/
@media only screen and (max-width: 768px) {
    .dep_in{
        margin: 15px;
        padding: 15px;
    }

    .wp_apresentacao{
        padding-top: 30px;
    }

    .apresentacao{
        margin: 0;
        padding: 50px;
    }

    .percurso_grafico{
        width: 60%;
    }

    .cartaz .cartaz_info,
    .cartaz .cartaz_img{
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .parceiros a{
        width: 20%;
    }
}

/* PHONES HORIZONTAL */
@media only screen and (max-width: 737px) {
    .deps .departamento{
        width: 100%;
        max-width: 100%;
    }
    .dep_in{
        margin: 15px 0px;
        padding: 15px;
    }

    .wp_pre,
    .wp_barra,
    .wp_menu{
        display: none;
    }

    .banner_cont{
        position: relative;
        width: auto;
        height: auto;
        display: block;
    }

    .banner_txts{
        display: block;
        position: relative;
    }

    .banner_cont .in{
        padding: 0;
    }
    .banner_txts h2 strong{
        display: block;
    }

    .banner_txts h1,
    .banner_txts h2{
        display: block;
    }

    .conts .conts_e,
    .conts .conts_d{
        width: 100%;
        max-width: 100%
    }

    .conts .conts_in{
        padding: 0;
    }

    main{
    }

    .m_top{
        display: block;
        position: relative;
        background: #0fb1bb;
        width: 100%;
        top: 0;
    }

    .m_logo img{
        width: 50px;
    }

    .m_logo{
        padding: 5px;
        display: block;
    }

    .m_menu_bt{
        padding: 15px;
    }

    .m_menu_bt img{
        width: 30px;
        height: 30px;
    }

    .m_nome{
        color: white;
        text-transform: uppercase;
    }

    .redes a{
        margin-bottom: 10px;
    }

    .parceiros a{
        width: 33.33%;
    }

    .m_drop_menu{
        background: #0fb1bb;
    }

    .m_menu_in{
        background: rgba(0,0,0,0.1);
    }

    .mob_bt{
        display: block;
        height: 50px;
        line-height: 50px;
        padding: 0px 20px;
        color: #fff;
        text-align: right;
    }

    .apresentacao{
        padding: 20px;
    }

    .apresentacao h2{
        font-size: 30px;
    }

    .apresentacao h3{
        font-weight: 700;
        font-size: 20px;
    }

    .apresentacao p{
        font-size: 16px;
        line-height: 25px;
        text-align: left;
    }

    .percurso{
        font-size: 0px;
    }

    .perc_data_info{
        font-size: 10px;
    }

    .percurso_grafico{
        display: block;
        position: relative;
        background: black;
        margin: 0;
        width: 100%;
        top: 0;
        left: 0;
    }

    .perc_img{
        background: transparent;
    }

    .perc_data_info_2{
        bottom: 5px;
    }

    .brevemente{
        font-size: 16px;
        line-height: 25px;
    }

    .cartaz_pag h1{
        font-size: 20px;
        font-weight: 700;
    }

    .contactos h1{
        font-size: 25px;
    }

    .wp_rp{
        font-size: 10px;
    }

    .wp_percursos.wp_redes span em{
        font-size: 16px;
        color:#0fb1bb;
        line-height: 40px;
    }
    .wp_percursos.wp_redes a{
        height:50px;
        line-height: 20px;
    }

/*    .mobile{
        display: block;
    }
    .desktop{
        display: none;
    }*/

}

/* PHONES HORIZONTAL */
@media only screen and (max-width: 425px) {
    .wp_percursos.wp_redes span em{
        line-height: 20px;
        height:50px;
    }

}
/* PHONES HORIZONTAL */
@media only screen and (max-width: 414px) {
    .tab{
        background: red;
    }
}