datamad2017/_sass/partials/_venue.scss

.venue-col {
    height: 100%;
    padding: 0;
    padding-right: 5px;
    &:last-child {
        padding: 0;
    }
    @media (max-width: 767px) {
        padding: 0;
    }
}
.venue-small-col {
    .venue-elem-wrapper {
        &:nth-child(odd) {
            @media (max-width: 767px) {
                padding-right: 2.5px;
            }
        }
        &:nth-child(even) {
            @media (max-width: 767px) {
                padding-left: 2.5px;
            }
        }
    }
}
.venue-elem-wrapper {
    padding: 0;
    padding-bottom: 5px;
}
.venue-elem {
    overflow: hidden;
    text-align: left;
    transition: $base-transition;
}
.venue-big-elem {
    height: 610px;
    @media (min-width: 768px) and (max-width: 991px) {
        height: 580px;    
    }
    @media (max-width: 767px) {
        height: 340px;    
    }
}
.venue-small-elem {
    height: 200px;
    @media (min-width: 768px) and (max-width: 991px) {
        height: 190px;    
    }
    @media (max-width: 767px) {
        height: 200px;    
    }
}
.venue-text {
    padding: 30px 20px;
    color: #fff;
    background: $main-color;
    @media (max-width: 767px) {
        padding: 20px 15px;    
    }
    h5 {
        margin-top: 0;
        @media (min-width: 768px) and (max-width: 991px) {
            font-size: 26px;    
        }
        @media (max-width: 767px) {
            font-size: 21px;    
        }
    }
    p {
        font-size: 17px;
        @media (min-width: 768px) and (max-width: 991px) {
            font-size: 16px;
            line-height: 19px;    
        }
        @media (max-width: 767px) {
            font-size: 14px;
            line-height: 16px;    
        }
    }
}