.bold {
font-weight: 700;
line-height: 2;
}
.labs .content-blk p {
margin: 20px 0;
}
.photographers {
padding-top: 500px;
background: linear-gradient(to bottom, #0D1731, #000F24);
}
.photographer-page {
position: absolute;
top: 30%;
}
.photographer-gallery {
background: linear-gradient(to bottom, #0D1731, #000F24);
padding: 400px 0 100px 0;
}
.photographer-gallery .img-list {
display: flex;
flex-wrap: wrap;
}
.photographer-gallery .img-list li {
width: 32%;
margin-right: 22px;
margin-bottom: 20px;
}
.photographer-gallery .img-list li:nth-child(3n+0) {
margin-right: 0;
}
.photographer-detail {
display: flex;
justify-content: space-evenly;
align-items: center;
margin-bottom: 100px;
}
.photographer-detail:nth-child(even) {
flex-direction: row-reverse;
}
.photographer-detail .img-blk img {
width: 520px;
height: 420px;
border-radius: 32px;
}
.photographer-detail .txt-blk {
width: 40%;
}
.photographer-detail .txt-blk p {
margin: 15px 0;
}
.photographers .photographer-detail .txt-blk p {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.photographer-detail .txt-blk .btn {
border-radius: 15px;
} @media only screen and (min-width:768px) and (max-width:1280px) {
.labs .content-blk p {
margin: 1.563vw 0;
}
.photographers {
padding-top: 39.063vw;
}
.photographer-gallery {
padding: 31.25vw 0 21vw 0;
}
.photographer-gallery .img-list li {
width: 31%;
margin-right: 1.719vw;
margin-bottom: 1.563vw;
}
.photographer-detail {
margin-bottom: 7.813vw;
}
.photographer-detail:nth-child(2) {
flex-direction: row-reverse;
}
.photographer-detail .img-blk img {
width: 40.625vw;
height: 32.813vw;
}
.photographer-detail .txt-blk {
width: 40%;
}
.photographer-detail .txt-blk p {
margin: 1.172vw 0;
}
.photographer-detail .txt-blk .btn {
border-radius: 1.172vw;
}
} @media all and (max-width:767.9px) {
.labs .content-blk p {
margin: 5.333vw 0;
}
.photographers {
padding-top: 146.667vw;
}
.photographer-gallery {
padding: 139.667vw 0 26.667vw 0;
}
.photographer-gallery .img-list li {
width: 100%;
margin-right: 0;
margin-bottom: 5.333vw;
}
.photographer-detail {
flex-direction: column;
margin-bottom: 13.333vw;
}
.photographer-detail:nth-child(even) {
flex-direction: column;
}
.photographer-detail .img-blk img {
width: 152vw;
height: 75.667vw;
}
.photographer-detail .txt-blk {
width: 100%;
}
.photographer-detail .txt-blk h2,
.photographer-detail .txt-blk p{
margin: 4vw 0;
}
.photographer-detail .txt-blk .btn {
border-radius: 4vw;
}
}