.cpsp-bg-gallery {
min-height: 495px;
background: no-repeat center top #333;
background-size: cover;
text-align: center;
padding-top: 200px;
position: relative;
}
.cpsp-bg-gallery::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
}
.cpsp-bg-gallery .cpsp-btn {
letter-spacing: 2px;
position: relative;
z-index: 10;
background: #f3f3f2;
color: #595c5e;
font-size: 15px;
font-family: agenda-bold;
text-transform: uppercase;
text-decoration: none;
padding: 13px 30px;
display: inline-block;
position: relative;
z-index: 2;
}
.cpsp-bg-gallery .cpsp-btn:hover,
.cpsp-bg-gallery .cpsp-btn:active,
.cpsp-bg-gallery .cpsp-btn:focus {
background: #d7d7d7;
}
.cpsp-bg-gallery .cpsp-btn img {
vertical-align: middle;
}
@media (max-width: 768px) {
.cpsp-bg-gallery {
min-height: 350px;
max-width: 500px;
padding-top: 150px;
margin: auto;
}
}
@media (max-width: 414px) {
.cpsp-bg-gallery {
min-height: 300px;
padding-top: 125px;
}
}