.header {

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

.img-logo {
    width: 100px;
}
.img-logo2 {
    width: 40px;
}

.linear-white::after{
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-color: white;
    position: absolute;
    left: 0;
    bottom: 0;
}

.vh-50 {
    height: 50vmin;
}

.card-img-filter {
    filter: brightness(0.7);
}

.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%);*/
clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
}

.card-img-overlay {
    transition-duration: .6s;
}

.card-effect:hover .card-img-overlay {
    transform: scale(0.9);
}

/* SECTION COMMENTS */

.comments {
    background-image: url(../img/fondolapalabra.JPG);
    background-position: center;
    background-size: cover;
    position: relative;
}

.comments.linear-white::after{
    top: 0;
}

.comments__img {
    --tamano: 180px;
    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);
}

/* SECTION MEDIA OBJECT*/

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

.media-object-bg {
    background-image: url(../img/cruz3dnegro.svg);
    background-position: center ;
	background-opacity: 0.2;
    background-size: cover;
    position: relative;
	
}




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

/* MEDIA QUERIES para distintos tamaños de pantalla */

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

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

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