body {
    padding-top: 50px;
    padding-bottom: 20px;
}

a.item-menu:hover,
.btn-sair:hover{
    color: pink !important;
}

.txtPesquisa {
    position: absolute;
    margin-top: 300px;
    width: 1200px;
}

.btn-sair {
    margin-top: 20px;
    font-size: 15px;
    color: white !important;
}

    .btn-sair:hover {
        color: white;
        text-decoration: none;
    }

.list-social-medias {
    display: inline-flex;
    list-style: none;
}

    .list-social-medias li {
        padding-left: 10px;
    }

        .list-social-medias li a {
            font-size: 14px;
            cursor: pointer;
            padding: 10px;
            background-color: red;
            border-radius: 24px;
        }

            .list-social-medias li a i {
                color: white;
            }

.navbar-nav .item-menu {
    color: white !important;
    font-size: 20px;
}

.navbar-nav {
    margin-top: 13px !important;
}

.navbar {
    min-height: 75px;
}

.banner-pagina {
    margin-top: 25px;
}

.banner-pagina-arte {
    display: none;
}

.banner-pagina-restauro {
    display: none;
}

.banner-pagina-capa {
    display: none;
}

    .banner-pagina-capa img {        
        width: 100%;
        height: 500px;
        object-fit: cover;
    }

.navbar-inverse {
    background-color: #AC0D12 !important;
}

.titulo-anterior {
    color: red;
    font-weight: 700;
}

.jumbotron {
    background-image: url(../Img/capa-blog.png);
    background-size: 103%;
    background-repeat: no-repeat;
    color: white;
}

    .jumbotron p, .jumbotron h1 {
        text-shadow: 0px 3px 3px red;
    }



.logo {
    width: 70px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 40px;
}

.titulo-pagina {
    position: absolute;
    text-align: center;
    width: 100%;
    font-weight: 700;
    font-size: 65px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 100px;
    text-shadow: 0px 3px 3px red;
    color: white;
}

.titulo-pagina-xs {
    position: absolute;
    text-align: center;
    width: 100%;
    font-weight: 700;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 200px;
    text-shadow: 0px 3px 3px red;
    color: white;
}

.titulo-pagina-capa {
    position: absolute;
    text-align: center;
    width: 100%;
    font-weight: 700;
    font-size: 50px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 100px;
    text-shadow: 0px 3px 3px red;
    color: white;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

@media screen and (max-width:768px) {
    .jumbotron {
        background-image: url(../Img/capa-blog-mobile.png);
    }

    .titulo-pagina-xs {
        position: absolute;
        text-align: center;
        width: 100%;
        font-weight: 700;
        font-size: 20px;
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 200px;
        text-shadow: 0px 3px 3px red;
        color: white;
    }

    .titulo-pagina-capa {
        position: absolute;
        text-align: center;
        width: 100%;
        font-weight: 700;
        font-size: 35px;
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 60px;
        text-shadow: 0px 3px 3px red;
        color: white;
    }

    .titulo-pagina {
        font-size: 47px;
    }
}

@media screen and (min-width: 1300px) {
    .txtPesquisa {
        position: absolute;
        margin-top: 300px;
        width: 1200px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1299px) {
    .txtPesquisa {        
        width: 1100px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .txtPesquisa {
        width: 900px;
    }
}


@media screen and (min-width: 769px) and (max-width: 991px) {
    .txtPesquisa {
        width: 700px;
    }
}

@media screen and (max-width: 768px) {
    .txtPesquisa {
        width: 88%;
        right: 20px;
    }
}