/* -------------- content-twitter -------------- */

.content-twitter .grey{
    margin-bottom: 0;
}
.content-twitter{
    font:300 26px/38px 'Roboto',sans-serif;
    overflow: hidden;
}
.content-twitter .item-twit:hover{
    opacity:1;
}
.content-twitter .item-twit{
    background-color: #262626;
    color:#a3a3a3;
    border: 1px solid #000;
    border-bottom: none;
    opacity:0.6;
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
    overflow: hidden;
}
.content-twitter h1 {
    font: 100 52px/51px 'Roboto', sans-serif;
    padding: 18px 0;
}

.item-twit .content__item{
    padding: 30px;
    height: 505px;
    position: relative;
}
.content-twitter p{
    font:100 32px/42px 'Roboto',sans-serif;
    padding: 20px 0;
}
.content-twitter p span,
.content-twitter p a,
.content-twitter .twit-author a {
    color:#fff;
    text-decoration: none;
}
.content-twitter .twit-author{
    color:#fff;
    position: absolute;
    bottom: 30px;
    left: 30px;
    display: inline-block;
    padding-left: 60px;
    line-height: 55px;
    background: url("../img/logo-for-twit.png")  no-repeat left center ;
}
.twit-btn img{
    vertical-align: top;
}
.twit-btn{
    display: inline-block;
    width: 107px;
    height: 20px;
    /*margin-bottom: 102px;*/
    margin-bottom: 20px;
}
.content-twitter h1{
    /*padding-top: 92px;*/
    /*margin-bottom: 16px;*/
}
@media (min-width: 1420px) {
    .content-twitter .item-twit:nth-of-type(8n+2),
    .content-twitter .item-twit:nth-of-type(8n+4),
    .content-twitter .item-twit:nth-of-type(8n+5),
    .content-twitter .item-twit:nth-of-type(8n+7){
        background: #171717;
    }
}
/* --------------- /content-twitter --------------- */
@media screen and (max-width: 1419px) {
    /*.twit-btn{*/
        /*margin-bottom: 80px;*/
    /*}*/

    .content-twitter h1{
        /*padding-top: 62px;*/
        /*margin-bottom: 16px;*/
        /*line-height: 72px;*/
        /*font-size: 72px;*/
    }
    .content-twitter .item-twit{
        background: #262626;
    }
    .content-twitter .item-twit:nth-of-type(even){
        background: #171717;
    }

    .content-twitter span{
        font-size: 22px;
    }
    .content-twitter p{
        font:100 26px/39px 'Roboto',sans-serif;
        padding: 8px 0;
    }
    .item-twit .content__item {
        padding: 18px;
        height: 429px;
    }
    .content-twitter .twit-author {
        bottom: 18px;
        left: 18px;
        padding-left: 65px;
        font-size: 26px;
    }
}
@media screen and (max-width: 1023px) {

    /* -------------- content-twitter -------------- */
    /*.twit-btn{*/
        /*margin-bottom: 59px;*/
    /*}*/
    .col.col-sm-6.item-twit .item-twit{
        background-color: #262626!important;
    }

    .content-twitter .item-twit:nth-of-type(4n+2),
    .content-twitter .item-twit:nth-of-type(4n+3){
        background: #171717!important;
    }
    .content-twitter h1{
        /*padding-top: 44px;*/
        /*margin-bottom: 16px;*/
        /*line-height: 72px;*/
        /*font-size: 62px;*/
    }
    .content-twitter .item-twit{
        background: #262626!important;
    }

    .content-twitter span{
        font-size: 22px;
    }
    .content-twitter p{
        font:100 26px/39px 'Roboto',sans-serif;
        padding: 8px 0;
    }
    .item-twit .content__item {
        height: 361px;
    }
    .content-twitter .twit-author {
        bottom: 28px;
        left: 18px;
        padding-left: 65px;
        font-size: 26px;
    }
    /* -------------- /content-twitter -------------- */
}
@media screen and (max-width: 767px) {
    /* -------------- content-twitter -------------- */
    .content-twitter .item-twit{
        background: #262626!important;
    }
    .content-twitter .item-twit:nth-of-type(4n+2),
    .content-twitter .item-twit:nth-of-type(4n+3){
        background: #262626!important;
    }
    .content-twitter .item-twit:nth-of-type(even){
        background: #171717!important;
    }

    .content-twitter .content__row.grey .content__item{
        padding: 0 20px;
    }
    /*.twit-btn{*/
        /*margin-bottom: 40px;*/
    /*}*/
    .content-twitter h1{
        /*padding-top: 22px;*/
        /*margin-bottom: 16px;*/
        /*line-height: 52px;*/
        /*font-size: 42px;*/
        font-size: 36px;
    }
    .content-twitter span{
        font-size: 22px;
    }
    .content-twitter p{
        font:100 26px/39px 'Roboto',sans-serif;
        padding: 8px 0;
    }
    .item-twit .content__item {
        height: auto;
        padding-bottom: 54px;
    }
    .content-twitter .twit-author {
        bottom: 18px;
    }
    /* -------------- /content-twitter -------------- */
}