/* ============================================================================
    REFERENCJE
============================================================================ */
#referencje-wrapper {width:100%;}
.referencje-content {width:1360px;margin:0 auto;}
.referencje-container {width:1360px;margin:0px auto;}

.reviews-title {font-family: 'Montserrat', sans-serif;font-size:20px;line-height:24px;font-weight:600;}
.reviews-desc {padding:10px 0 0 0;}
.reviews-info {margin:20px 0 0 0;font-weight:400;background:#ffbf34;padding:1px 5px 1px 5px;display:inline-block;}

.masonry{transition:all .5s ease-in-out;column-gap:30px;column-fill:initial}.masonry .brick{margin-bottom:50px;display:inline-block;vertical-align:top}.masonry .brick img{transition:all .5s ease-in-out;backface-visibility:hidden}.masonry .brick:hover img{opacity:.75}.masonry.bordered{column-rule:1px solid #eee;column-gap:50px}.masonry.bordered .brick{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #eee}.masonry.gutterless{column-gap:0}.masonry.gutterless .brick{margin-bottom:0}@media only screen and (min-width: 768px) and (max-width: 1023px){.masonry{column-count:2}}@media only screen and (min-width: 1024px){.desc{font-size:1.25em}.intro{letter-spacing:1px}.masonry{column-count:2}}

/* ============================================================================
    RESPONSIVE 
============================================================================ */
@media only screen and (min-width: 1180px) and (max-width: 1380px){
.referencje-content {width:95%;margin:0 auto;}
.referencje-container {width:95%;margin:0px auto;} 
}

@media only screen and (min-width: 959px) and (max-width: 1180px){
.referencje-content {width:95%;margin:0 auto;}
.referencje-container {width:95%;margin:0px auto;} 
}

@media only screen and (min-width: 768px) and (max-width: 959px){
.referencje-content {width:95%;margin:0 auto;}
.referencje-container {width:95%;margin:0px auto;} 
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.referencje-content {width:95%;margin:0 auto;}
.referencje-container {width:95%;margin:0px auto;} 
}

@media only screen and (min-width: 320px) and (max-width: 479px){
.referencje-content {width:95%;margin:0 auto;}
.referencje-container {width:95%;margin:0px auto;}   
}