.meuPortfolio .row {
    margin-left: 0;
    margin-right: 0;
}

.meuPortfolio .navbar-brand {
    margin-left: auto;
    margin-right: auto;
    font-size: 26px;
    color: #000;
}

#press-container {
    margin-top: 30px;
}

.button-news-and-events {
    margin-top: auto;
}

@media screen and (max-width: 575px) {
    .meuPortfolio .navbar-brand {
        font-size: 20px;
    }
}

/* ============ Menu ============ */
div.meuPortfolio {
    display: none;
}

@media screen and (max-width: 991px) {
    div.meuPortfolio {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding: 10px 16px 16px;
        background-color: #fff !important;
    }

    /* === Position === */
    button.btn.fil-cat {
        width: 100%;
        border-radius: 0;
        font-size: 12px;
        border-top-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 1px;
        border-color: #fff;
    }

    #press-container {
        margin-top: 15px;
    }

    .button-news-and-events {
        margin-top: 15px;
    }
}

div.toolbar.mb2.mt2.padding-b-25 {
    background-color: #00a8e1;
}

/* ==========================================================================
Menu NOVIDADES & EVENTOS
========================================================================== */

/* === Retirar Titulo === */
div.jumbotron-topbar {
    margin-top: 85px;
}

@media screen and (max-width: 991px) {
    div.jumbotron-topbar {
        display: none;
    }
}

/* ==========================================================================
Background color
========================================================================== */

/* ==========================================================================
Menu "NOVIDADES & EVENTOS"
========================================================================== */
/* ====== Button of the actions carried out ====== */
div.col button {
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1em;
    color: #000000;
    font-size: inherit;
    font-weight: 700;
    position: relative;
    vertical-align: middle;
    border-radius: 0;
    font-family: robotobold;
}

button::before,
button::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    content: '';
    position: absolute;
    /*    width: 100%;
      height: 100%;*/
}

/* ==========================================================================
Content of the "Novidades e Eventos"
========================================================================== */
/* ====== Align Images and Text ====== */
div.tile.col-md-4.col-sm-6.col-xs-12.scale-anm.fairs,
div.tile.col-md-4.col-sm-6.col-xs-12.scale-anm.press,
div.tile.col-md-4.col-sm-6.col-xs-12.scale-anm.others {
    padding-top: 15px;
    padding-bottom: 15px;
}

.thumbnail_news_events {
    width: 100%;
    margin-bottom: 0px;
}

@media screen and (min-width: 300px) and (max-width: 575px) {
    .thumbnail_news_events {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ====== Aligned and Filled Images ====== */

.row #press .tile img {
    max-width: 100%;
    max-height: 100%;
}

/* ====== Center Image (interplas) ====== */
.thumbnail_news_events img {
    margin-top: 0px;
}

@media screen and (min-width: 575px) and (max-width: 767px) {
    .thumbnail_news_events img {
        margin-top: 30px;
    }
}

/* ========= Body of Titles ========= */
div.press_body_text {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 30px;
}

@media screen and (min-width: 300px) and (max-width: 575px) {
    div.press_body_text {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* === Categories === */
a.btn.fil-cat.draw.meet {
    padding: 0;
    border-width: 0;
    font-size: 10px;
}

.row #press .tile p.press_category {
    display: inline-block;
    color: #00a8e1;
    position: relative;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-left: 0;
    margin-bottom: 5px;
}

/* === Title === */
.row #press .tile p.press_title {
    z-index: 198;
    width: 100%;
    min-height: 10px;
    background-color: transparent;
    line-height: 25px;
    color: #000;
    position: relative;
    margin-right: -10000px;
    font-size: 20px;
    margin-bottom: 5px;
    text-align: left;
    font-family: robotobold;
}

/* === Date === */
.row #press .tile p.press_date {
    color: #aaa;
    font-size: 10px;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* ==========================================================================
Others
========================================================================== */
/* ====== Content appears and disappears slowly ====== */
.tile {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.scale-anm {
    transform: scale(1);
}

/* Retirar Decoration */
a:hover {
    text-decoration: none;
}

/* ==========================================================================
Older Posts >>
========================================================================== */
/*
.control_page {
    width: 100%;
}

@media screen and (min-width: 991px) and (max-width:1200px) {
    .control_page {
        width: 100%;
    }
}

@media screen and (min-width: 767px) and (max-width:991px) {
    .control_page {
        width: 100%;
    }
}

@media screen and (min-width: 575px) and (max-width:767px) {
    .control_page {
        width: 100%;
    }
}

@media screen and (min-width: 300px) and (max-width:575px) {
    .control_page {
        width: 100%;
    }
}



.pagination {
    overflow: hidden;
    width: 1140px;
    margin-top: 20px;
    margin-bottom: 50px;
}

@media screen and (min-width: 991px) and (max-width:1200px) {
    .pagination {
        width: 100%;
    }
}

@media screen and (min-width: 767px) and (max-width:991px) {
    .pagination {
        width: 100%;
    }
}

@media screen and (min-width: 575px) and (max-width:767px) {
    .pagination {
        width: 100%;
    }
}

@media screen and (min-width: 300px) and (max-width:575px) {
    .pagination {
        width: 100%;
    }
}



div.older {
    margin-left: 85%;
}

@media screen and (min-width: 991px) and (max-width:1200px) {
    div.older {
        margin-left: 82%;
    }
}

@media screen and (min-width: 767px) and (max-width:991px) {
    div.older {
        margin-left: 76%;
    }
}

@media screen and (min-width: 575px) and (max-width:767px) {
    div.older {
        margin-left: 68%;
    }
}

@media screen and (min-width: 300px) and (max-width:575px) {
    div.older {
        margin-left: 33%;
    }
}


.pagination a {
    width: 169px;
    height: 38px;
    display: inline-block;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 10px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    color: #000;
    text-decoration: none;
    padding: 11px 20px;
    border: 1px solid #00A8E1;
    border-radius: 20px;
}

div.older i.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-width: 0;
    width: 7px;
    height: 9px;
}

.pagination a:hover {
    background-color: #00A8E1;
    color: #fff;
}
*/

/* Corretion error button X (Closer) */
/*
button.close::before, button.close::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 0%;
    height: 0%;
}
*/
