Current Directory: /home/u930863517/domains/limraevents.com/public_html/css
Viewing File: /home/u930863517/domains/limraevents.com/public_html/css/clients.css
/* importing variable css */
@import url("./partials/variable.css");
/* importing global css */
@import url("./partials/global.css");
/* importing navbar css */
@import url("./partials/navbar.css");
.hero{
min-height: 70vh;
background: url("../assets/backgrounds/clients-back.jpg") center no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;
}
.hero::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0.7;
}
.hero .content{
position: relative;
z-index: 10;
color: white;
}
.hero .content .line{
background: white !important;
}
.client-grid .container{
display: grid;
grid-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.client-grid .container .image{
box-shadow: var(--box-shadow2);
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
filter: grayscale(1);
}
.client-grid .container .image:hover{
filter: grayscale(0);
}
@media only screen and (max-width: 768px) {
.client-grid .container{
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 600px) {
.client-grid .container{
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
}