.header{
    background-image: url(../img/bg-header.jpg);
    background-position: center;
    background-size: cover;
    position: relative;

}

ul, ol {
    list-style:none;
}

.nav > li {
    float:left;
}

.nav li a {
    background-color:#343a40;
    color:#fff;
    text-decoration:none;
    display:block;
    padding:0px 12px;
}

.nav li a:hover {
    background-color:#421f1f;
}

.nav li ul {
    display:none;
    position:absolute;
    min-width:140px;
}

.nav li:hover > ul {
    display:block;
}

.nav li ul li {
    position:relative;
}

.nav li ul li ul {
    right:-140px;
    top:0px;
}

.img-logo{
    width: 150px;
}
.img-logo-footer{
    width: 200px;
}
.linear-white::after{
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-color:#fff;
    position: absolute;
    left: 0;
    bottom: 0;
    }

.vh-50{
    height: 50vmin;
}

.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-effect: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-effect:hover .card-img-overlay{
    transform: scale(0.9);
}

.comments{
    background-image: url(../img/hader\ serv.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.comments.linear-white::after{
    top: 0px;
}

.comments__img{
    --tamano: 80px;
    width: var(--tamano);
    height: var(--tamano);
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 7px 7px 7px rgb(0, 0, 0 /0.5);
    border: 3px ridge #fff;
}

.transform-turn{
    transform: rotate(.5turn);
}

.media-object-img{
    --tamano: 65px;
    width: var(--tamano);
    height: var(--tamano);
    margin-right: 15px;
}

.carousel-weston-middle{
    top: 35%;
}

/*Media Queries*/

@media screen and (max-width: 375px) {
    .vh-50{
               height: 50vmax;
    }   
}

@media screen and (max-width: 450px){
    .vh-50{
        height: 50vmax;
    }
    
}