/* Header */
.header{
    background-image: url(../img/bg-header.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.img-logo{
    width:40px;
}
.linear-wite::after{
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.vh-50{
    height: 50vmin;
}
/* Experience */
.card-img-filter{
    filter:brightness(0.5);
}
.card{
    transition-duration: .6s;
    clip-path: polygon(50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50%, 0 0);
}
.card-efect:hover .card{
    clip-path: polygon(50% 0, 50% 0, 100% 50%, 100% 50%, 50% 100%, 50% 100%, 0 50%, 0 50%);
}
.card-img-overlay{
    transition-duration: .6s;
}
.card-efect:hover .card-img-overlay{
    transform: scale(0.9);
}
/* Coments */
.comments{
    background-image: url(../img/bg-clients.jpeg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.comment__img{
    --tamano:80px;
    width: var(--tamano);
    height:var(--tamano);
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 7px 7px 7px rgba(0 0 0 / 0.5);
    border: 3px ridge #fff;
}
.transform-turn{
    transform: rotate(0.5turn);
}
/* Inspiration */
.media-object-img{
    --tamano:65px;
    width: var(--tamano);
    height: var(--tamano);
    margin-right: 15px;
}
/* Carousel */
.carousel-weston-middle{
    top: 35%;
}
/* Media Queries */
@media screen and (max-width: 375px){
    .vh-50{
        height: 50vmax;
    }
}