.icon-standard {
    pointer-events: fill; 
    width: 20px;
    vertical-align: middle;
    filter: invert(42%) sepia(1000%) saturate(800%) hue-rotate(330deg) brightness(104%) contrast(97%);
}
.icon-standard:hover {
    pointer-events: none;
    width: 20px;
    vertical-align: middle;
    filter: invert(47%) sepia(4000%) saturate(200%) hue-rotate(356deg) brightness(74%) contrast(97%);
}

.icon-stardard-active {
    pointer-events: fill;
    width: 20px;
    vertical-align: middle;
    filter: invert(47%) sepia(4000%) saturate(200%) hue-rotate(356deg) brightness(74%) contrast(97%);
}

.icon-stardard-active:hover {
    pointer-events: none; 
    width: 20px;
    vertical-align: middle;
    filter: invert(57%) sepia(4000%) saturate(500%) hue-rotate(346deg) brightness(114%) contrast(97%);
}

.img-logo {
    width: 100%;
    max-width: 450px;
}
.img-logo-header {
    width: 120px;
    margin-top: -15px;
    background-color: aliceblue;
}
.img-general {
    max-height: 350px;
    max-width: 98%;
    border-color: rgb(255, 92, 92);
    border-style: groove;
    -webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.img-general:hover {
    -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.img-small {
    margin-top: 10px;
    width: 90%;
    border-color: rgb(255, 92, 92);
    border-style: groove;
    box-shadow: 2px 2px rgb(255, 92, 92);
}

.icon-button {
    background-color: transparent;
    border: 0;
    padding: 0;
}
.icon-button:focus {
    outline: transparent;
}