.navbar-wraper {
    max-width: 1200px;
}

.navbar {
    background: transparent;
}

.header-wraper {
    max-width: 1400px;
    min-height: 200px;
}

header {
    background-image: url(images/header-no-logo.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 40vh;
    margin: auto;
}

.navbar {
    /* height: 100px; */
}

nav li {
    opacity: 1;
    transition: 0.3s;
}

nav li:hover {
    opacity: 0.7;
}

| .thumbnails-wraper {
    max-width: 1200px;
}

.suporte {
    text-decoration: underline !important;
}

.btn {
    min-width: 80px;
}

.btn-subscribe {
    color: #90A36B !important;
    background-color: transparent;
    border: solid 2px #90A36B;
    border-radius: 8px;
    font-size: small;
    font-weight: 600;
    transition: 0.3s;
}

.btn-subscribe:hover {
    background-color: #90A36B;
    border: solid 2px #90A36B;
    color: white!important;
}

.btn-login {
    color: #D2191E !important;
    background-color: transparent;
    border: solid 2px #D2191E;
    border-radius: 8px;
    font-size: small;
    font-weight: 600;
    transition: 0.3s;
}

.btn-login:hover {
    background-color: #D2191E;
    border: solid 2px #D2191E;
    color: white!important;
}

.bg-china-press {
    background-color: #D2191E;
    margin: 0;
    padding: 0;
}

.header-banner {
    margin: auto;
    width: 100%;
    height: auto;
    text-align: center;
}

.chinapress-banner {
    background-image: url(images/banner.jpg);
    background-size: cover;
    background-position: center center;
}

.newspaper-thumb {
    max-width: 200px;
    border: solid 1px #000;
    opacity: 1;
    transition: 0.3s;
}

.newspaper-thumb:hover {
    opacity: 0.7;
}

.thumbnail {
    /* width: 200px;
    height: 260px; */
    box-shadow: 0 4px 5.3px -35px rgba(0, 0, 0, 0.017), 0 11px 14.7px -35px rgba(0, 0, 0, 0.025), 0 26.5px 35.3px -35px rgba(0, 0, 0, 0.033), 0 88px 117px -35px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease-in-out;
    border-radius: 0px;
    border-style: solid;
    border-width: 4px;
    border-color: #EEE;
    width: 200px;
    /* width of container */
    height: 200px;
    /* height of container */
    object-fit: cover;
    object-position: 20% 0px;
    /* border: 5px solid black; */
    transition: 0.3s;
}

.thumbnail:hover {
    border-style: solid;
    border-width: 4px;
    border-color: #D2191E;
    box-shadow: 0 2.4px 2.3px -10px rgba(0, 0, 0, 0.048), 0 5.7px 5.5px -10px rgba(0, 0, 0, 0.069), 0 10.6px 10.4px -10px rgba(0, 0, 0, 0.085), 0 19px 18.5px -10px rgba(0, 0, 0, 0.101), 0 35.5px 34.7px -10px rgba(0, 0, 0, 0.122), 0 85px 83px -10px rgba(0, 0, 0, 0.17);
}


/* 
.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #000;
    color: #FFF;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #000;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #000;
} */

.pricing-buttons {
    opacity: 1;
    transition: 0.3s;
}

.pricing-buttons:hover {
    opacity: 0.7;
}

.signup-button {
    display: block;
    background-color: #D2191E;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 800;
    border-radius: 40px;
    border: solid 1px #EEE;
    width: 340px;
    padding: 20px;
    margin: auto;
    box-shadow: 1.9px 2.1px 3.6px rgba(0, 0, 0, 0.08), 5.4px 5.8px 10px rgba(0, 0, 0, 0.115), 13px 13.9px 24.1px rgba(0, 0, 0, 0.15), 43px 46px 80px rgba(0, 0, 0, 0.23);
}

.signup-button:hover {
    color: #000;
}

#searchbar {
    max-width: 50%;
    margin: auto;
}

ol {
    padding: 0;
}

#list {
    margin-top: 1em;
    max-width: 100%;
}

.publications {
    display: inline;
}

.newspaper-wraper {
    display: inline-block;
    margin: 10px;
    vertical-align: top;
}

.promo-badge {
    max-width: 50px !important;
    height: 50px !important;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 2;
}

.publication-overlay-gradient {
    position: absolute;
    text-align: center;
    font-size: 0.8em;
    font-weight: 600;
    color: #FFF;
    width: 263px;
    height: 80px;
    border-radius: 0px;
    margin: auto;
    bottom: 53px;
    left: 13px;
    padding: 6px 8px 6px 8px;
    opacity: 0.8;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.publications img {
    margin: 0.6em;
    width: 270px;
    height: 335px;
}

footer a {
    color: black;
}

@media only screen and (max-width: 1200px) {
    #list {
        max-width: 100%;
    }
}

@media only screen and (max-width: 900px) {
    .btn-subscribe {
        line-height: 40px;
        margin: 6px;
    }
    .btn-login {
        line-height: 40px;
        margin: 6px;
    }
    .bg-china-press {
        min-height: 150px;
    }
    .thumbnail {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 900px) {
    .bg-china-press {
        min-height: 110px;
    }
}

@media only screen and (max-width: 768px) {
    .btn-subscribe {
        line-height: 40px;
        margin: 6px;
    }
    .btn-login {
        line-height: 40px;
        margin: 6px;
    }
    .bg-china-press {
        min-height: 90px;
    }
    .publications img {
        height: 325px;
        margin: 0.1rem;
    }
    .publication-overlay-gradient {
        width: 100%;
        left: 0px;
        bottom: 40px;
    }
    .thumbnail {
        object-position: 0 0;
    }
}

@media only screen and (max-width: 600px) {
    .publications img {
        width: 180px;
        height: 280px;
    }
}