/* your styles go here */
.pecset {    
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url( '../img/webpecset.png' );
    background-size: 40%;
}

.shadow {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.shadow-nohover {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.css-button {
    color: #FFFFFF!important;
    border-radius: 5px;
    border: 0px #000000 solid;
    background-color: #596369;
    display: inline-flex;
    align-items: center;
    margin-top: 5px;
    width: 100%;
}

.css-button:hover {
    background-color: #8e9499;
    cursor: pointer;
    filter: #FFFFFF;
}

.css-button-icon {
    padding: 5px 10px;
    text-shadow: none;
}

.css-button-icon svg {
    vertical-align: middle;
    position: relative;
}

.css-button-text {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    padding: 1px 10px;
}

.linkButtons a {
    text-decoration: none;
}


/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */